js 簡單的推箱子小遊戲步驟解析 大家都玩過的

2021-09-14 03:35:19 字數 1429 閱讀 7569

obkoro1.com

本文**已經放在了github上面了,裡面也進行了很詳細的**注釋,可以copy下來,在本地執行一下看看

html結構:

html結構十分簡單,只要弄一堆div,來放置地圖的class就可以了,我這裡初始化了12*9個div,地圖裡最多九行高度。   

這些div都是同樣大小,地圖渲染出來區別的只是顏色的不同。

地圖函式:

var box=$('.box div'); //地圖使用的div集合

function create());

box.each(function(index,element)

});box.eq(origin[level]).addclass("pusher"); //推箱人 皮卡丘位置

}//第一關的地圖長這樣(下面只是栗子,不是**),0代表不可抵達區域,1代表目標(要被推到的地方),

//2代表普通路徑(可以走的),3代表牆,4代表箱子

[0,0,0,0,3,3,3,0,0,0,0,0,

0,0,0,0,3,1,3,0,0,0,0,0,

0,0,0,0,3,2,3,3,3,3,0,0,

0,0,3,3,3,4,2,4,1,3,0,0,

0,0,3,1,2,4,2,3,3,3,0,0,

0,0,3,3,3,3,4,3,0,0,0,0,

0,0,0,0,0,3,1,3,0,0,0,0,

0,0,0,0,0,3,3,3,0,0,0,0]

使用$(document).keydown()jqery事件,捕獲鍵盤事件。

捕獲鍵盤事件,上下左右以及wsad。

$(document).keydown(function (e) 

settimeout(win,500); //按鍵之後調判斷是否過關

});

判斷是否可以移動。

分為兩個判斷條件:乙個是推箱子,乙個是不推箱子 自然移動,否則不移動皮卡丘。

function move(step)

else if((pikaqiu2.hasclass('type4'))&&(!pushbox.hasclass('type4'))&&(pushbox.hasclass('type1')|| pushbox.hasclass('type2')) )

}

每次移動都要呼叫這個勝利判斷。

function win()else }}

and掘金個人主頁以上2018.1.7

C語言小遊戲 推箱子

更多可能 在 啊哈c 一書中學了簡易小遊戲走迷宮的寫法,之後的挑戰是寫乙個推箱子,於是嘗試去寫一下.此段 是我在摸索中更改之後的最終 存在改動痕跡.include include include includeint main int x,y char in,out x 3 y 4 out x fo...

c語言小遊戲推箱子

代表小老鼠 代表箱子 o 代表終點 代表牆 展示 include include include intmain int argc,const char ar char m x 6,m y 3 for printf n 判斷是否結束if 4 cnt switch getch 前方是箱子 elseif...

基於swing的推箱子小遊戲

1 能夠顯示主選單和功能 遊戲需要提供主選單讓玩家進行遊戲設定,同時能能夠把地 件中的資訊轉換成為影象顯示到主遊戲介面上。2 能夠實現鍵盤操作功能 能夠接收到鍵盤輸入的方向鍵資訊,並根據不同的方向鍵把遊戲任務移動到相應的位置,例如,當玩家單擊方向鍵 上 時,如果向上的位置是可移動的,那麼就當把遊戲人...