前言

創(chuàng)新互聯是一家專業(yè)提供中原企業(yè)網站建設,專注與成都網站設計、做網站、成都外貿網站建設公司、H5技術、小程序制作等業(yè)務。10年已為中原眾多企業(yè)、政府機構等服務。創(chuàng)新互聯專業(yè)網站建設公司優(yōu)惠進行中。

之前我們已經簡單的給大家介紹了關于three.js入門的一些案例，下面本文將詳細介紹關于Three.js如何用軌跡球插件（trackball）增加對模型的交互功能，下面話不多說了，來一起看看詳細的介紹吧。

這是three.js的一個組件，需要額外的引入文件，文件的地址是在官方下載的案例examples/js/controls/TrackballControls.js。

只需要和案例里面一樣設置相關的屬性，并在實例化的時候講相機傳入。就可以實現交互效果。

可以實現的效果：

• 鼠標按住左鍵可以旋轉模型
• 鼠標按住右鍵拖拽可以移動模型
• 鼠標滾輪可以縮放模型

案例代碼：

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對創(chuàng)新互聯的支持。