今天在國(guó)外Sidebar站點(diǎn)刊出的一篇關(guān)于HTML5魔力的文章引起了許多人的關(guān)注。網(wǎng)頁(yè)開(kāi)發(fā)者Davide Walsh整理了9個(gè)使用原生web技術(shù)的演示樣本,展示在沒(méi)有如Flash、Silverlight等插件的情況下,我們的網(wǎng)頁(yè)瀏覽器能展示出怎樣的美 妙圖景,下面的3則演示即來(lái)自這其中。

第一個(gè)演示,名為Zen Photon Garden,可由用戶在動(dòng)態(tài)的畫布上通過(guò)手動(dòng)添加支線來(lái)改變阻止光的傳播。所有的演算都是即時(shí)進(jìn)行的,有興趣的朋友可以在此創(chuàng)建出各種有意思的圖景,這些你的原生瀏覽器就能做到。

第二個(gè)演示則更有意思,它通過(guò)許多數(shù)學(xué)演算搭建了一個(gè)非常復(fù)雜的動(dòng)畫,字符會(huì)扭曲變換,并且改變位置,字的顯示是動(dòng)態(tài)的。你甚至可以用鼠標(biāo)來(lái)改變查看的視角。這則演示在配置不怎樣的設(shè)備上也能毫無(wú)壓力地運(yùn)行,并且純?cè)鷳B(tài)。
最后這個(gè)是演示中最為復(fù)雜的,Chrome試驗(yàn)項(xiàng)目稱作Gestures + Reveal.JS(手勢(shì)+展示),采用了WebRTC和JavaScript通過(guò)用戶攝像頭完成這樣的操作。通過(guò)手勢(shì)就能進(jìn)行界面控制,當(dāng)然實(shí)際上這類操作本身并不稀罕,因?yàn)槿缥④汯inect傳感器之類的早就能夠?qū)崿F(xiàn)比這絢麗的多的操作方式,但這則演示則在基于5年前的電腦上都運(yùn)行無(wú)壓力,足見(jiàn)其可行性潛力。
要查看其他的一些演示,可以進(jìn)入Walsh的博客了解更多,包括了靜態(tài)視頻的控制、文字動(dòng)畫、瀏覽器游戲等等。未來(lái),我們的瀏覽器也將能夠在開(kāi)發(fā)者的努力下實(shí)現(xiàn)愈發(fā)豐富的功能。
VIA:cnBeta.
更多詳細(xì)信息,請(qǐng)您微信關(guān)注“計(jì)算網(wǎng)”公眾號(hào):