webgl或者說three.js的發(fā)展前景怎么樣？由于國內(nèi)大部分人的一種夠用即可的觀念，導(dǎo)致帶寬一直處于世界較低水平，平均帶寬不到6MB，這使得這類需要加載大量資源的技術(shù)推廣起來很困難。另外，WebG

webgl或者說three.js的發(fā)展前景怎么樣？

由于國內(nèi)大部分人的一種夠用即可的觀念，導(dǎo)致帶寬一直處于世界較低水平，平均帶寬不到6MB，這使得這類需要加載大量資源的技術(shù)推廣起來很困難。

另外，WebGL產(chǎn)品開發(fā)周期非常的長，表現(xiàn)有余而功能不足，這里且不談它對于GPU高額的消耗。對于現(xiàn)在企業(yè)急功近利的現(xiàn)狀來講，WebGL只是華而不實的玩意兒，不能快速地創(chuàng)造價值等于是沒有價值。

但這并不妨礙你出于愛好去研究它，不過在此之前建議你先熟練它的2D版本，也就是canvas，它會讓你了解很多圖形學(xué)的東西，而且也更加實用，像現(xiàn)在的地圖，圖表插件都用的是canvas。當(dāng)你canvas弄熟了之后，再去接觸它的3D版本W(wǎng)ebGL也為時不晚，也少了很多技術(shù)障礙。

webgl、three.js、D3.js這三者是什么關(guān)系？

　　D3.js是一個數(shù)據(jù)可視化的庫，看看他們的DEMO就可以知道，技術(shù)基礎(chǔ)是SVG。兼容性是IE9 ?！　ebgl是HTML5中提出的新技術(shù)，是一種3D繪圖標(biāo)準(zhǔn)，這種繪圖技術(shù)標(biāo)準(zhǔn)允許把JavaScript和OpenGL ES 2.0結(jié)合在一起，關(guān)于它的教程可以看看hiwebgl。目前兼容性堪憂　　three.js是以webgl為基礎(chǔ)的庫，封裝了一些3D渲染需求中重要的工具方法與渲染循環(huán)。它的教程同樣可以在hiwebgl里面找到?！　hree.js之于webgl，類似于windows版本的虛幻引擎之于D3D。當(dāng)然，虛幻引擎的能力范圍比three.js大得多。d3.js跟上面兩者沒有關(guān)系。

有什么辦法能將3D模型結(jié)合Three.js直接導(dǎo)出為單個Html？

模型可以用三維軟件做，sketchup容易上手，sketchup可以導(dǎo)出dae格式的模型，用three的ColladaLoader可以導(dǎo)入dae格式的模型，如果模型數(shù)據(jù)量大的話，可以用Blender把dae格式的模型轉(zhuǎn)換成json格式，WebGL入門-模型導(dǎo)出-CSDN.NET，這是用blender導(dǎo)出json格式的教程，另外如果想要最大限度減少數(shù)據(jù)量，建議只導(dǎo)出模型的頂點數(shù)據(jù)和三角面數(shù)據(jù)，自己用代碼給材質(zhì)

如何看待webgl(three.js)、3d這些前端技術(shù)呢？

這些其實可以說是threejs工程師了

three.jsThingJSHightopoBabylon.js有什么差別？

針對Hightopo我來說下~

Hightopo具有一套豐富的 JavaScript 界面類庫，提供完整的基于 HTML5 圖形界面組件庫。使用 Hightopo您可以輕松構(gòu)建現(xiàn)代化的，跨桌面和移動終端的企業(yè)應(yīng)用，無需擔(dān)憂跨平臺兼容性，及觸屏手勢交互等棘手問題。

一套監(jiān)控可視化解決方案，可用于快速創(chuàng)建和部署，高度可定制化，并具有強(qiáng)大交互功能的拓?fù)鋱D形及表盤圖表等應(yīng)用。Hightopo 非常適用于實時監(jiān)控系統(tǒng)的界面呈現(xiàn)，廣泛應(yīng)用于電信網(wǎng)絡(luò)拓?fù)浜驮O(shè)備管理，以及電力、燃?xì)獾裙I(yè)自動化 (HMI/SCADA) 領(lǐng)域。

一套強(qiáng)大的基于 WebGL 技術(shù)的 3D 圖形引擎。Hightopo 提供了一套獨特的 WebGL 層抽象，將 Model–View–Presenter (MVP) 的設(shè)計模型延伸應(yīng)用到了 3D 圖形領(lǐng)域。使用 Hightopo 您可更關(guān)注于業(yè)務(wù)邏輯功能，不必將精力投入復(fù)雜 3D 渲染和數(shù)學(xué)等非業(yè)務(wù)核心的技術(shù)細(xì)節(jié)。

更多行業(yè)數(shù)據(jù)可視化案例盡在【圖撲軟件】https://www.hightopo.com/demos/index.html

Hightopo，更適合作為基于Web的應(yīng)用程序的組件框架來使用，相比起Three.js和Babylon.js，它的優(yōu)勢是已經(jīng)有很多預(yù)開發(fā)的控件，使得編寫Web界面的應(yīng)用程序會非常方便。

webgl three.js怎么設(shè)置立體圖形每個面的顏色？

演示實驗場景效果

下面的演示將會向你展示使用Three.js庫和WebGL渲染出的場景效果。也許它也可以通過WebGL直接實現(xiàn)該效果，但是如果加上Three.js庫的幫助，將會使得開發(fā)變得更加簡單。

1. Nucleal

Nucleal 是一個搭載Three.js實現(xiàn)的WebGL實驗，它能夠?qū)D片分解成成千上萬的物理顆粒。你可以選擇多種圖片的顆粒組合效果，包括速度和效果。動畫的實現(xiàn)非常平滑自然令人印象深刻。

2. Lights 光照效果

Lights 光照效果實現(xiàn)了一個驚人的視覺體驗，它由Three.js所驅(qū)動，它搭配了多種顏色豐富的形狀，這是一道光，它穿過一個充滿五顏六色形狀的空間，效果非常震撼，建議帶上耳機(jī)效果會更好。