@galacean/engine-toolkit-navigation-gizmo v1.3.9

Navigation Gizmo

Navigation Gizmo displays the current orientation of the view. Dragging it with the left mouse button will orbit the view. To align the view to a specific axis, click on one of the axis labels.

Feature

Example

Gizmo-Examples

npm

The Navigation Gizmo is published on npm with full typing support. To install, use:

$ npm install @galacean/engine-toolkit-navigation-gizmo

This will allow you to import package entirely using:

import { NavigationGizmo } from "@galacean/engine-toolkit-navigation-gizmo";

Usage

// LitePhysics must be initialized
const engine = await WebGLEngine.create({ canvas: "canvas" });
engine.physicsManager.initialize(LitePhysics);
const scene = engine.sceneManager.activeScene;
const rootEntity = scene.createRootEntity();

// Initialize camera entity.
const cameraEntity = rootEntity.createChild("camera");
const camera = cameraEntity.addComponent(Camera);

// add navigation gizmo
const navigationGizmo = rootEntity.addComponent(NavigationGizmo);
navigationGizmo.camera = camera;

Links

• Repository
• Documentation
• API References

License

The engine is released under the MIT license. See LICENSE file.