feat(sample): add EatTheBox sample,add ShootTheBox sample (#391)

samples/physics/Sample_EatTheBox.ts

@@ -0,0 +1,278 @@
+import { BoxGeometry, Camera3D, Engine3D, LitMaterial, MeshRenderer, Object3D, Scene3D, View3D, Object3DUtil, Vector3, AtmosphericComponent, ColliderComponent, BoxColliderShape, KeyEvent, SphereColliderShape, DirectLight, SphereGeometry, ComponentBase, KeyCode, KelvinUtil, Time } from "@orillusion/core";
+import { Stats } from "@orillusion/stats";
+import { Ammo, Physics, Rigidbody } from "@orillusion/physics";
+import dat from "dat.gui";
+
+class Sample_EatTheBox {
+ view: View3D;
+ ammoWorld: Ammo.btDiscreteDynamicsWorld;
+ foods: Object3D[] = [];
+ dispatcher: Ammo.btDispatcher;
+ numManifolds: number;
+ Manifold: Ammo.btPersistentManifold;
+ objIndex: number;
+ tempObj: Object3D;
+ score: number = 0;
+ moveScript: MoveScript;
+ async run() {
+ //init physics and engine
+ await Physics.init();
+ await Engine3D.init({
+ renderLoop: () => this.loop()
+ });
+
+ //set shadow
+ Engine3D.setting.shadow.updateFrameRate = 1;
+ Engine3D.setting.shadow.shadowSize = 2048;
+ Engine3D.setting.shadow.shadowBound = 64;
+ //get original ammo world for processing more custom function
+ this.ammoWorld = Physics.world;
+
+ //create scene,add sky and FPS
+ let scene = new Scene3D();
+ let sky = scene.addComponent(AtmosphericComponent);
+ scene.addComponent(Stats);
+
+ //create camera
+ let cameraObj = new Object3D();
+ let camera = cameraObj.addComponent(Camera3D);
+ // camera.enableCSM = true;
+ camera.perspective(60, Engine3D.aspect, 1, 5000);
+ camera.lookAt(new Vector3(0, 40, 35), new Vector3());
+ scene.addChild(cameraObj);
+
+ //add DirectLight
+ let lightObj = new Object3D();
+ let light = lightObj.addComponent(DirectLight);
+ light.intensity = 50;
+ light.castShadow = true;
+ lightObj.rotationX = 60;
+ lightObj.rotationY = 80;
+ sky.relativeTransform = light.transform;
+ light.lightColor = KelvinUtil.color_temperature_to_rgb(5355);
+ scene.addChild(lightObj);
+
+ //create view
+ this.view = new View3D();
+ this.view.scene = scene;
+ this.view.camera = camera;
+
+ //create floor and wall
+ this.createFloor();
+ //create foods(box)
+ this.createFoods();
+ //create player(ball)
+ this.createBall();
+ //start render
+ Engine3D.startRenderView(this.view);
+
+ //add debug UI
+ const gui = new dat.GUI();
+ let tip = gui.addFolder("Orillusion");
+ tip.add({ tip1: "press wasd to move" }, "tip1");
+ tip.add({ tip2: "eat box to get score" }, "tip2");
+ tip.add(this, "score").listen();
+ tip.add(this.moveScript, "moveSpeed", 10, 50, 1);
+ tip.open();
+ }
+ private createFloor() {
+ //create floor and wall
+ let floor = Object3DUtil.GetSingleCube(50, 1, 50, 0.3, 0.3, 0.6);
+ let border1 = Object3DUtil.GetSingleCube(50, 5, 1, 0.3, 0.3, 0.6);
+ let border2 = Object3DUtil.GetSingleCube(50, 5, 1, 0.3, 0.3, 0.6);
+ let border3 = Object3DUtil.GetSingleCube(50, 5, 1, 0.3, 0.3, 0.6);
+ let border4 = Object3DUtil.GetSingleCube(50, 5, 1, 0.3, 0.3, 0.6);
+ //set their mass to 0,because they are static
+ let rigidbody = floor.addComponent(Rigidbody);
+ let rigidbody1 = border1.addComponent(Rigidbody);
+ let rigidbody2 = border2.addComponent(Rigidbody);
+ let rigidbody3 = border3.addComponent(Rigidbody);
+ let rigidbody4 = border4.addComponent(Rigidbody);
+ rigidbody.mass = rigidbody1.mass = rigidbody2.mass = rigidbody3.mass = rigidbody4.mass = 0;
+ //add collider component ,collider shape and size is same as their geometry
+ let collider = floor.addComponent(ColliderComponent);
+ collider.shape = new BoxColliderShape();
+ collider.shape.size = new Vector3(50, 1, 50);
+ let colshape = new BoxColliderShape();
+ colshape.size = new Vector3(50, 5, 1);
+ let collider1 = border1.addComponent(ColliderComponent);
+ let collider2 = border2.addComponent(ColliderComponent);
+ let collider3 = border3.addComponent(ColliderComponent);
+ let collider4 = border4.addComponent(ColliderComponent);
+ collider1.shape = collider2.shape = collider3.shape = collider4.shape = colshape;
+ //place the floor and walls
+ border1.y = 3;
+ border1.z = 24.5;
+ border2.y = 3;
+ border2.z = -24.5;
+ border3.y = 3;
+ border3.x = 24.5;
+ border3.rotationY = 90;
+ border4.y = 3;
+ border4.x = -24.5;
+ border4.rotationY = 90;
+ //set friction and restitution
+ rigidbody.rollingFriction = 10;
+ rigidbody1.restitution = rigidbody2.restitution = rigidbody3.restitution = rigidbody4.restitution = 0.3;
+ //set their index to -1
+ rigidbody.addInitedFunction(() => {
+ rigidbody.btRigidbody.setUserIndex(-1);
+ }, this);
+ rigidbody1.addInitedFunction(() => {
+ rigidbody1.btRigidbody.setUserIndex(-1);
+ }, this);
+ rigidbody2.addInitedFunction(() => {
+ rigidbody2.btRigidbody.setUserIndex(-1);
+ }, this);
+ rigidbody3.addInitedFunction(() => {
+ rigidbody3.btRigidbody.setUserIndex(-1);
+ }, this);
+ rigidbody4.addInitedFunction(() => {
+ rigidbody4.btRigidbody.setUserIndex(-1);
+ }, this);
+ this.view.scene.addChild(floor);
+ this.view.scene.addChild(border1);
+ this.view.scene.addChild(border2);
+ this.view.scene.addChild(border3);
+ this.view.scene.addChild(border4);
+ }
+ private createFoods() {
+ //create the sample food
+ let boxobj = new Object3D();
+ let mr = boxobj.addComponent(MeshRenderer);
+ mr.geometry = new BoxGeometry(2, 2, 2);
+ mr.material = new LitMaterial();
+ let boxColliderShape = new BoxColliderShape();
+ boxColliderShape.size = new Vector3(2, 2, 2);
+ //create 10 food box
+ for (let index = 0; index < 10; index++) {
+ let boxObj = boxobj.clone();
+ boxObj.y = 2;
+ //random position
+ boxObj.x = Math.random() * 40 - 20;
+ boxObj.z = Math.random() * 40 - 20;
+ let rig = boxObj.addComponent(Rigidbody);
+ rig.mass = 0;
+ let col = boxObj.addComponent(ColliderComponent);
+ col.shape = boxColliderShape;
+ rig.addInitedFunction(() => {
+ //get original rigidbody to get/set more property
+ let btrig = rig.btRigidbody;
+ //set this colider as trigger,trigger will not respond to collision
+ btrig.setCollisionFlags(4);
+ //set index to 0~9
+ btrig.setUserIndex(index);
+ this.foods[index] = boxObj;
+ }, this);
+ boxObj.addComponent(RotateScript);
+ this.view.scene.addChild(boxObj);
+ }
+ }
+ private createBall() {
+ //add player(ball)
+ let sphereObj = new Object3D();
+ let mr = sphereObj.addComponent(MeshRenderer);
+ mr.geometry = new SphereGeometry(1, 20, 20);
+ let mat = new LitMaterial();
+ mr.material = mat;
+ mat.baseColor = KelvinUtil.color_temperature_to_rgb(1325);
+ sphereObj.y = 5;
+ //add movescript
+ this.moveScript = sphereObj.addComponent(MoveScript);
+ this.moveScript.rigidbody = sphereObj.addComponent(Rigidbody);
+ this.moveScript.rigidbody.addInitedFunction(() => {
+ this.moveScript.rigidbody.btRigidbody.setUserIndex(-1);
+ }, this);
+ this.moveScript.rigidbody.mass = 10;
+ let collider = sphereObj.addComponent(ColliderComponent);
+ collider.shape = new SphereColliderShape(1);
+ this.view.scene.addChild(sphereObj);
+ }
+ private loop() {
+ if (Physics.isInited) {
+ //get ammo world collision info
+ this.dispatcher = this.ammoWorld.getDispatcher();
+ //get count of collision info
+ this.numManifolds = this.dispatcher.getNumManifolds();
+ if (this.numManifolds > 0) {
+ //iterate all collision info
+ for (let index = 0; index < this.numManifolds; index++) {
+ this.Manifold = this.dispatcher.getManifoldByIndexInternal(index);
+ //detect ammo rigidbody's userindex,if greater than -1,the box(food) is colliding
+ if (this.Manifold.getBody0().getUserIndex() > -1 || this.Manifold.getBody1().getUserIndex() > -1) {
+ this.objIndex = Math.max(this.Manifold.getBody0().getUserIndex(), this.Manifold.getBody1().getUserIndex());
+ //destroy this box
+ this.tempObj = this.foods[this.objIndex];
+ if (this.tempObj) {
+ this.foods[this.objIndex] = undefined;
+ this.score++;
+ this.tempObj.destroy();
+ }
+ }
+ }
+ }
+ Physics.update();
+ }
+ }
+}
+
+class MoveScript extends ComponentBase {
+ forward: boolean = false;
+ back: boolean = false;
+ left: boolean = false;
+ right: boolean = false;
+ moveSpeed: number = 30;
+ rigidbody: Rigidbody;
+ x: number = 0;
+ y: number = 0;
+ direction: Vector3 = new Vector3();
+ init(): void {
+ Engine3D.inputSystem.addEventListener(KeyEvent.KEY_DOWN, this.keyDown, this);
+ Engine3D.inputSystem.addEventListener(KeyEvent.KEY_UP, this.keyUp, this);
+ }
+ private keyDown(e: KeyEvent) {
+ if (e.keyCode == KeyCode.Key_A) {
+ this.left = true;
+ } else if (e.keyCode == KeyCode.Key_D) {
+ this.right = true;
+ } else if (e.keyCode == KeyCode.Key_W) {
+ this.forward = true;
+ } else if (e.keyCode == KeyCode.Key_S) {
+ this.back = true;
+ }
+ }
+ private keyUp(e: KeyEvent) {
+ if (e.keyCode == KeyCode.Key_A) {
+ this.left = false;
+ } else if (e.keyCode == KeyCode.Key_D) {
+ this.right = false;
+ } else if (e.keyCode == KeyCode.Key_W) {
+ this.forward = false;
+ } else if (e.keyCode == KeyCode.Key_S) {
+ this.back = false;
+ }
+ }
+
+ onUpdate() {
+ //if w or a or s or d was pressed
+ if (this.forward || this.back || this.left || this.right) {
+ //activate ammo btrigidbody if its state is inactive
+ if (!this.rigidbody.btRigidbody.isActive()) {
+ this.rigidbody.btRigidbody.activate();
+ }
+ //force the ball to move
+ this.x = -1 * Number(this.left) + Number(this.right);
+ this.y = -1 * Number(this.forward) + Number(this.back);
+ this.direction.set(this.x * this.moveSpeed * Time.delta, 0, this.y * this.moveSpeed * Time.delta);
+ this.rigidbody.velocity = this.direction;
+ }
+ }
+}
+//rotate script
+class RotateScript extends ComponentBase {
+ onUpdate() {
+ this.object3D.rotationY += (90 * Time.delta) / 1000;
+ }
+}
+
+new Sample_EatTheBox().run();