DragControls 拖动控件

拖动控件能侦测鼠标点击屏幕时所选中的物体,并让物体跟随鼠标移动。需要导入DragControls.js,路径在官网提供的项目文档 examples/js/controls 下。

function DragControls( objects, camera, domElement ) { } var objects = [], radius = 8; for(var i = 0; i < 6; i++){ var geometry = new THREE.BoxGeometry(3, 5, 4), material = new THREE.MeshStandardMaterial({ color: 0xff66cc}), mesh = new THREE.Mesh(geometry, material); scene.add(mesh); var x = Math.cos(Math.PI / 3 * i) * radius, y = Math.sin(Math.PI / 3 * i) * radius; mesh.position.set( x, y, i ); mesh.rotation.z = Math.PI / 3 * i; objects.push(mesh); } var controls = new THREE.DragControls(objects, camera, renderer.domElement);

Constructor

objects Array 场景中的物体数组.
camera Camera 被控制的相机.
domElement The HTML element 用于事件侦听器的HTML元素。 默认情况下,这是整个文档,
但是如果你只希望控件在特定元素(例如画布)上工作,则可以在此处指定。

Attributes

enabled : Boolean

Default value : true
Description : 能否启用