Tfe

Old stuff/old_sites/threejs/8_perso_move_click/js/test1.js

Math.radians = function(degrees) {
      return degrees * Math.PI / 180;
};
Math.degrees = function(radians) {
      return radians * 180 / Math.PI;
};



var scene = new THREE.Scene();
var clock  = new THREE.Clock();
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

scene.fog = new THREE.Fog( 0xffffff, 2000, 10000 );
var renderer = new THREE.WebGLRenderer({ antialias:true});
				renderer = new THREE.WebGLRenderer( { antialias: true } );
				renderer.setClearColor( scene.fog.color );
				renderer.setPixelRatio( window.devicePixelRatio );
				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
				renderer.domElement.style.position = "relative";
document.body.appendChild( renderer.domElement );

// Add floor
var planeGeometry = new THREE.PlaneGeometry(100,100);
var planeMaterial =    new THREE.MeshLambertMaterial({color: 0xffffff});
var plane = new THREE.Mesh(planeGeometry,planeMaterial);
plane.receiveShadow  = true;
plane.rotation.x=-0.5*Math.PI;
plane.position.x=0
plane.position.y=0
plane.position.z=0
scene.add(plane);




var perso = new Perso(scene, plane);
perso.build({ x: 0 , z: 0});

var trigger_move= false;
document.addEventListener( 'mousemove', function(e) { if(trigger_move) { console.log('here'); perso.moveToEvent(e); } }, false );
document.addEventListener( 'mouseup', function(e) { console.log('up');trigger_move=false; e.stopPropagation(); return false; }, false);
document.addEventListener( 'mousedown', function(e) { console.log('down'); trigger_move=true;e.stopPropagation(); perso.moveToEvent(e);  return false; }, false);


// Update position
camera.position.x = 8;
camera.position.z = -5;
camera.position.y = 8;
camera.lookAt(new THREE.Vector3(0,0,0));


var target = new THREE.Object3D();
target.position = new THREE.Vector3(5, 0, 0);

var pointColor = "#ffffff";
				scene.add( new THREE.HemisphereLight( 0x111111, 0x444444 ) );

				var light = new THREE.DirectionalLight( 0xebf3ff, 1.5 );
				light.position.set( 0, 140, 500 ).multiplyScalar( 1.1 );
				scene.add( light );

var controls = new function () {

    this.camera_x = camera.position.x;
    this.camera_y = camera.position.y;
    this.camera_z = camera.position.z;

    }

var gui = new dat.GUI();

    gui.add(controls, 'camera_x',-200,200).onChange(function (e) {
        camera.position.x = e;
        camera.lookAt(new THREE.Vector3(0,0,0));
    });
    gui.add(controls, 'camera_y',-200,200).onChange(function (e) {
        camera.position.y = e;
        camera.lookAt(new THREE.Vector3(0,0,0));
    });
    gui.add(controls, 'camera_z',-200,200).onChange(function (e) {
        camera.position.z = e;
        camera.lookAt(new THREE.Vector3(0,0,0));
    });



var mouse = new THREE.Vector2();


x=0;
function render()
{
	requestAnimationFrame( render );

    var delta = 0.75 * clock.getDelta();

    if(perso.mixer)
    {
        perso.update(delta);
    }
	renderer.render( scene, camera );
}



render();