Sancaros/phantasmal-world
1
0
Fork 0
mirror of https://github.com/DaanVandenBosch/phantasmal-world.git synced 2025-04-04 22:58: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();
}
this.light_holder.quaternion.copy(this.camera.quaternion);
super.render();
if (model_viewer_store.animation && !model_viewer_store.animation.action.paused) {

9
src/rendering/Renderer.ts
View File

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