PixAnvil/Three.js demo
JavaScript doesn't seem to be running, so nothing below is going to work.
Setup
Animate
Save
// Make a bunch of spheres var g=new THREE.SphereGeometry(1, 8, 6); var m=new THREE.MeshLambertMaterial( {color: 0xffffff}) sim.nspheres=50; sim.spheres=[]; for (var i=0;i<sim.nspheres;i++) { var s=new THREE.Mesh(g,m); s.position.set(0,0,0); s.castShadow=true; s.receiveShadow=true; scene.add(s); // so it gets rendered sim.spheres[i]=s; // so we can animate it } // Ground sim.ground = new THREE.Mesh( new THREE.CubeGeometry(20,20,2), new THREE.MeshLambertMaterial( {color: 0xff6622, opacity: 1}) ); sim.ground.position.z=-2; /* puts top edge at z=-1 */ sim.ground.receiveShadow=true; scene.add(sim.ground); // Sun-like spotlight var l=new THREE.SpotLight(); sim.light = l; l.position.set( -10, -20, 20 ); l.castShadow=true; l.shadowCameraNear = 1; l.shadowCameraFar = 100; l.shadowCameraFov = 45; scene.add(l); camera.lookAt(scene.position);
for (var i=0;i<sim.nspheres;i++) { var s=sim.spheres[i]; var shift=new vec3(lib.dt,0,i*s.position.x*lib.dt); s.position.addSelf(shift); if (s.position.z>3.0) s.position.set(0,0,0); }
To save, copy into a
plain text
editor like Notepad.
/* Content here coming soon! */ For now, just copy out your Setup and Animate code.