@galacean/engine-toolkit-navigation-gizmo NPM | npm.io

1.5.3 • Published 5 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

5 months ago

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.

merge

Feature

Attributes	Meaning
`target`	Navigation Gizmo target point, default (0,0,0). Needs to update when using orbitControl.
`position`	Navigation Gizmo position. Normalized expression, the upper left corner is (0, 0), and the lower right corner is (1, 1). Default (0, 0).
`size`	Navigation Gizmo size. The length and width of the gizmo area in viewport, default (0.12, 0.12).
`camera`	current scene camera
`layer`	Navigation Gizmo layer, default Layer30. Ensure this layer is not taken
`priority`	Navigation Gizmo camera's priority, larger than any other camera in scene, default 100.

Example

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

License

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

@galacean/engine-toolkit-controls @galacean/engine-toolkit-custom-material

@everything-registry/sub-chunk-350 @galacean/engine-toolkit

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

5 months ago

10 months ago

10 months ago

5 months ago

5 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

5 months ago

10 months ago

9 months ago

7 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-experimental-shaderlab-pbr.1

1 year ago

0.0.0-experimental-shaderlab-pbr.2

1 year ago

0.0.0-experimental-shaderlab-pbr.0

1 year ago

0.0.0-experimental-shaderlab-pbr.5

1 year ago

0.0.0-experimental-shaderlab-pbr.3

1 year ago

0.0.0-experimental-shaderlab-pbr.4

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-experimental-shaderlab-thin.4

1 year ago

0.0.0-experimental-shaderlab-thin.5

1 year ago

0.0.0-experimental-shaderlab-thin.6

1 year ago

0.0.0-experimental-shaderlab-thin.7

1 year ago

0.0.0-experimental-shaderlab-thin.2

1 year ago

1 year ago

0.0.0-experimental-shaderlab-thin.1

1 year ago

0.0.0-experimental-shaderlab.0

1 year ago

0.0.0-experimental-shaderlab-thin.0

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-experimental-waypoint.8

2 years ago

0.0.0-experimental-waypoint.7

3 years ago

2 years ago

3 years ago

2 years ago

3 years ago

0.0.0-experimental-waypoint.6

3 years ago

0.0.0-experimental-waypoint.5

3 years ago

3 years ago

3 years ago

0.0.0-experimental-waypoint.4

3 years ago

3 years ago

0.0.0-experimental-waypoint.3

3 years ago

3 years ago

3 years ago