bserver(resize).observe(vp);
/* ---------- LOOP ---------- */
var clock = new THREE.Clock(), secPlane = new THREE.Vector3();
function loop(){
requestAnimationFrame(loop);
var dt = Math.min(0.05, clock.getDelta()), t = clock.elapsedTime;
blocks.forEach(function(b){
if(b.userData.spin) b.rotation.y += b.userData.spin * dt;
if(b.userData.bob) b.position.y = b.userData.bobBase + (Math.sin(t * 2) + 1) * 0.6;
if(b.userData.section){
if(!b.userData.plane) b.userData.plane = new THREE.Plane(new THREE.Vector3(0, -1, 0), 0);
boxOf(b).getCenter(secPlane); b.userData.plane.constant = secPlane.y;
meshesOf(b).forEach(function(m){ if(!m.material.clippingPlanes || m.material.clippingPlanes[0] !== b.userData.plane){ m.material.clippingPlanes = [b.userData.plane]; m.material.side = THREE.DoubleSide; m.material.needsUpdate = true; } });
} else {
meshesOf(b).forEach(function(m){ if(m.material.clippingPlanes && m.material.clippingPlanes.length){ m.material.clippingPlanes = null; m.material.side = THREE.FrontSide; m.material.needsUpdate = true; } });
}
});
if(selected && selBox.visible) selBox.setFromObject(selected);
updateCamera();
renderer.render(scene, camera);
}
/* ---------- START ---------- */
applyLayout();
setEnv('golden');
updateCamera(); placeSun();
showWheel(); renderLib();
spawn('hourglass', 0, 0, true);
undoStack.length = 0; /* the starter block is not an undo step */
ACT.tool('select');
say('THE CREATOR v1 ready — drag to look, pinch / wheel to zoom. Tap a block to select it.');
loop();
window.THE_CREATOR = {version: 'v1', blocks: blocks, scene: scene, camera: camera};
})();
===== FILE: public/playa/index.html =====
THE CREATOR v1