纳金网

标题: 利用HTML5构筑物理模拟环境4【转】 [打印本页]

作者: 会飞的鱼 时间: 2012-8-22 15:15
标题: 利用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 进行了简单概要性的介绍。下一节就进入如何实现物理模拟的环节了。

欢迎光临纳金网 (http://go.narkii.com/club/)