嘿嘿,首先我們先搭建遊戲世界------網格
所有的操作包括左移右移下移旋轉都是在這個網格中
既然是使用js來寫當然跑不了html啦,實現網格最簡單的
方法就是用html的**了!那麼:
第一步:畫**(畫乙個長寬相等的**)
/*上面**畫格仔
*/var
line =30
;//行數var
size =20
;//列數for(i=
0; i
<
line; i++)
tr =tr
+td+"";}
html
=tr;
$("#board
"
script
>
html
>
好啦!快看看效果~是不是感覺已經做好一半了嘛!嘿嘿
下面我們要準備基本圖形啦!
首先,我們先來個「點」:
怎麼實現呢?
很簡單我們先來分析下吧~
通過**我們知道我用js畫了乙個30行20列的**我們通過樣式限制了
**長寬相同,這樣就是乙個正方形了。
然後我們通過對行列的操作就可以顯示出各種不同的形狀了!比如上圖我們讓第10行第10列
的方塊的背景換成紅色。這就是乙個基礎圖形的元素了!下面我們來畫基礎圖形吧~
首先畫乙個座標系:
箭頭標註點為原點(0,0)
沿著箭頭方向依次增大x或者y。有了這個規則我們就可以畫出來基本圖形了!
首先來個簡單的:
很明顯這是4個點連成一條線構成的,我們從(0,0)點開始
那麼這個圖形就是這樣一組陣列:
(0,0)
(0,1)
(0,2)
(0,3)
畫好後整體向右平移(只要全體x+固定值就好了)
假設向右平移3個格仔座標:
(0,3)
(0,4)
(0,5)
(0,6)
同理 我們就可以得到 其他圖形樣式了 !
大家加油!~~
俄羅斯方塊高階 AI俄羅斯方塊
前文回顧 致青春 python實現俄羅斯方塊 人工智慧大火的今天,如果還是自己玩俄羅斯方塊未免顯得太low,為什麼不對遊戲公升級,讓機器自己去玩俄羅斯方塊呢?有了這個想法之後利用週六週日兩天的時間去蒐集了大量的資料,在電腦宕機好多次之後終於將ai俄羅斯方塊實現了。所謂讓機器自己去玩俄羅斯方塊,就是讓...
俄羅斯方塊
俄羅斯方塊 tetris,俄文 是一款風靡全球的電視遊戲機 和掌上遊戲機遊戲,它由俄羅斯人阿列克謝 帕基特諾夫 發明,故得此名。俄羅斯方塊的基本規則是移動 旋轉和擺放遊戲自動輸出的各種方塊,使之排列成完整的一行或多行並且消除得分。由於上手簡單 老少皆宜,從而家喻戶曉,風靡世界。俄羅斯方塊的開發者是阿...
俄羅斯方塊
include include include include includeusing namespace std include include define mem a,b memset a,b,sizeof a const int sudu 40 const int dir 4 2 cons...