page transition, optimize lighting

src/matrix.js

@@ -13,7 +13,7 @@ import { makeTube } from './lib/edgeTubes.js';
 const { scene, colors, onUpdate } = createStage();
 
 const params = {
-    scale: 2,
+    scale: 3,
     edges: true,
     spokes: true,
     fill: true,
@@ -93,10 +93,10 @@ function renderMatrix() {
     } );
     const spheres = new THREE.Group();
     const sphereGeometry = new THREE.SphereGeometry( sphereRadius, 48, 48 );
+    // no castShadow: the projection stays an outline of edges and spokes
     for ( const point of [ centre, ...vertices ] ) {
         const sphere = new THREE.Mesh( sphereGeometry, sphereMaterial );
         sphere.position.copy( point );
-        sphere.castShadow = true;
         spheres.add( sphere );
     }
     spheres.visible = params.spheres;