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