Salve,
stavo tentando da solo di creare questa cosa ma ahimè non ci son riuscito.
Ciò che vorrei fare è ad esempio questo (tratto dalla guida di html.it), con la differenza che al posto del grafico ci vada un' immagine scelta da me: mybeat.it/3dgraph/
Cliccando infatti è possibile ruotare il tutto..
PS: Ho trovato anche questo di effetto molto carino: http://mrdoob.github.com/three.js/ex...arge_mesh.html
Pensavo che bastava semplicemente sostituire ciò che riguarda il grafico con l' immagine e avevo scritto ciò, che ovviamente è errato.
codice:
init();
animate();
function init() {
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera( 30, 969.0 / 544.0, 1, 4000 );
camera.position.z = 1500;
controls = new THREE.TrackballControls(camera);
scene.add(camera);
var pointLight = new THREE.PointLight( 0xFFFFFF );
pointLight.position.x = 100;
pointLight.position.y = 300;
pointLight.position.z = 12;
pointLight.castShadow = true;
scene.add(pointLight);
var pointLight2 = new THREE.PointLight( 0xFFFFFF );
pointLight2.position.x = 500;
pointLight2.position.y = -400;
pointLight2.position.z = 130;
pointLight2.intensity = 1.5;
pointLight2.castShadow = true;
scene.add(pointLight2);
//renderer = new THREE.CanvasRenderer();
renderer = new THREE.WebGLRenderer();
renderer.setSize(969.0, 544.0);
document.body.appendChild(renderer.domElement);
var img = new THREE.MeshBasicMaterial({ //CHANGED to MeshBasicMaterial
map:THREE.ImageUtils.loadTexture('bg.jpg')
});
img.map.needsUpdate = true; //ADDED
}
scene.add(img);
function animate() {
controls.update();
requestAnimationFrame(animate);
render();
}
function render() {
renderer.render( scene, camera );
}