Threejs cube scrollwheel

by murgiaMarco

JavaScript

var camera, scene, renderer, geometry, material, mesh;

var clock = new THREE.Clock();

init();
animate();

function init() {

    scene = new THREE.Scene();
    
    camera = new THREE.PerspectiveCamera(50, window.innerWidth / window.innerHeight, 1, 10000);
    camera.position.z = 500;
    scene.add(camera);

    geometry = new THREE.CubeGeometry(200, 200, 10);
    //material = new THREE.MeshNormalMaterial();
    material = new THREE.MeshBasicMaterial();
    material.color.setRGB (0, 0.2, 0.4);
    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);

    renderer = new THREE.CanvasRenderer();
    renderer.setSize(.9*window.innerWidth, .9*window.innerHeight);

    document.body.appendChild(renderer.domElement);
    
    window.addEventListener( 'mousemove', onMouseMove);


}

function animate() {

    requestAnimationFrame(animate);
    render();

}

var speed = 0.01;

function onMouseMove( ev ) {
				var amount = ev.clientY;
				if ( amount === 0 ) return;
				var dir = amount;
        mesh.rotation.x = (dir / 600)+75;

			}

function render() {
	    
    renderer.render(scene, camera);

}