我正在尝试编写一个控件,允许用户旋转对象,使用左/右箭头绕X轴旋转,向上/向下箭头绕Y轴旋转。(我知道,一旦我开始旋转,对象的内部坐标系将不会与世界坐标系匹配)。
我可以围绕Y轴旋转我的对象,如下所示:
var axis = new THREE.Vector3(0,1,0);
aMatrix.makeRotationAxis( axis.normalize(), incr );
obj.rotation.setFromRotationMatrix( aMatrix );
其中incr是要旋转的量。
我可以围绕X轴旋转我的对象,如下所示:
var axis = n
我有一个简单的矩形附加为SVG。我想用鼠标拖动来旋转它,所以我使用了函数d3.drag()。以下是我为实现这一目标所做的努力,但似乎行不通:
<div id = "svgcontainer"></div>
<script language = "javascript">
var width = 300;
var height = 300;
var origin = {
x: 55,