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=5; sim.spheres=[]; for (var i=0;i<sim.nspheres;i++) { var s=new THREE.Mesh(g,m); s.position.set(0,0,0); s.V=new vec3(+20.0*Math.random(),Math.random(),+15.0*Math.random()); s.P=new vec3(-3.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);
camera.position.set(0,-10,1.7); // default: assume no "clang!". for (var i=0;i<sim.nspheres;i++) { var s=sim.spheres[i]; var A=new vec3(0,0,-9.8); s.V.addSelf(A.clone().multiplyScalar(lib.dt)); s.P.addSelf(s.V.clone().multiplyScalar(lib.dt)); /* outward-facing surface normal var N=new vec3(0,0,1).normalize(); var onPlane=new vec3(0,0,0); var d=N.dot(s.P.clone().subSelf(onPlane)); if (d<0.0) { s.P.addSelf(N.clone().multiplyScalar(-d)); s.V.addSelf(N.clone().multiplyScalar(2.0*N.dot(s.V))); } */ if (s.P.z<0.0) { // ground s.P.z=0; if (s.V.z<-2.0) camera.position.set(0,-10,1.5); s.V.z=Math.abs(s.V.z); s.V.multiplyScalar(0.6); // friction! } if (s.P.x>5.0) { // right wall s.P.x=5; if (s.V.x>2.0) camera.position.set(0.2,-10,1.7); s.V.x=-Math.abs(s.V.x); s.V.multiplyScalar(0.6); // friction! } if (s.P.x<-4.0) { // left wall s.P.x=-4; if (s.V.x<-2.0) camera.position.set(-0.2,-10,1.7); s.V.x=Math.abs(s.V.x); s.V.multiplyScalar(0.6); // friction! } s.position=s.P; // copy to 3D display }
To save, copy into a
plain text
editor like Notepad.
/* Content here coming soon! */ For now, just copy out your Setup and Animate code.