本文將分享 10 個超炫酷的前端 3D 開源計畫。從令人驚嘆的視覺效果到富有創新概念的互動體驗,這些計畫展示了前端技術的無限可能。無論你是新手還是經驗豐富的開發者,都值得一探究竟!
蛋仔派對(three.js版)
利用 React + threejs 技術棧構建的第三人稱Q版闖關類遊戲。
Github: https://github.com/Steve245270533/react-three-egg歷史時間線
透過 3D 地球的形式直觀地顯示各個歷史時間段及歷史地圖。
Github: https://github.com/gonnavis/Timeline3D 球體抽獎程式
年會抽獎程式,基於 Express + Three.js 的 3D 球體抽獎程式,獎品,文字,圖片,抽獎規則均可配置,抽獎人員資訊Excel一鍵匯入,抽獎結果Excel匯出,給你的抽獎活動帶來全新酷炫體驗。
Github: https://github.com/moshang-xc/lotterythree-sokoban-live
基於 Vite、TypeScript、Three.js 的 3D 推箱子遊戲。
3d-earth
使用 Webpack 5 + TypeScript + Threejs 搭建的 3D 地球。
Github: https://github.com/ertugrulcetin/racing-game-cljsT-Rex Run
T-Rex Run 3D 是一款模仿 Google Chrome 霸王龍快跑而制作的 ThreeJS WebGL 遊戲。
Github: https://github.com/Priler/dino3dRubik Cube
ThreeJs 制作的魔術方塊遊戲,支持自訂魔術方塊階級(目前界面上只開放 2 - 10 階魔術方塊)。
Github: https://github.com/pengfeiw/rubiks-cube3D 模型檢視器
使用 Vue 3 、Three.js 的 3D 模型檢視器。
Github: https://github.com/hujiulong/vue-3d-model探索three.js
一個免費的 Three.js 入門書籍:【探索 three.js】
線上閱讀: https://discoverthreejs.com/zh/book/