h5贪吃蛇小游戏特效代码下载



21 82 28



特效描述:贪吃蛇小游戏,h5贪吃蛇小游戏特效代码下载

代码结构

1. 引入JS

<script type="text/javascript" src="js/rectangle.js"></script>
<script type="text/javascript" src="js/index.js"></script>

2. HTML代码

  <div class="pannel">
    <div class="pannel-header">
        <h1>贪吃蛇</h1>  
        <strong>分数:<span class="score-board">0</span></strong>
      </h2>
    </div>
      <div class="pannel-content">
        <canvas id="canvas"></canvas>
      </div>
      <div class="pannel-footer">
        <div class="btn-group">
          <input type="button" value="←(左箭头/A)" onClick="game.switchDirection('left')" />
          <input type="button" value="→(右箭头/D)" onClick="game.switchDirection('right')" />
          <input type="button" value="↑(上箭头/W)" onClick="game.switchDirection('up')" />
          <input type="button" value="↓(下箭头/S)" onClick="game.switchDirection('down')" />
        </div>
        <div class="btn-group">
          <input type="button" value="开始/暂停(空格)" onClick="game.toggleState();"/>
          <input type="button" value="重开一局(N)" onClick="game.restart(canvas);"/>
        </div>
      </div>
  </div>
  <script type="text/javascript">
    game.start();
    function onFocus() {return this.blur();}
    Array.from(document.querySelectorAll('input[type="button"],button')).forEach(e=>{
      e.onfocus = onFocus;
    });
  </script>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 飞机游戏 拼图游戏 贪吃蛇 连连看 见缝插针游戏 其他游戏 h5小游戏

×
×
51前端

注册

官方QQ群
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到