//Three.js提供一个射线类Raycaster来拾取场景里面的物体。更方便的使用鼠标来操作3D场景。

    //从某个方向发射一条射线，穿过鼠标所在的点，则这条射线经过的对象就是鼠标点击的对象

    //射线法获取鼠标选择的元素，然后修元素的材质。

    var raycaster = new THREE.Raycaster();

    //mouse，鼠标所对应的二维向量,监听鼠标移动事件

    //mouse.x是指 鼠标的x到屏幕y轴的距离与屏幕宽的一半的比值 绝对值不超过1

    //mouse.y是指 鼠标的y到屏幕x轴的距离与屏幕宽的一半的比值 绝对值不超过1

    var mouse = new THREE.Vector2();

    function getIntersects( point, objects ) {

        //将html坐标系转化为webgl坐标系，并确定鼠标点击位置

        mouse.set( ( point.x * 2 ) - 1, - ( point.y * 2 ) + 1 );

         //从相机发射一条射线，经过鼠标点击位置

        raycaster.setFromCamera( mouse, camera );

        //camera 到 mouse 之间穿过的物体

        //确定所点击位置上的物体数量

        return raycaster.intersectObjects( objects );

    } 

　　var intersects = getIntersects( onUpPosition, objects );

　　// 拾取物体数大于0时

　　if ( intersects.length > 0 ) {
　　　　……
　　　　}

mouse.set( ( point.x * 2 ) - 1, - ( point.y * 2 ) + 1 );

mouse.x = (e.clientX/window.innerWidth)*2 -1;

mouse.y = -(e.clientY/window.innerHeight)*2 + 1; 

window.innerWidth

window.innerHeight

  width = div.style.width || div.clientWidth || div.offsetWidth || div.scrollWidth;

  height = div.style.height || div.clientHeight || div.offsetHeight || div.scrollHeight;