植物大战僵尸【源代码分享+核心思路讲解】

界面介绍：

进入游戏开始界面：

​

 游戏主菜单界面：

​

 游戏界面：

​

界面底层使用和js思路分析：                                               

HTML的内容（所有） ：

<div class="total wrapper">
    <!-- 整个页面的内容 -->
    <div class="entire wrapper">
      <!-- 设置游戏开始是的场景 -->
      <div class="startJframe">
        <!-- 放置我事件监听的按钮 -->
        <div class="startGame-btn wrapper">
          <div class="begin-text"></div>
        </div>
      </div>
      <div class="menu">
        <div class="menu_btn"></div>
      </div>
      <div class="game-jframe">
        <canvas id="canvas" style="width: 1120px; height: 620px;">
        </canvas>
      </div>
    </div>
  </div>

 canvas js代码思路：

js游戏运行核心：

到这里就结束了，真心希望大家可以通过我的分享学习到一些东西