HTML5是web開(kāi)發(fā)世界的一次重大的改變,事實(shí)上不管你是否喜歡,它都代表著未來(lái)趨勢(shì)。其實(shí)HTML5并不難理解和使用。
超勁爽Html5小游戲合集-LessMilk
網(wǎng)址:http://www.lessmilk.com/
為了更好地學(xué)習(xí)html5游戲制作,作者通過(guò)這些既簡(jiǎn)單又好玩的小游戲來(lái)練手,別看是小游戲,個(gè)個(gè)都很有趣耐玩,這是要成為html5游戲巨匠的節(jié)奏啊。
Html5-HTML5畫(huà)布
網(wǎng)址:http://www.dhteumeuleu.com/
一位html5實(shí)力站長(zhǎng)的作品網(wǎng)頁(yè),不定期更新html5風(fēng)格畫(huà)布,互動(dòng)感很強(qiáng),而且他的每個(gè)作品都提供全套源碼分享,對(duì)于想學(xué)習(xí)html5特效的朋友,值得收藏!
Html5-水池里的球
網(wǎng)址:http://madebyevan.com/webgl-water/
小小的Demo為我們展示了包括光、水、重力在內(nèi)的網(wǎng)頁(yè)3D場(chǎng)景,你可以用鼠標(biāo)控制視角,還可以移動(dòng)水池里的球,整體效果十分真實(shí),相信會(huì)再次讓大家領(lǐng)略HTML5的魅力!
Html5演繹的大提琴名曲-Baroque
網(wǎng)址: http://www.baroque.me/
域名Baroque,中文為巴洛克,是一種歐洲的藝術(shù)風(fēng)格,而這個(gè)網(wǎng)站也恰恰應(yīng)和了這個(gè)主題。剛一進(jìn)入網(wǎng)站,你會(huì)聽(tīng)到一些凌亂的音符,不過(guò)幾秒種后,你便會(huì)聽(tīng)到一段美妙的音樂(lè),借用的是德國(guó)音樂(lè)家巴赫的G大調(diào)第1號(hào)無(wú)伴奏大提琴組曲之前奏曲,至于模擬的是什么樂(lè)器就不得而知了,懂音樂(lè)的朋友聽(tīng)聽(tīng)是什么吧!
體驗(yàn)另類(lèi)的HTML5三維視覺(jué)-ROME
網(wǎng)址:http://www.ro.me/
這個(gè)網(wǎng)站的技術(shù)含量很高,運(yùn)用了WebGL技術(shù),它可以實(shí)現(xiàn)無(wú)插件在網(wǎng)頁(yè)上展示3D畫(huà)面。進(jìn)入網(wǎng)站我們就會(huì)感受到飛在云端的獨(dú)特體驗(yàn),接下來(lái)會(huì)播放一段很帶勁的3D互動(dòng)MV,部分場(chǎng)景還可以用鼠標(biāo)來(lái)控制。網(wǎng)站同時(shí)還提供類(lèi)似3D積木的創(chuàng)建,你可以制作出超個(gè)性的場(chǎng)景并保存發(fā)布。
進(jìn)入網(wǎng)站后,會(huì)加載很長(zhǎng)時(shí)間,耐心一點(diǎn)吧!中間的按鈕可以播放MV,左邊是創(chuàng)建3D場(chǎng)景,右邊是瀏覽其他網(wǎng)友的作品,要注意的是,該網(wǎng)站僅支持Google Chrome瀏覽器。
炫麗的HTML5模擬自然景觀-Canvas Cycle
網(wǎng)址:http://www.effectgames.com/demos/canvascycle/
單不說(shuō)其應(yīng)用的技術(shù),就說(shuō)它表現(xiàn)出來(lái)的效果,已經(jīng)讓我們嘆為觀止,網(wǎng)站用HTML5標(biāo)準(zhǔn)制作了各種如夢(mèng)如幻的自然景觀,同時(shí)配有相應(yīng)的音效,更加感覺(jué)身臨其境,此乃絕對(duì)的值得大家收藏的經(jīng)典趣站。
基于HTML5的在線(xiàn)畫(huà)圖工具-CanvasPaint
網(wǎng)址:http://canvaspaint.org/
Windows畫(huà)圖可能是MS最雞肋的附件了,但高手們似乎總是用它來(lái)展示自己的技術(shù),今天這個(gè)網(wǎng)站用時(shí)下流行的HTML5技術(shù)仿制的Windows畫(huà)圖程序,界面就是同一個(gè)模子出來(lái)的,雖然操作上有些別扭,連作者自己都說(shuō)這不是很好的在線(xiàn)畫(huà)圖工具,只是想測(cè)試一下“canvas”標(biāo)簽的應(yīng)用而已。