WebGL 3D 工業隧道監控實戰
前言 監控隧道內的車道堵塞情況、隧道內的車禍現場，在隧道中顯示當前車禍位置並在隧道口給與提示等等功能都是非常有必要的。這個隧道 Demo 的主要內容包括：照明、風機、車道指示燈、交通信號燈、情報板、 ...
原文：WebGL 3D 電信機架實戰之數據綁定
前言 在前端中，視圖層和數據層需要進行單向或者雙向數據綁定，大家都已經不陌生了，有時候 D 做的比較順了之后，就會想要挑戰一下 D，不然總覺得癢癢的。這個 D 機架的 Demo 我覺得非常有代表性，首先， D 機架用途非常廣，尤其是在電信行業，就算不是機架，在比如工業方面 D 模型以及數據綁定的應用也是非常廣泛的，畢竟現在工業物聯網已經是大趨勢了。 效果圖 上面動圖中，閃爍燈是在不斷變化的，由於需 ...
2018-03-23 07:12 2 1026 推薦指數：
相關推薦
基於HTML5的WebGL電信網管3D機房監控應用
先上段視頻，不是在玩游戲哦，是規規矩矩的電信網管企業應用，嗯，全鍵盤的漫游3D機房: http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html 隨着PC端支持HTML5瀏覽器的普及，加上主流移動終端 ...
webgl之3d動畫
之前的幾篇文章都是靜態的，而這里主要介紹如何使物體動起來，並且學會使用性能監視器來監測性能。 而如果要讓物體動起來，實際上我們是有兩種方法的，第一種是讓物體真的動起來，另外一種是讓攝像機動起 ...
Axiom3D:數據綁定基本流程
在前面我們學習OpenGL時,不管繪制如球,立方體,平面,地面,動畫模型中最常用的幾個操作有創建緩沖區,寫入緩沖區.在Axiom中,相關的操作被整合與組織到VertexData,IndexD ...
WebGL學習(3) - 3D模型
原文地址：WebGL學習(3) - 3D模型 相信很多人是以創建逼真酷炫的三維效果為目標而學習webGL的吧，首先我就是😂。我掌握了足夠的webGL技巧后，正准備大展身手時，遇到了一種尷尬的情況：還是做不出想要的東西😭。為啥呢，因為沒有3D模型可供操作啊，純粹用代碼構建復雜的3D模型完全 ...
WebGL學習(2) - 3D場景
原文地址：WebGL學習(2) - 3D場景 經過前面WebGL學習(1) - 三角形的學習，我們已經掌握了webGL的基礎知識，也已經能夠畫出最基本的圖形，比如點，線，三角形，矩形等。有了2D繪圖的基礎，現在終於可以進入精彩的3D世界了，來看一下這一節要實現的3D的效果吧。 實際效果 ...
MONO Design創建電信3D機房
前面我們簡單介紹了下一分鍾創建3D機房，實則mono Design的功能遠遠不止這些，試想一下，如果我們花上10分鍾來創建一個電信機房，那么MONO design又會給我們帶來什么樣的驚喜呢？ 我們從創建設備開始，在mono Design的起始頁直接進入設備編輯界面，設備編輯和房間有所不同 ...
D3.js學習筆記（一）——DOM上的數據綁定
使用D3.js來把數據綁定到簡單網頁的DOM元素(DOM element)上。 現在開始了！下面是一個 ...