基於 HTML5 Canvas 的 3D 渲染引擎構建機架式服務器
前言 今天找到了 HT 的官網里的 Demo 網站（ http://www.hightopo.com/demos/index.html ），看的我眼花繚亂，目不暇接。 而且 HT 的用戶手冊，將例子和文檔無縫融合一體，小小 10 來兆開發包居然包含了四十五份手冊，數百個活生生的 HTML5 例子 ...
原文：基於 HTML5 Canvas 的 3D 渲染引擎構建生產管控系統
前言 大家好，老鄭我又回來了。這一期為大家帶來一個非常好玩的 demo，我們制作一套自己的 D 管道控制系統，運用了 http: www.hightopo.com HT 的 Graph dView 組件通過對 WebGL 底層技術的封裝，與 HT 其他組件一樣，基於 HT 統一的 DataModel 數據模型來驅動圖形顯示。 效果圖 此為 D 主界面： 此為 D 界面的部分分段演示： 由於 gif ...
2019-01-22 08:37 0 641 推薦指數：
相關推薦
8個驚艷的JavaScript 為 HTML5 Canvas 提供硬件3D加速渲染應用實驗
WebGL 是一項在網頁瀏覽器呈現3D畫面的技術，有別於過去需要安裝瀏覽器插件，通過 WebGL 的技術，只需要編寫網頁代碼即可實現3D圖像的展示。WebGL可以為 HTML5 Canvas 提供硬件3D加速渲染，這樣 Web 開發人員就可以借助系統顯卡來在瀏覽器里更流暢地展示3D場景和模型 ...
基於HTML5 Canvas的3D動態Chart圖表
發現現在工業SCADA上或者電信網管方面用圖表的特別多，雖然絕大部分人在圖表制作方面用的是echarts，他確實好用，但是有些時候我們不能調用別的插件，這個時候就得自己寫這些美麗的圖表了，然而圖表輕易做不成美麗的。。。看到有一個網站上在賣的圖表，感覺挺好看的，就用 HT for Web 3D 做了 ...
基於 HTML5 Canvas 的 3D 模型列表貼圖
少量圖片對於我們賦值是沒有什么難度，但是如果圖片的量大的話，我們肯定希望能很直接地顯示在界面上供我們使用，再就是排放的位置等等，這些都需要比較直觀的操作，在實際應用中會讓我們省很多力以及時間。下面這個 ...
基於 HTML5 Canvas 的 3D 熱力雲圖效果
前言 數據蘊藏價值，但數據的價值需要用 IT 技術去發現、探索，可視化可以幫助人更好的去分析數據，信息的質量很大程度上依賴於其呈現方式。在數據分析上，熱力圖無疑是一種很好的方式。在很多行業中都有着廣泛的應用。 最近剛好項目中需要用到 3D 熱力圖的效果展示。網上搜了相關資料，發現大多數 ...
基於 HTML5 Canvas 的 3D WebGL 機房創建
對於 3D 機房來說，監控已經不是什么難事，不同的人有不同的做法，今天試着用 HT 寫了一個基於 HTML5 的機房，發現果然 HT 簡單好用。本例是將燈光、霧化以及 eye 的最大最小距離等等功能在 3D 機房中進行的一個綜合性的例子。接下來我將對這個例子的實現進行解析，算是自己對這個例子的一個 ...
PixiJS - 基於 WebGL 的超快 HTML5 2D 渲染引擎
Pixi.js 是一個開源的HTML5 2D 渲染引擎，使用 WebGL 實現，不支持的瀏覽器會自動降低到 Canvas 實現。PixiJS 的目標是提供一個快速且輕量級的2D庫，並能兼容所有設備。此外，讓開發者無需了解WebGL，就可以感受到硬件加速的力量。 在線演示 ...
CutJS – 用於 HTML5 游戲開發的 2D 渲染引擎
CutJS 是輕量級的，快速的，基於 Canvas 開發的 HTML5 2D 渲染引擎，可以用於游戲開發。它是開源的，跨平台的，與現代的瀏覽器和移動設備兼容。CutJS 提供了一個類似 DOM 樹的數據模型來編寫應用程序，並在內部管理渲染周期，繪制你的應用程序。 您可能感興趣的相關文章 ...