基于Arraylist的HTML、JQuery游戏

基于Arraylist的HTML、JQuery游戏,jquery,html,arraylist,Jquery,Html,Arraylist,我有一个基于9x9网格阵列的游戏,在该阵列中,用户试图逃跑,但在阵列中的随机位置有用户无法移动的块,否则将结束游戏。3=用户,1=安全区,2=墙,0=安全区。 本质上,我希望有一个JQuery/JavaScript,用户可以在其中选择一个难度,它将随机地在随机位置放置一定数量的2。 我该怎么做呢?基于难度按钮中的IF语句 board=[[0,0,0,0,0,0,0,0], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,

我有一个基于9x9网格阵列的游戏,在该阵列中,用户试图逃跑,但在阵列中的随机位置有用户无法移动的块,否则将结束游戏。3=用户,1=安全区,2=墙,0=安全区。 本质上,我希望有一个JQuery/JavaScript,用户可以在其中选择一个难度,它将随机地在随机位置放置一定数量的2。 我该怎么做呢?基于难度按钮中的IF语句 board=[[0,0,0,0,0,0,0,0], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,3,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ], [ 0,1,1,1,1,1,1,1,0 ],
[ 0,0,0,0,0,0,0,0,0 ] ];

试试这个,对我来说没问题。 如果你检查你的控制台,你会看到,董事会正在更新与2的随机

通过更新变量“difA-difD”来更改插入的2的数量

HTML

JQ/JS:


谢谢你的帮助,Mark,这似乎正是我所需要的,但我在将其实现到HTML中时遇到了困难。我被要求在function StartMediculty中实现所有这些,我不允许编辑实际数组。我也很难将每一个都与以前制作的简单s联系起来。有什么想法吗?你能把你所有的东西都放在一把小提琴上吗?我试着把它放在JSFIDLE上,但由于它是基于大量本地png的,所以它可以difficult@TBEZFTM今晚我必须回到这里。。。我想让它工作,但我工作很忙。只是好奇,这是学校的项目吗?
 <select id="selectDif">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select> 
$(function(){
    $("#selectDif").change(function(){
    var getDif = $(this).val();

    var board = [[ 0,0,0,0,0,0,0,0,0 ], 
                [ 0,1,1,1,1,1,1,1,0 ], 
                [ 0,1,1,1,1,1,1,1,0 ], 
                [ 0,1,1,1,1,1,1,1,0 ], 
                [ 0,1,1,1,3,1,1,1,0 ], 
                [ 0,1,1,1,1,1,1,1,0 ], 
                [ 0,1,1,1,1,1,1,1,0 ],
                [ 0,1,1,1,1,1,1,1,0 ],
                [ 0,0,0,0,0,0,0,0,0 ] ];

    var difA = 10;
    var difB = 15;
    var difC = 20;
    var difD= 5;

       switch(getDif) {
             case 1:
             doThis(difA)
             break;
             case 2:
             doThis(difB)
             break;
             case 3:
             doThis(difC)
             break;
             default:
              doThis(difD)
             }  
       function doThis(e){
             var boardRows = board.length;
             var boardRowsLength = board[0].length;
             var difficulty = e;
             for(i=0; i<e; i++){
                          var x = Math.floor((Math.random() * boardRows)); 
                          var y = Math.floor((Math.random() * boardRowsLength) ); 
                          board[x][y] = 2;
             }
              console.log(board[0],board[2],board[2],board[3],board[4],board[5],'...etc');
             }
     });  
});