Bubble Linez 是最近看了一些HTML5的介紹後試寫看看的小遊戲，遊戲規則主要是把球連成一線，每次只能移動一顆球，將同樣顏色的球連成5顆以上就可以消去，不論是垂直、水平、斜線都可以，每回合會隨機多出3顆，當所有的球都填滿空格時就Game Over了。
不過由於 Bubble Linez 主要是用HTML5的Canvas來顯示畫面，所以必須用有支援的 (Firefox、Chrome、Safari、Opera) 瀏覽器才能正常顯示，IE系列則是很遺憾全部不支援，雖然說還是有 ExplorerCanvas 可以讓IE支援Canvas，不過我測試過簡直慢到爆炸，現在只能期望支援HTML5的IE9能趕快推出了 (不過支援到什麼程度還有待觀察)。
按這裡連到 Bubble Linez
這次試用HTML5雖然只有用到Canvas，不過已經可以理解為何會有那麼多人推崇，HTML5新特性除了可以在上面畫圖的畫布Canvas之外，影片、音效的播放，本地離線儲存資料的支援等等，以往Web應用較難以呈現的效果現在只要HTML5+JavaScript+CSS就能解決而且效能還蠻不錯，只可惜現在幾個大牌瀏覽器還是各自為政標準難以統一，HTML5的普及看來還需要好一陣子..
另外介紹幾個HTML5的demo網站:
http://www.canvasdemos.com - 有各種利用Canvas寫成的小遊戲
http://code.google.com/p/quake2-gwt-port/ - 前陣子很有名的，在瀏覽器上執行雷神之鎚2
http://apirocks.com/html5/html5.html#slide1 - HTML5做成的簡報
沒有留言:
張貼留言