js 實現俄羅斯方塊(三)

2022-05-04 18:00:09 字數 2010 閱讀 6198

嘿嘿,首先我們先搭建遊戲世界------網格

所有的操作包括左移右移下移旋轉都是在這個網格中

既然是使用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...