本文將分享 10 個(gè)超炫酷的前端 3D 開(kāi)源項(xiàng)目。從令人驚嘆的視覺(jué)效果到富有創(chuàng)新概念的交互體驗(yàn)，這些項(xiàng)目展示了前端技術(shù)的無(wú)限可能。無(wú)論你是新手還是經(jīng)驗(yàn)豐富的開(kāi)發(fā)者，都值得一探究竟！

蛋仔派對(duì)（three.js版）

利用 React + threejs 技術(shù)棧構(gòu)建的第三人稱Q版闖關(guān)類游戲。

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

歷史時(shí)間線

通過(guò) 3D 地球的形式直觀地顯示各個(gè)歷史時(shí)間段及歷史地圖。

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

3D 球體抽獎(jiǎng)程序

年會(huì)抽獎(jiǎng)程序，基于 Express + Three.js 的 3D 球體抽獎(jiǎng)程序，獎(jiǎng)品，文字，圖片，抽獎(jiǎng)規(guī)則均可配置，抽獎(jiǎng)人員信息Excel一鍵導(dǎo)入，抽獎(jiǎng)結(jié)果Excel導(dǎo)出，給你的抽獎(jiǎng)活動(dòng)帶來(lái)全新酷炫體驗(yàn)。

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 制作的魔方游戲，支持自定義魔方階級(jí)（目前界面上只開(kāi)放 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

一個(gè)免費(fèi)的 Three.js 入門(mén)書(shū)籍：《探索 three.js》

在線閱讀：https://discoverthreejs.com/zh/book/。