Web 3D機房，智能數字機房HTML5+WebGL(ThreeJS)匠心打造
在H5使用3D技術門檻比較低了，它的基礎是WebGL(ThreeJS)，一個OpenGL的瀏覽器子集，支持大部分主要3D功能接口。目前主流的瀏覽器都有較好的支持，IE需要11。最近web 3D機房研發告一段落，有時間整理這段時間的一些成果。主要涉及使用H5、js、WebGL技術。 機房 ...
原文：無插件純Web 3D機房，HTML5+WebGL傾力打造
前言 最近項目開發任務告一段落，剛好有時間整理這大半年的一些成果。使用html 時間還不久，對js的認識還不夠深入。沒辦法，以前一直搞java，對js的一些語言特性和概念一時還轉換不過來。 上一篇大數據呈現第一彈介紹了項目中做的一個彩虹爆炸圖，主要用了 html 的canvas的 d繪制技術。這一回我想介紹一下項目中的一個亮點技術：html 的 D，以及如何用它打造精美的 D機房監控系統。 目標效 ...
2015-07-08 21:03 214 45854 推薦指數：
相關推薦
基於 HTML5 WebGL 的 3D 機房
前言 用 WebGL 渲染的 3D 機房現在也不是什么新鮮事兒了，這篇文章的主要目的是說明一下，3D 機房中的 eye 和 center 的問題，剛好在項目中用上了，好生思考了一番，最終覺得這個例子最符合我的要求，就拿來作為記錄。 效果圖 http://hightopo.com/demo ...
Web 3D工廠--智慧數字可視化工廠HTML5+WebGL(ThreeJS)燒腦巨作
隨着IT信息技術和移動端的發展，Html5+3D(Webgl)技術已經悄然崛起，而3D工廠廠房在數字化的今天，已經被越來越多的公司和企業應用，三維數字工廠模型的應用，加快了工廠廠房，設備，傳感器、管道罐體輸送、監測控制等各個環節的效率。 對工廠園區的園區、大樓、生產車間、生產設備、監控 ...
無插件純Web HTML5 3D機房 進階篇（新增設備、線纜、巡查等功能）
前情提要 前陣子寫了一篇無插件純Web 3D機房，介紹了如何用html5在網頁上創建無插件的精美3d機房場景。這兩個月以來，陸續收到很多朋友的鼓（膝）勵（蓋），受寵若驚之余，對索要源代碼的朋友都已經盡力郵件回復。由於精力所限，未能收到的朋友請留言或給我發送郵件 ...
無插件純Web HTML5 3D機房 終結篇（新增資產管理、動環監控等內容）
插播一則廣告（長期有效） 應發展需要，需要在武漢招JavaScript工程師若干 要求：對前端技術(JavasScript、HTML、CSS)，對可視化技術(Canvas、WebGL)有濃厚的興趣 基礎不好的可培養，基礎好的可共謀大事 感興趣的給我發郵件：hr@servasoft.com ...
基於 HTML5 Canvas 的 3D WebGL 機房創建
對於 3D 機房來說，監控已經不是什么難事，不同的人有不同的做法，今天試着用 HT 寫了一個基於 HTML5 的機房，發現果然 HT 簡單好用。本例是將燈光、霧化以及 eye 的最大最小距離等等功能在 3D 機房中進行的一個綜合性的例子。接下來我將對這個例子的實現進行解析，算是自己對這個例子的一個 ...
HTML5+WebGL 的加油站 3D 可視化監控
的可視化建模，結合 HT 的 3D 可視化以及 2D 監控面板來實現對加油站的可視化監控。三維可視化監控系統 ...
無插件純web 3D機房 （第四季：大型園區、地球儀效果和其他擴展應用）
前言 初次見面的朋友們大家好，這篇文章是“無插件純web 3D機房”系列的第四季，感興趣的朋友可從頭開始觀看，以下是正確的閱讀順序： 無插件純web 3D機房（第一季：從零開始搭建Web 3D機房） 無插件純web 3D機房（第二季：機櫃和設備） 無插件純web 3D機房（第三季：資產管理和動 ...