x3dom - 如何制作缩放按钮？

Question

如何在没有鼠标滚轮的情况下缩放in/out 典型（像这样：http://doc.x3dom.org/tutorials/basics/hello/HelloX3DOM.html）x3d 场景？是否可以像在 google 地图上那样创建 +/- 缩放按钮？

Answer 1

我找到了解决方案。

<script type="text/javascript">
function zoom (delta) {
 var x3d = document.getElementById("x3dElement");
 var vpt = x3d.getElementsByTagName("viewpoint")[0];
 vpt.fieldOfView = parseFloat(vpt.fieldOfView) + delta;
}
</script>

还有 html 个按钮：

<button onclick="zoom(-0.15)">Zoom in</button>
<button onclick="zoom(0.15)">Zoom out</button>

就是这样。