Javascript 带按钮的ThreeJS摄像头控件

我真的很喜欢谷歌乐高积木网站上的摄像头控制。

如何使用按钮控制透视图

放大/缩小并旋转到固定位置会很棒

我正在玩three.js/examples中的演示。 也许有人能给我一个方向。提前非常感谢

<div class="perspective">

  <div class="rotate">
    <div class="build-rotate">
          <a data-rotate="315" href="#rotate315"></a>
          <a data-rotate="45" href="#rotate0"></a>
          <a data-rotate="225" href="#rotate225"></a>
          <a data-rotate="135" href="#rotate135"></a>
          <a class="rotate-free" href="#"></a>
          <img src="https://www.buildwithchrome.com/v2-2-1.376043847035368998/img/build/rotate-indicator.png" style="transform: rotate(77.3493023426611deg);">
    </div>
  </div>

    <a href="#" id="zoomIn" class="zoomin">+</a>

    <a href="#" id="zoomOut" class="zoomout">-</a>

  </div>

---

我想这就是你想要的。检查此示例：

基本上，你加上

<script src="js/controls/PointerLockControls.js"></script>

---

浏览整个代码的示例，它真的很有帮助

我想这就是你要找的。检查此示例：

基本上，你加上

<script src="js/controls/PointerLockControls.js"></script>

---

浏览整个代码的示例，它真的很有帮助

你知道像

轨道控制

或

轨迹球控制

这样的摄像机控制吗？你知道像

轨道控制

或

轨迹球控制

这样的摄像机控制吗？