skip to main
|
skip to sidebar
wubai learning
my learning portfolio
2008-06-11
用Canvas做的俄羅斯方塊
Canvas是一個新的HTML Element,目前只有在FireFox 1.5 latter、Safari或Opera裡面才有支援(就IE不支援*_*),它被定義在所謂的
HTML 5
裡面。
顧名思義,Canvas就是在瀏覽器裡面提供可以畫圖的物件,透過Javascript去操作Canvas的各種功能,網路上有強者透過Canvas做出一款
馬力歐賽車
,壓縮過的script才11Kb,很厲害~!!!
我也用Canvas做了一個簡單的俄羅斯方塊,可以試試看~!
點這邊開啟
(
不過目前還有一些小bug,在Safari裡面沒辦法移動方塊 >_<
查了一下原因,Safari的onkeypress event抓不到arrow,改成用onkeydown就可以了)
更多有關Canvas的說明與教學,可以到
Mozilla Developer Center
去看。
1 comment:
Unknown
said...
hi, 在正方型rotate的時候有bug,跟您講一聲。
February 8, 2011 at 9:43 AM
Post a Comment
Newer Post
Older Post
Home
Subscribe to:
Post Comments (Atom)
Search This Site
About Me
wubai
Picasa Album
View my complete profile
Blog Archive
▼
2008
(5)
►
July
(1)
▼
June
(2)
C++裡讓物件可以用cout和cin來做I/O存取
用Canvas做的俄羅斯方塊
►
May
(2)
Category
AJAX
(1)
C/C++
(1)
HTML
(1)
Javascript
(3)
PHP
(1)
Link
wubai blog
1 comment:
hi, 在正方型rotate的時候有bug,跟您講一聲。
Post a Comment