新聞中心
看看今天我們收集的絕對(duì)讓你瘋狂的HTML5和JS實(shí)驗(yàn)展示,這些演示驗(yàn)證了各種框架和超酷互動(dòng)的性能。大多數(shù)的演示都能在Google Chrome和Firefox里流暢的運(yùn)行,當(dāng)然IE5并不支持這些演示。

1. Canvas Sphere
由Emil Korngold渲染的一個(gè)超酷的3D點(diǎn)裝球體實(shí)現(xiàn)的2D投影,使用一個(gè)非常迷你的3D引擎。這個(gè)演示使用z-sorting和alpha motion模糊方式來生成3D旋轉(zhuǎn)感受??纯催@個(gè)超酷的演示吧!
2. Marbles
簡單的物理演示,使用新發(fā)布的A3 WebGL引擎。請(qǐng)確認(rèn)你使用Chrome來查看演示,超酷!
3. Noise Field
通過Perlin noise生成的離子軌道特效。移動(dòng)鼠標(biāo)來修改顆粒移動(dòng)行為。點(diǎn)擊會(huì)生成隨機(jī)參數(shù)。
4. Fishbowl
一個(gè)超贊的HTML5測試用演示,由微軟開發(fā)創(chuàng)建用來測試瀏覽器的性能??纯茨阕疃嗄苓\(yùn)行多少條魚吧。
5. Sticky Thing
丟過去看看是否被粘住了
6. Breathing Galaxies
一個(gè)動(dòng)態(tài)變化顏色和直徑的javascript實(shí)現(xiàn)的內(nèi)轉(zhuǎn)軌跡線演示。你可以使用鍵盤來修改形狀,或者移動(dòng)鼠標(biāo)來創(chuàng)建一個(gè)新的形狀。
7. Flower Power
另外一個(gè)非常不錯(cuò)的實(shí)驗(yàn) - 簡單的畫圖工具,使用花朵來作為筆刷并且使用貝塞爾曲線
8. One Hour Per Second
現(xiàn)在youTube每秒鐘會(huì)上傳1小時(shí)的視頻。為了更好的說明,他們開發(fā)了一個(gè)HTML5網(wǎng)站來進(jìn)行擁有上下文的數(shù)字比較。大家看看吧!超酷!
9. Asteroid Belt
圖片上的HTML5動(dòng)畫效果
10. Graph Layout
一個(gè)互動(dòng)的強(qiáng)迫式圖片布局
原文:http://www.gbin1.com/technology/html/20120328crazyhtml5js/
【編輯推薦】
- 淺談Web自動(dòng)化測試原理
- HTML5游戲開發(fā)的五個(gè)最佳實(shí)踐
- 分享21個(gè)最新的超酷web設(shè)計(jì)特效
- 關(guān)于HTML5的七個(gè)傳說
- 用原生JS進(jìn)行CSS格式化和壓縮
當(dāng)前名稱:10個(gè)絕對(duì)讓你瘋狂的HTML5和JS實(shí)驗(yàn)性展示
URL地址:http://m.5511xx.com/article/djiesgd.html


咨詢
建站咨詢
