10個(gè)絕對(duì)讓你瘋狂的HTML5和JS實(shí)驗(yàn)性展示
看看今天我們收集的絕對(duì)讓你瘋狂的HTML5和JS實(shí)驗(yàn)展示,這些演示驗(yàn)證了各種框架和超酷互動(dòng)的性能。大多數(shù)的演示都能在Google Chrome和Firefox里流暢的運(yùn)行,當(dāng)然IE5并不支持這些演示。
由Emil Korngold渲染的一個(gè)超酷的3D點(diǎn)裝球體實(shí)現(xiàn)的2D投影,使用一個(gè)非常迷你的3D引擎。這個(gè)演示使用z-sorting和alpha motion模糊方式來生成3D旋轉(zhuǎn)感受??纯催@個(gè)超酷的演示吧!

簡(jiǎn)單的物理演示,使用新發(fā)布的A3 WebGL引擎。請(qǐng)確認(rèn)你使用Chrome來查看演示,超酷!

通過Perlin noise生成的離子軌道特效。移動(dòng)鼠標(biāo)來修改顆粒移動(dòng)行為。點(diǎn)擊會(huì)生成隨機(jī)參數(shù)。

一個(gè)超贊的HTML5測(cè)試用演示,由微軟開發(fā)創(chuàng)建用來測(cè)試瀏覽器的性能??纯茨阕疃嗄苓\(yùn)行多少條魚吧。

丟過去看看是否被粘住了

一個(gè)動(dòng)態(tài)變化顏色和直徑的javascript實(shí)現(xiàn)的內(nèi)轉(zhuǎn)軌跡線演示。你可以使用鍵盤來修改形狀,或者移動(dòng)鼠標(biāo)來創(chuàng)建一個(gè)新的形狀。

另外一個(gè)非常不錯(cuò)的實(shí)驗(yàn) - 簡(jiǎn)單的畫圖工具,使用花朵來作為筆刷并且使用貝塞爾曲線

現(xiàn)在youTube每秒鐘會(huì)上傳1小時(shí)的視頻。為了更好的說明,他們開發(fā)了一個(gè)HTML5網(wǎng)站來進(jìn)行擁有上下文的數(shù)字比較。大家看看吧!超酷!

圖片上的HTML5動(dòng)畫效果

一個(gè)互動(dòng)的強(qiáng)迫式圖片布局

原文:http://www.gbin1.com/technology/html/20120328crazyhtml5js/
【編輯推薦】

























