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 );	
	}