本文將分享 10 個(gè)超炫酷的前端 3D 開(kāi)源項(xiàng)目。從令人驚嘆的視覺(jué)效果到富有創(chuàng)新概念的交互體驗(yàn),這些項(xiàng)目展示了前端技術(shù)的無(wú)限可能。無(wú)論你是新手還是經(jīng)驗(yàn)豐富的開(kāi)發(fā)者,都值得一探究竟!
1. 3d
基于 Three.js 的前端 WebGL 頁(yè)面開(kāi)發(fā)合集,包含冰墩墩、數(shù)字城市、3D人像、車(chē)模展示、塞爾達(dá)傳說(shuō)等一些3D趣味演示頁(yè)面。
Github:https://github.com/dragonir/3d
2. My Room in 3D
用 Three.js 實(shí)現(xiàn)的 3D 房間。
Github:https://github.com/brunosimon/my-room-in-3d
3. Mini Tokyo 3D
用 Three.js 的東京公共交通系統(tǒng)的實(shí)時(shí) 3D 數(shù)字地圖。
Github:https://github.com/nagix/mini-tokyo-3d
4.three-geo
three-geo是基于three.js的地理可視化庫(kù)。使用three-geo可以通過(guò)簡(jiǎn)單地指定全球任何地方的GPS坐標(biāo)來(lái)輕松構(gòu)建具有衛(wèi)星紋理的3D地形模型,幾乎實(shí)時(shí)更新。地形的幾何結(jié)構(gòu)基于Mapbox Maps API提供的RGB編碼DEM(數(shù)字高程模型)。
Github:添加鏈接描述
5.3D Blog
用 Three.js 實(shí)現(xiàn)的 3D 博客項(xiàng)目,通過(guò)開(kāi)小車(chē)找到文章進(jìn)行閱讀。
Github:https://github.com/brunosimon/folio-2019
6.Portfolio 2020
使用Three.js和Ammo.js構(gòu)建的3D互動(dòng)世界。
Github:https://github.com/0xFloyd/Portfolio_2020
7.2019-nCov-3D
新型冠狀病毒疫情數(shù)據(jù)三維可視化。
Github:https://github.com/cesiumlab/2019-nCoV-3d
8.vr-hall
基于 threejs 開(kāi)發(fā)的 3D 展廳,展品可以自由擺放,支持 gltf/glb 格式。
Github:https://github.com/mtsee/vr-hall
9.Buzzwords.gg
一款基于 three.js 的文字策略游戲,可以多人游戲?qū)?zhàn)。
Github:https://github.com/ViciousFish/buzzwords
10.Celestiary
受 Celestia ( http://shatters.net/celestia ) 啟發(fā)的天體模擬器,用 JS/ Three.js/GLSL 編寫(xiě)。文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-717255.html
Github:https://github.com/celestiary/web文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-717255.html
到了這里,關(guān)于10個(gè)超炫酷的前端3D開(kāi)源項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!