Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-05 15:28:29 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix light in place so that it doesn't rotate with the camera in model viewer.

Browse Source
This commit is contained in:
Daan Vanden Bosch 2019-07-03 10:53:22 +02:00
parent 81c4d03325
commit 7da5505124
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/rendering/ModelRenderer.ts
View File

@ -69,6 +69,7 @@ export class ModelRenderer extends Renderer {
model_viewer_store.update_animation_frame(); model_viewer_store.update_animation_frame();
} }
this.light_holder.quaternion.copy(this.camera.quaternion);
super.render(); super.render();
if (model_viewer_store.animation && !model_viewer_store.animation.action.paused) { if (model_viewer_store.animation && !model_viewer_store.animation.action.paused) {

9
src/rendering/Renderer.ts
View File

@ -8,6 +8,7 @@ import {
Vector3, Vector3,
WebGLRenderer, WebGLRenderer,
Vector2, Vector2,
Group,
} from "three"; } from "three";
import OrbitControlsCreator from "three-orbit-controls"; import OrbitControlsCreator from "three-orbit-controls";
@ -17,11 +18,15 @@ export class Renderer {
protected camera: PerspectiveCamera; protected camera: PerspectiveCamera;
protected controls: any; protected controls: any;
protected scene = new Scene(); protected scene = new Scene();
protected light_holder = new Group();
private renderer = new WebGLRenderer({ antialias: true }); private renderer = new WebGLRenderer({ antialias: true });
private render_scheduled = false; private render_scheduled = false;
private light = new HemisphereLight(0xffffff, 0x505050, 1);
constructor() { constructor() {
this.renderer.setPixelRatio(window.devicePixelRatio);
this.camera = new PerspectiveCamera(75, 1, 0.1, 5000); this.camera = new PerspectiveCamera(75, 1, 0.1, 5000);
this.controls = new OrbitControls(this.camera, this.renderer.domElement); this.controls = new OrbitControls(this.camera, this.renderer.domElement);
@ -30,7 +35,9 @@ export class Renderer {
this.controls.addEventListener("change", this.schedule_render); this.controls.addEventListener("change", this.schedule_render);
this.scene.background = new Color(0x151c21); this.scene.background = new Color(0x151c21);
this.scene.add(new HemisphereLight(0xffffff, 0x505050, 1));
this.light_holder.add(this.light);
this.scene.add(this.light_holder);
} }
get dom_element(): HTMLElement { get dom_element(): HTMLElement {