Html5+js實現俄羅斯方塊

代碼測試地址：測試
1、使用的知識點

html5

javascript

2、需要實現的功能

俄羅斯方塊普通玩法

3、分析功能實現

（1）組合方塊，共7中形狀，可靜態指定（由4個方塊組合）

    

（2）實現組合方塊的下移、左移和右移

      
     ：    組合圖形左移即 x座標減1    組合圖形右移即 x座標加1    組合圖形下移即 y座標加1 （3）實現組合圖形旋轉

 假設對圖片上任意點(x,y)，繞一個座標點(rx0,ry0)逆時針旋轉RotaryAngle角度後的新的座標設為(x', y')，有公式：
    x'= (x - rx0)*cos(RotaryAngle) + (y - ry0)*sin(RotaryAngle) + rx0 ;
    y'=-(x - rx0)*sin(RotaryAngle) + (y - ry0)*cos(RotaryAngle) + ry0 ;

90°旋轉公式簡化

   x'=y - ry0 + rx0 ;

   y'=-(x - rx0)+ ry0 ;

   

(4)方塊消除（是方塊而非組合圖形）

    判斷每一行是否填滿，填滿即可消除

(5)其他待實現功能

   積分

   升級

   ……

代碼設計及實現請參見： 代碼設計

代碼下載：

    下載