|
| 1 | +import { Engine3D, Scene3D, AtmosphericComponent, HoverCameraController, Object3D, MeshRenderer, BoxGeometry, LitMaterial, DirectLight, View3D, Camera3D, Frustum, OrbitController, Vector3, Color, AxisObject, GridObject } from "@orillusion/core"; |
| 2 | +import { Stats } from "@orillusion/stats"; |
| 3 | +import * as dat from "dat.gui" |
| 4 | + |
| 5 | +// initializa engine |
| 6 | +await Engine3D.init(); |
| 7 | + |
| 8 | +// create new scene as root node |
| 9 | +let scene3D: Scene3D = new Scene3D(); |
| 10 | + |
| 11 | +// add performance stats |
| 12 | +scene3D.addComponent(Stats) |
| 13 | + |
| 14 | +// add an Atmospheric sky enviroment |
| 15 | +let sky = scene3D.addComponent(AtmosphericComponent); |
| 16 | +sky.sunY = 0.6; |
| 17 | + |
| 18 | +// create camera |
| 19 | +let cameraObj: Object3D = new Object3D(); |
| 20 | +let camera = cameraObj.addComponent(Camera3D); |
| 21 | +// adjust camera view |
| 22 | +camera.perspective(45, Engine3D.aspect, 0.1, 1000.0); |
| 23 | +camera.lookAt(new Vector3(0, 10, 10), Vector3.ZERO, Vector3.UP) |
| 24 | +// set camera controller |
| 25 | +let controller = cameraObj.addComponent(OrbitController); |
| 26 | +controller.maxDistance = 200; |
| 27 | +// add camera node |
| 28 | +scene3D.addChild(cameraObj); |
| 29 | + |
| 30 | +// create light obj |
| 31 | +let light: Object3D = new Object3D(); |
| 32 | +// adjust light rotation |
| 33 | +light.rotationX = 45; |
| 34 | +light.rotationY = 30; |
| 35 | +// add direct light component |
| 36 | +let dirLight: DirectLight = light.addComponent(DirectLight); |
| 37 | +dirLight.intensity = 3; |
| 38 | +// add light object to scene |
| 39 | +scene3D.addChild(light); |
| 40 | + |
| 41 | +// create a box |
| 42 | +const box: Object3D = new Object3D(); |
| 43 | +// add MeshRenderer |
| 44 | +let mr: MeshRenderer = box.addComponent(MeshRenderer); |
| 45 | +// set geometry |
| 46 | +mr.geometry = new BoxGeometry(1, 1, 1); |
| 47 | +// set material |
| 48 | +mr.material = new LitMaterial(); |
| 49 | +// set rotation |
| 50 | +box.y = 0 |
| 51 | +scene3D.addChild(box); |
| 52 | + |
| 53 | +// create a box |
| 54 | +const box2: Object3D = new Object3D(); |
| 55 | +// add MeshRenderer |
| 56 | +let mr2: MeshRenderer = box2.addComponent(MeshRenderer); |
| 57 | +// set geometry |
| 58 | +mr2.geometry = new BoxGeometry(1, 1, 1); |
| 59 | +// set material |
| 60 | +mr2.material = new LitMaterial(); |
| 61 | +mr2.material.baseColor = Color.COLOR_RED |
| 62 | +// set rotation |
| 63 | +box2.y = 1 |
| 64 | +box2.x = 1 |
| 65 | +scene3D.addChild(box2); |
| 66 | + |
| 67 | +scene3D.addChild(new AxisObject(10)); |
| 68 | +scene3D.addChild(new GridObject(1000, 100)); |
| 69 | + |
| 70 | +// create a view with target scene and camera |
| 71 | +let view = new View3D(); |
| 72 | +view.scene = scene3D; |
| 73 | +view.camera = camera; |
| 74 | +// start render |
| 75 | +Engine3D.startRenderView(view); |
| 76 | + |
| 77 | +// add debug GUI |
| 78 | +let gui = new dat.GUI(); |
| 79 | +let f = gui.addFolder('Camera') |
| 80 | +let options = { |
| 81 | + 'ortho': () => { |
| 82 | + camera.ortho(camera.frustumSize || 50, camera.frustumDepth || 100) |
| 83 | + }, |
| 84 | + 'perspective': () => { |
| 85 | + camera.near = 0.1 |
| 86 | + camera.perspective(camera.fov, camera.aspect, camera.near, camera.far) |
| 87 | + } |
| 88 | +} |
| 89 | +f.add(camera, 'near', 0.1, 100).listen().onChange(() => { |
| 90 | + camera.type === 1 ? options.perspective() : options.ortho() |
| 91 | +}) |
| 92 | +f.add(camera, 'far', 1, 1000).listen().onChange(() => { |
| 93 | + camera.type === 1 ? options.perspective() : options.ortho() |
| 94 | +}) |
| 95 | +f.add(options, 'perspective') |
| 96 | +f.add(camera, 'fov', 1, 179).listen().onChange(() => options.perspective()) |
| 97 | +f.add(options, 'ortho') |
| 98 | +f.add(camera, 'frustumSize', 1, 200).listen().onChange(() => options.ortho()) |
| 99 | +f.add(camera, 'frustumDepth', 1, 200).listen().onChange(() => options.ortho()) |
| 100 | +f.open() |
0 commit comments