利用HTML5构筑物理模拟环境4【转】

会飞的鱼

例３：TUTORIAL3.HTML（鼠标事件）

var down = false;

var sy = 0, sz = 0;

window.onmousedown = function (ev){    //マウスダウン

  if (ev.target == renderer.domElement) {

    down = ***e;

    sy = ev.clientX; sz = ev.clientY;

  }

};

window.onmouseup = function(){        //マウスアップ

  down = false;

};

window.onmousemove = function(ev) {   //マウスムーブ

  var speed = 2;

  if (down) {

      if (ev.target == renderer.domElement) {

      var dy = -(ev.clientX - sy);

      var dz = -(ev.clientY - sz);

      camera.position.y += dy*speed;

      camera.position.z -= dz*speed;

      sy -= dy;

      sz -= dz;

    }

  }

}

window.onmousewheel = function(ev){   //マウスホイール

  var speed = 0.2;

  camera.position.x += ev.wheelDelta * speed ;

}到这里为止，对如何使用 Three.js 进行了简单概要性的介绍。 下一节就进入如何实现物理模拟的环节了。