mirror of
https://github.com/galacean/engine.git
synced 2026-07-01 02:44:22 +08:00
40 lines
1.5 KiB
TypeScript
40 lines
1.5 KiB
TypeScript
/**
|
|
* @title Animation Play
|
|
* @category Animation
|
|
*/
|
|
import { OrbitControl } from "@galacean/engine-toolkit";
|
|
import { Animator, Camera, DirectLight, Logger, Vector3, WebGLEngine, GLTFResource } from "@galacean/engine";
|
|
import { initScreenshot, updateForE2E } from "./.mockForE2E";
|
|
|
|
Logger.enable();
|
|
WebGLEngine.create({ canvas: "canvas" }).then((engine) => {
|
|
engine.canvas.resizeByClientSize(2);
|
|
const scene = engine.sceneManager.activeScene;
|
|
const rootEntity = scene.createRootEntity();
|
|
|
|
// camera
|
|
const cameraEntity = rootEntity.createChild("camera_node");
|
|
cameraEntity.transform.position = new Vector3(0, 1, 5);
|
|
const camera = cameraEntity.addComponent(Camera);
|
|
cameraEntity.addComponent(OrbitControl).target = new Vector3(0, 1, 0);
|
|
|
|
const lightNode = rootEntity.createChild("light_node");
|
|
lightNode.addComponent(DirectLight).intensity = 0.6;
|
|
lightNode.transform.lookAt(new Vector3(0, 0, 1));
|
|
lightNode.transform.rotate(new Vector3(0, 90, 0));
|
|
|
|
engine.resourceManager
|
|
.load<GLTFResource>("https://gw.alipayobjects.com/os/bmw-prod/5e3c1e4e-496e-45f8-8e05-f89f2bd5e4a4.glb")
|
|
.then((gltfResource) => {
|
|
const { animations = [], defaultSceneRoot } = gltfResource;
|
|
rootEntity.addChild(defaultSceneRoot);
|
|
const animator = defaultSceneRoot.getComponent(Animator);
|
|
animator.play("agree");
|
|
updateForE2E(engine, 30);
|
|
animator.crossFade("walk", 0.5, 0, 0);
|
|
updateForE2E(engine, 30);
|
|
|
|
initScreenshot(engine, camera);
|
|
});
|
|
});
|