原创 Threejs in autonomous driving -（6）圓矩
繪製各種幾何體是webgl的強項，相反各種異性幾何體就非常麻煩。比如圓角矩形來說在webgl中繪製就相對比較麻煩。在css中給矩形加上border-radius就可以輕易實現。在webgl中就非常麻煩了。 思路 1.我們可以使用shape
2019-10-18 16:55:27
1
原创 Threejs in autonomous driving -（5）圖片替代模型
在自動駕駛實際中的研發工具中，camera一般是跟隨主車進行移動的。那麼主車是以固定視角展示給用戶的。所以並不需要使用一個很漂亮的模型。由此可見我們完全可以使用圖片來代替主車模型。來加速我們的頁面加載速度和提升視覺效果。 geometry
2019-10-17 19:45:20
1
原创 Threejs in autonomous driving -（4）不會shader也能寫出高級效果
在openGL或者webGL用要想實現多彩絢麗的效果，必須要使用到shader着色器。着色器需要使用GLSL語言來編寫，專業性很強門檻也比較高。我們可以通過內部挖潛來達到同樣的目的。 在Threejs的文檔中我們可以看到，CanvasTex
2019-10-17 14:35:20
1
原创 Threejs in autonomous driving -（3）merge geometry
由於使用場景的關係，我們的產品主要設備是ipad，使用軟件爲chrome或者safari。對webgl無節制的使用，很容易造成災難性的後果崩潰。所以我們要減少cpu和memory的使用。 原理 據，運行效率會提高很多。 這裏感謝一篇文章，詳
2019-10-17 14:05:31
1
原创 Threejs in autonomous driving -（2）模型精簡
在開發準備階段建模同學都會提供一個車模, 從前段考量一般來說超過100kb都算是大文件了，這個模型一般是obj+mtl文件，這兩個一般都會超過MB。推動精簡的話都非常都難。 精簡方案 刪減模型的頂點和面片 模型壓縮 第一種專業性比較強
2019-10-17 10:55:27
2
原创 Threejs in autonomous driving -（1）高精度地圖數據使用
高精度地圖是自動駕駛中的基礎設施，地圖的數據是有衆多點信息組成。一般座標系統使用世界座標，這樣很容易被3d軟件展示。 使用點數據繪製路面 下面是一組高精度地圖數據樣例： { "x": 457382.120775907,
2019-10-16 18:05:30
1