Browser-GUI: Use 'mediump' for threejs materials

See mrdoob/three.js#12679 and mrdoob/three.js#14137.
mgeier · Nov 4, 2019 · 15f9cab · 15f9cab
1 parent db1e0ce
commit 15f9cab
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/browser-gui/src/sceneviewer.js b/browser-gui/src/sceneviewer.js
@@ -232,7 +232,7 @@ export class SceneViewer {
 
   createReference() {
     let reference = new THREE.Group();
-    let material = new THREE.MeshPhongMaterial({ color: 0x2685AA });
+    let material = new THREE.MeshPhongMaterial({ color: 0x2685AA, precision: 'mediump' });
     let mesh = new THREE.Mesh(kiteGeometry(), material);
     mesh.scale.set(0.6, 0.6, 0.6);
     reference.add(mesh);
@@ -302,7 +302,7 @@ export class SceneViewer {
 
   createSource() {
     //let kiteMaterial = new THREE.MeshBasicMaterial({ color: 0x2685AA });
-    let kiteMaterial = new THREE.MeshPhongMaterial({ color: 0xBC7349 });
+    let kiteMaterial = new THREE.MeshPhongMaterial({ color: 0xBC7349, precision: 'mediump' });
     //let kiteMaterial = new THREE.MeshLambertMaterial({ color: 0xBC7349 });
 
     let mesh = new THREE.Mesh(kiteGeometry(), kiteMaterial);
@@ -349,7 +349,7 @@ export class SceneViewer {
     // TODO: check if loudspeakers is array
     // TODO: make sure no loudspeakers exist yet
 
-    let material = new THREE.MeshPhongMaterial({ color: 0x2685AA });
+    let material = new THREE.MeshPhongMaterial({ color: 0x2685AA, precision: 'mediump' });
     for (let ls of loudspeakers) {
       // TODO: check if ls is object?