當前位置: 妍妍網 > 碼農

10個超炫酷的前端 3D 開源計畫

2024-03-01碼農

本文將分享 10 個超炫酷的前端 3D 開源計畫。從令人驚嘆的視覺效果到富有創新概念的互動體驗,這些計畫展示了前端技術的無限可能。無論你是新手還是經驗豐富的開發者,都值得一探究竟!

蛋仔派對(three.js版)

利用 React + threejs 技術棧構建的第三人稱Q版闖關類遊戲。

Github: https://github.com/Steve245270533/react-three-egg

歷史時間線

透過 3D 地球的形式直觀地顯示各個歷史時間段及歷史地圖。

Github: https://github.com/gonnavis/Timeline

3D 球體抽獎程式

年會抽獎程式,基於 Express + Three.js 的 3D 球體抽獎程式,獎品,文字,圖片,抽獎規則均可配置,抽獎人員資訊Excel一鍵匯入,抽獎結果Excel匯出,給你的抽獎活動帶來全新酷炫體驗。

Github: https://github.com/moshang-xc/lottery

three-sokoban-live

基於 Vite、TypeScript、Three.js 的 3D 推箱子遊戲。

3d-earth

使用 Webpack 5 + TypeScript + Threejs 搭建的 3D 地球。

Github: https://github.com/ertugrulcetin/racing-game-cljs

T-Rex Run

T-Rex Run 3D 是一款模仿 Google Chrome 霸王龍快跑而制作的 ThreeJS WebGL 遊戲。

Github: https://github.com/Priler/dino3d

Rubik Cube

ThreeJs 制作的魔術方塊遊戲,支持自訂魔術方塊階級(目前界面上只開放 2 - 10 階魔術方塊)。

Github: https://github.com/pengfeiw/rubiks-cube

3D 模型檢視器

使用 Vue 3 、Three.js 的 3D 模型檢視器。

Github: https://github.com/hujiulong/vue-3d-model

探索three.js

一個免費的 Three.js 入門書籍:【探索 three.js】

線上閱讀: https://discoverthreejs.com/zh/book/

往期推薦