在Ludo游戏-Javascript中制作立方体旋转

时间:2017-10-10 20:47:55

标签: javascript

问候其他程序员。我为Ludo游戏创建了一个带有六个不同div的多维数据集.Divs包含黑点,每个点都是特定数字(数字为一个点,两个为两个)。我把它们全部放了在一个div中。我的问题是如何使用Math.floor(Math.random()* 6)以不同的顺序更改点 我得到6并开始游戏?这是我尝试过的代码:           

      <div id='dice'>

      <div class='dice'>

      <div class='dice1' id='b'></div>

      </div>

      </div>

      <div id='dice0'>

      <div class='dice2'>

      <div class='dice3' id='c'></div>
      <div class='dice4' id='c'></div>

      </div>

      </div>

      <div id='dice1'>


      <div class='dice5'>


      <div class='dice6' id='d'></div>
      <div class='dice7' id='d'></div>
      <div class='dice8' id='d'></div>

      </div>

      </div>

      <div id='dice2'>

      <div class='dice9'>

      <div class='dice10' id='e'></div>
      <div class='dice11' id='e'></div>
      <div class='dice12' id='e'></div>
      <div class='dice13' id='e'></div>

      </div>

      </div>

      <div id='dice3'>

      <div class='dice14'>

      <div class='dice15' id='f'></div>
      <div class='dice16' id='f'></div>
      <div class='dice17' id='f'></div>
      <div class='dice18' id='f'></div>
      <div class='dice19' id='f'></div>

      </div>

      </div>

      <div id='dice4'>

      <div class='dice20'>

      <div class='dice21' id='g'></div>
      <div class='dice22' id='g'></div>
      <div class='dice23' id='g'></div>
      <div class='dice24' id='g'></div>
      <div class='dice25' id='g'></div>
      <div class='dice26' id='g'></div>

      </div>

      </div>

      </div>


     var dice1=document.querySelector('#dice');
     var dice2=document.querySelector('#dice0');
     var dice3=document.querySelector('#dice1');
     var dice4=document.querySelector('#dice2');
     var dice5=document.querySelector('#dice3');
     var dice6=document.querySelector('#dice4');
     var d2=document.querySelector('.d1');

     var cube=[1,2,3,4,5,6];

     function rolling()  {

     for(var i=0;i<6;i++) {

     d2.innerHTML=cube[Math.floor(Math.random()*6)];

     }

     }

0 个答案:

没有答案