十個(gè)超炫酷的前端3D開源項(xiàng)目
本文將分享 10 個(gè)超炫酷的前端 3D 開源項(xiàng)目。從令人驚嘆的視覺效果到富有創(chuàng)新概念的交互體驗(yàn),這些項(xiàng)目展示了前端技術(shù)的無限可能。無論你是新手還是經(jīng)驗(yàn)豐富的開發(fā)者,都值得一探究竟!
13d
基于 Three.js 的前端 WebGL 頁面開發(fā)合集,包含冰墩墩、數(shù)字城市、3D人像、車模展示、塞爾達(dá)傳說等一些3D趣味演示頁面。
圖片
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的地理可視化庫。使用three-geo可以通過簡(jiǎn)單地指定全球任何地方的GPS坐標(biāo)來輕松構(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 編寫。
圖片