Three.js 進階之旅：物理效果-碰撞和聲音 💥

宣告：本文涉及圖文和模型素材僅用於個人學習、研究和欣賞，請勿二次修改、非法傳播、轉載、出版、商用、及進行其他獲利行為。

摘要

本文內容主要彙總如何在 Three.js 建立的 3D 世界中新增物理效果，使其更加真實。所謂物理效果指的是物件會有重力，它們可以相互碰撞，施加力之後可以移動，而且通過鉸鏈和滾軸還可以在移動過程中在物件上施加約束。 通過本文的閱讀，你將學習到如何使用 Cannon.js 在 Three.js 中建立一個 3D 物理世界，並在物理世界更新物件、聯絡材質、施加外力、處理多個物體中新增物體之間的碰撞效果，通過檢測碰撞激烈程度來新增撞擊聲音等。

效果

本文最終將實現如下所示的效果，點選 DAT.GUI 中建立立方體