使用jsc3d.js旋转3d .obj文件

时间:2012-11-09 19:24:30

标签: javascript html5 canvas

我正在使用jsc3d.js javascript库在画布上绘制.obj文件(参见:http://heliconbooks.com/article/heartdemo&lang=en

我想在它周围绘制4个按钮以使用鼠标点击进行旋转。 我试过了

<input type="button" value="Rotate left" onClick="viewer.rotMatrix.rotateAboutXAxis(-10)" />

但它没有旋转。

有谁知道如何旋转它? 我的JavaScript知识不太好。

1 个答案:

答案 0 :(得分:0)

您需要使用viewer.update();

在轮换后更新视图

您可以使用以下代码作为旋转按钮。

    <input type="button" value="Rotate down" onClick="viewer.rotate(-10,0,0);viewer.update();"/> 
<input type="button" value="Rotate up" onClick="viewer.rotate(10,0,0);viewer.update();"/> 
<input type="button" value="Rotate left" onClick="viewer.rotate(0,-10,0);viewer.update();"/> 
<input type="button" value="Rotate right" onClick="viewer.rotate(0,10,0);viewer.update();"/>