Three.JS是什么？

Three.js是基于webGL的封裝的一個(gè)易于使用且輕量級(jí)的3D庫，Three.js對(duì)WebGL提供的接口進(jìn)行了非常好的封裝，簡(jiǎn)化了很多細(xì)節(jié)，大大降低了學(xué)習(xí)成本，極大地提高了性能，功能也非常強(qiáng)大。

用戶不需要詳細(xì)地學(xué)習(xí) WebGL，就能輕松創(chuàng)作出三維圖形，是前端開發(fā)者研發(fā)3D繪圖的主要工具。

總言之：Three.js是一個(gè)盡可能簡(jiǎn)化在網(wǎng)頁端獲取3D 內(nèi)容的庫。

如果你想讓你的網(wǎng)站更加炫酷，那么 Three.js 一定是你的好幫手。

Three.JS的安裝

https://threejs.org/是three.js的官方網(wǎng)站，可以直接在官網(wǎng)上下載three.js文件然后以js引入的方法引入html文件中使用。

如果使用的是vue之類的框架技術(shù)進(jìn)行開發(fā)，可以直接使用npm或者yarn命令進(jìn)行安裝下載即可

Three.JS的運(yùn)用

Three.js可以以3d化的形式來展示模型效果，一個(gè)Three.js應(yīng)用需要?jiǎng)?chuàng)建很多對(duì)象，并且將他們關(guān)聯(lián)在一起。下圖是一個(gè)基礎(chǔ)的Three.js應(yīng)用結(jié)構(gòu)。

Three.JS的使用場(chǎng)景

隨著瀏覽器性能和網(wǎng)絡(luò)帶寬的大幅度提升，以及WebGL的實(shí)現(xiàn)，使得3D技術(shù)不再是桌面程序的專利，越來越多的Web應(yīng)用使用3D技術(shù)。

對(duì)網(wǎng)站而言，Web3D技術(shù)運(yùn)用，可以實(shí)現(xiàn)網(wǎng)站三維呈現(xiàn)，展現(xiàn)更直觀、更立體的圖形給用戶，打破傳統(tǒng)平面展示模式，打造智慧、個(gè)性、創(chuàng)新的交互體驗(yàn)。目前政府有大量的新基建項(xiàng)目，如數(shù)字孿生、智慧城市、智慧園區(qū)、智慧工廠等等都涉及到了3D可視化技術(shù)。

Three.js 還在游戲開發(fā)、虛擬現(xiàn)實(shí)、數(shù)據(jù)可視化、產(chǎn)品展示等方面都有廣泛的應(yīng)用前景。它是一個(gè)非常靈活和強(qiáng)大的工具，為開發(fā)者創(chuàng)造出令人驚嘆的 3D 體驗(yàn)。

智慧城市

物聯(lián)網(wǎng)3D可視化

產(chǎn)品在線預(yù)覽

• 沙發(fā)在線預(yù)覽：http://app.xuanke3d.com/apps/trayton/#/show?_blank

• 服裝在線預(yù)覽：　http://suit.xuantech.cn/?_blank

• 洗衣機(jī)在線交互預(yù)覽：https://cdn.weshape3d.com/hir001/1021/web/index.html?_blank

• 在線看房：http://www.yanhuangxueyuan.com/3D/houseDesign/index.html

數(shù)據(jù)可視化

解析GeoJOSN數(shù)據(jù)中國(guó)GDP數(shù)據(jù)可視化：http://www.yanhuangxueyuan.com/3D/geojsonChina/index.html?_blank

H5/微信小游戲非常火的微信小游戲跳一跳就是使用Three.js引擎開發(fā)的 開發(fā)3D類的H5小游戲或者微信小游戲，Three.js引擎是非常好的選擇噢 無需下載，方便傳播，目前的生態(tài)非常和小游戲開發(fā)。

Three.JS的相關(guān)資料

Three.js入門教程>>3D渲染引擎three.js快速上手，從0-1打造web 3D可交互場(chǎng)景

GIS三維開發(fā)的相關(guān)資料和課程

獲取GIS開發(fā)課程資料

請(qǐng)加GIS叮當(dāng)，備注：GIS開發(fā)資料

即可免費(fèi)獲取+進(jìn)資料分享交流群