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

13d

基于 Three.js 的前端 WebGL 頁(yè)面開發(fā)合集，包含冰墩墩、數(shù)字城市、3D人像、車模展示、塞爾達(dá)傳說等一些3D趣味演示頁(yè)面。

圖片

Github：https://github.com/dragonir/3d

2My Room in 3D

用 Three.js 實(shí)現(xiàn)的 3D 房間。

圖片

Github：https://github.com/brunosimon/my-room-in-3d

3Mini Tokyo 3D

用 Three.js 的東京公共交通系統(tǒng)的實(shí)時(shí) 3D 數(shù)字地圖。

圖片

Github：https://github.com/nagix/mini-tokyo-3d

4three-geo

three-geo是基于three.js的地理可視化庫(kù)。使用three-geo可以通過簡(jiǎn)單地指定全球任何地方的GPS坐標(biāo)來(lái)輕松構(gòu)建具有衛(wèi)星紋理的3D地形模型，幾乎實(shí)時(shí)更新。地形的幾何結(jié)構(gòu)基于Mapbox Maps API提供的RGB編碼DEM（數(shù)字高程模型）。

圖片

Github：https://github.com/w3reality/three-geo

53D Blog

用 Three.js 實(shí)現(xiàn)的 3D 博客項(xiàng)目，通過開小車找到文章進(jìn)行閱讀。

圖片

Github：https://github.com/brunosimon/folio-2019

6Portfolio 2020

使用Three.js和Ammo.js構(gòu)建的3D互動(dòng)世界。

Github：https://github.com/0xFloyd/Portfolio_2020

72019-nCov-3D

新型冠狀病毒疫情數(shù)據(jù)三維可視化。

Github：https://github.com/cesiumlab/2019-nCoV-3d

8vr-hall

基于 threejs 開發(fā)的 3D 展廳，展品可以自由擺放，支持 gltf/glb 格式。

圖片

Github：https://github.com/mtsee/vr-hall

9Buzzwords.gg

一款基于 three.js 的文字策略游戲，可以多人游戲?qū)?zhàn)。

圖片

Github：https://github.com/ViciousFish/buzzwords

10Celestiary

受 Celestia ( http://shatters.net/celestia ) 啟發(fā)的天體模擬器，用 JS/ Three.js/GLSL 編寫。

圖片

Github：https://github.com/celestiary/web

新聞標(biāo)題：十個(gè)超炫酷的前端3D開源項(xiàng)目
新聞來(lái)源：http://uogjgqi.cn/article/cdpscjh.html