如今,HTML5 可謂如眾星捧月一般,受到眾多業內巨頭的青睞。很多 Web 開發者也嘗試着用 HTML5 來制作各種 Web 應用。HTML5 規范引進了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通過 JavaScript 繪制圖形的方法 ...
WebGL 是一項在網頁瀏覽器呈現 D畫面的技術,有別於過去需要安裝瀏覽器插件,通過 WebGL 的技術,只需要編寫網頁代碼即可實現 D圖像的展示。WebGL可以為 HTML Canvas 提供硬件 D加速渲染,這樣 Web 開發人員就可以借助系統顯卡來在瀏覽器里更流暢地展示 D場景和模型了。今天,本文向大家展示 個驚艷的 WebGL 應用實驗。 TankWorld 使用WebGL技術開發的一款坦 ...
2012-03-20 17:54 1 6142 推薦指數:
如今,HTML5 可謂如眾星捧月一般,受到眾多業內巨頭的青睞。很多 Web 開發者也嘗試着用 HTML5 來制作各種 Web 應用。HTML5 規范引進了很多新特性,其中最令人期待的之一就是 Canvas 元素,HTML5 Canvas 提供了通過 JavaScript 繪制圖形的方法 ...
1、HTML5 WebGL水面水波盪漾特效 之前已經向各位分享過一款很逼真的HTML5水波盪漾特效,效果還算不錯。今天再向大家分享一款更加給力的HTML5水波動畫,畫面上是一個大水池,水池底部是一顆大石頭,在水面上點擊即可泛起水波,加上模擬光的照射,水波比上一款特效更加生動逼真。另外你也可以拖動 ...
HTML5 <canvas> 元素給網頁中的視覺展示帶來了革命性的變化。Canvas 能夠實現各種讓人驚嘆的視覺效果和高效的動畫,在這以前是需要 Flash 支持或者 JavaScript 才能實現的。HTML5 Canvas 提供了通過 JavaScript 繪制圖形的方法 ...
前言 大家好,老鄭我又回來了。這一期為大家帶來一個非常好玩的 demo,我們制作一套自己的 3D 管道控制系統,運用了( http://www.hightopo.com )HT 的 Graph3dView 組件通過對 WebGL 底層技術的封裝,與 HT 其他組件一樣,基於 HT 統一 ...
前言 今天找到了 HT 的官網里的 Demo 網站( http://www.hightopo.com/demos/index.html ),看的我眼花繚亂,目不暇接。 而且 HT 的用戶手冊,將例子和文檔無縫融合一體,小小 10 來兆開發包居然包含了四十五份手冊,數百個活生生的 HTML5 例子 ...
HTML5 Canvas是最廣泛支持的2D即時模式圖形WEB標准,是基於HTML5的多媒體、可視化、游戲等應用的基礎。因此,Canvas的性能優化有助於幾乎所有HTML5應用的性能提升,且能有效地節省CPU使用率,這一性能指標對於大屏幕的設備非常重要。 chrome for android ...
HTML5非常強大,尤其是現在大部分瀏覽器都支持HTML5和CSS3,用HTML5制作的動畫也多了起來。另外,Canvas上繪制圖形非常簡單,本文就分享了一些強大的HTML5 Cnavas動畫,一起來看看。 1、HTML5 Canvas瀑布動畫 超逼真 這是一個很逼真的HTML5瀑布動畫 ...
發現現在工業SCADA上或者電信網管方面用圖表的特別多,雖然絕大部分人在圖表制作方面用的是echarts,他確實好用,但是有些時候我們不能調用別的插件,這個時候就得自己寫這些美麗的圖表了,然而圖表輕易做不成美麗的。。。看到有一個網站上在賣的圖表,感覺挺好看的,就用 HT for Web 3D 做了 ...