fix scene.js

wheattoast11 · Nov 30, 2024 · 1da28aa · 1da28aa
1 parent c9fbd64
commit 1da28aa
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/three/Scene.js b/src/three/Scene.js
@@ -6,14 +6,15 @@ import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass';
 import { UnrealBloomPass } from 'three/examples/jsm/postprocessing/UnrealBloomPass';
 
 export class Scene {
-  constructor() {
+  constructor(container, dimensions) {
     this.scene = new THREE.Scene();
-    this.camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
+    this.camera = new THREE.PerspectiveCamera(75, dimensions.width / dimensions.height, 0.1, 1000);
     this.renderer = new THREE.WebGLRenderer({
-      canvas: document.querySelector('#bg'),
       antialias: true,
       alpha: true
     });
+    this.renderer.setSize(dimensions.width, dimensions.height);
+    container.appendChild(this.renderer.domElement);
 
     this.composer = null;
     this.flowField = new FlowField();