Update multiple mobile viewers

Author: GitHubDragonFly

viewers/templates/Mobile/MPDB Viewer.html

@@ -410,13 +410,13 @@
         color = new THREE.Color();
         root = new THREE.Group();
 
-        boxGeometry = new THREE.BoxGeometry( 1, 1, 1 );
-        boxMaterial = new THREE.MeshStandardMaterial( { metalness: 0.3, roughness: 0.8 } );
+        boxGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5 );
+        boxMaterial = new THREE.MeshBasicMaterial( { color: 0xdfdfdf } );
 
         sphereGeometry = new THREE.IcosahedronGeometry( 1, 2 );
         sphereMaterial = new THREE.MeshStandardMaterial( { metalness: 0.5, roughness: 0.5 } );
 
-        labelMaterial = new THREE.MeshStandardMaterial( { metalness: 0.6, roughness: 1 } );
+        labelMaterial = new THREE.MeshBasicMaterial();
 
         console.time( 'Loading Time' );
         document.getElementById('div_error').style.display = 'none';
@@ -833,7 +833,7 @@
             font: label_font,
             size: 1,
             depth: 0.025,
-            curveSegments: 4,
+            curveSegments: 3,
             bevelEnabled: false
           } );
 
@@ -889,7 +889,7 @@
 
             mesh.position.copy( start );
             mesh.position.lerp( end, 0.5 );
-            mesh.scale.set( 5, 5, start.distanceTo( end ) );
+            mesh.scale.set( 5, 5, start.distanceTo( end ) * 2 );
             mesh.lookAt( end );
             mesh.updateMatrix();
 

viewers/templates/Mobile/MPDB WebGPU.html

@@ -457,18 +457,13 @@
         color = new THREE.Color();
         root = new THREE.Group();
 
-        boxGeometry = new THREE.BoxGeometry( 1, 1, 1 );
-        boxMaterial = new THREE.MeshStandardNodeMaterial( { metalness: 0.3, roughness: 0.7 } );
+        boxGeometry = new THREE.BoxGeometry( 0.5, 0.5, 0.5 );
+        boxMaterial = new THREE.MeshBasicNodeMaterial( { color: 0xdfdfdf } );
 
         sphereGeometry = new THREE.IcosahedronGeometry( 1, 2 );
         sphereMaterial = new THREE.MeshStandardNodeMaterial( { metalness: 0.5, roughness: 0.5 } );
 
-        labelMaterial = new THREE.MeshStandardNodeMaterial( {
-          emissive: new THREE.Color( 0.1, 0.1, 0.1 ),
-          emissiveIntensity: 0.35,
-          metalness: 0.5,
-          roughness: 0.9
-        } );
+        labelMaterial = new THREE.MeshBasicNodeMaterial();
 
         console.time( 'Loading Time' );
         document.getElementById('div_error').style.display = 'none';
@@ -929,7 +924,7 @@
             font: label_font,
             size: 1,
             depth: 0.025,
-            curveSegments: 4,
+            curveSegments: 3,
             bevelEnabled: false
           } );
 
@@ -985,7 +980,7 @@
 
             mesh.position.copy( start );
             mesh.position.lerp( end, 0.5 );
-            mesh.scale.set( 5, 5, start.distanceTo( end ) );
+            mesh.scale.set( 5, 5, start.distanceTo( end ) * 2 );
             mesh.lookAt( end );
             mesh.updateMatrix();