WebGL 中當透明和半透明物體共存時，相關設定不正確的話，物體表面會出現破碎雜亂的斷面，非常影響效果，我們接著就來解決這個問題。 完成的展示Demo請看:半透明物體和透明物體共存

剛好在知乎一個問題，也搬運到這裡隨著深入不斷完善。 最近半年多也在研究視覺化相關的方向。 個人理解視覺化相對來說是一個相對獨立的理論的理論學科，同時也可以說是一個跨學科的體系，不止是前端，其實我們

前言：本教程為「從零開始學習時空資料視覺化」系列第一篇教程——three.js 簡介與示例教學，主要通過一個簡單示例教學讓讀者輕鬆上手 three.js 的一些基本 API。關於這個系列以及程式碼等細節

大家好，我在本文中分享了我收集的WebGL 3D相關的部落格、書籍、教程、demo等內容，希望對大家學習WebGL和3D有所幫助，謝謝～ 相關部落格 Wonder技術 Wonder 是我們公司

介紹 我們很榮幸地向大家釋出Wonder 1.0正式版！免費、開源，不用註冊，直接開啟線上編輯器 即可使用 ！ Wonder是web端3D開發的解決方案，包括引擎、編輯器，

網格（Mesh）、多邊形 我們用過 3dMax 和 Maya 所以對 Mesh 已經有點理解， 在 3D 軟體中都提供了 mesh 功能，mesh 是一種繪製 3D 圖形的方式。 網格（mesh

這裡對程式進行，之所以為什麼這樣校驗個人暫時也不太懂，只是 copy，估計應該便於我們開發人員進行除錯吧。 gl.validateProgram(shaderProgram) if(!gl.getProgr

可能開始有些內容是重複的沒為題，大家就當複習一下，我也提出一些新的內容 const gl = canvas.getContext("webgl"); 通過呼叫 canv

前言 工業網際網路，物聯網，視覺化等名詞在我們現在資訊化的大背景下已經是耳熟能詳，日常生活的交通，出行，吃穿等可能都可以用資訊化的方式來為我們表達，在傳統的視覺化監控領域，一般都是基於 Web SCADA

1. 具體例項 看了不少的關於WebGL/OpenGL的資料，筆者發現這些資料在講解圖形變換的時候都講了很多的原理，然後舉出一個特別簡單的例項(座標是1.0，0.5的那種)來講解。確實一看就懂，但用到實際的

2-1510291500300-L.jpg 人類是無利不起早，有時候我們總是避諱不談利益而談理想和最求，但是相對這些都沒有利益驅動做一件事更靠譜。要知道一個簡單道理就

作者：ivweb qcyhust 導語 WebGL繪製圖像時，往著色器中傳入顏色資訊就可以給圖形繪製出相應的顏色，現在已經知道頂點著色器和片段著色器一起決定著向顏色緩衝區寫入顏色資訊並最終呈現出來，那麼

前言 智慧樓宇和人們的生活息息相關，樓宇智慧化程度的提高，會極大程度的改善人們的生活品質，在當前工業網際網路大背景下受到很大關注。目前智慧樓宇視覺化監控的主要優點包括: 智慧化 -- 智慧樓宇是

前言 城市管網是城市最重要的公共基礎設施之一，與城市的發展和居民日常生活息息相關。根據不同的市政建設，管網分供水、排汙、供暖、通訊、電力等多種類別，其廣泛分佈遍及地下。隨著城市發展建設所衍生出空間分佈複雜，

接著前一篇《 WebGL實現sprite精靈效果的GUI控制元件 》，我們繼續開發我們的數字系統GUI控制元件，因為這套數字系統是基於sprite效果的，所以數字隨相機轉動而旋轉（永遠面對相機），隨場景縮放而