乐山网站建设

专注高端品牌网站建设行业优质供应商！认准小谭建站！
028-86922220135-1821-9792
  • 首页
  • 网站建设
    网站设计包含服务 网站制作流程 有效沟通方式 售后服务
  • 微信开发
  • 案例展示
    乐山小谭建站公司作品案例展示
  • 新闻资讯
  • 解决方案
  • 小谭建站
  • 联系我们

    • JS怎么实现的贪吃蛇游戏

    这篇文章将为大家详细讲解有关JS怎么实现的贪吃蛇游戏，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

    创新互联不能给您低的价格，只能给您高的品质！我们努力坚持得到越来越多的客户认可和追随，这正是我们继续前进的大动力！创新互联专业网站制作公司,为企业提供高端网站建设,营销型网站制作,成都外贸网站建设公司,做网站,网站改版等做网站服务,建网站费用1680元起,成都数百家企业建站公司的选择。

    具体如下：

    思想：

    1、设计蛇：属性有宽、高、方向、状态（有多少节），方法：显示，跑

    2、设计食物：属性宽、高

    3、显示蛇：根据状态向地图里加元素

    4、蛇跑起来：下一节到前一节的位置，蛇头根据方向变，删除原来的蛇，新建蛇；当出界时，死亡，初始化；当蛇头吃到自己的时候，死亡，初始化

    5、食物被吃掉，蛇加一节，去掉原来的食物，生成新的食物

    6、添加定时器，绑定按键

    完整示例：

    


  
  
  
  Document
  
    body {
      margin: 0;
      padding: 0;
    }
    .main {
      width: 800px;
      height: 400px;
      margin: 50px auto;
    }
    .btn {
      width: 100px;
      height: 40px;
    }
    .map {
      position: relative;
      width: 800px;
      height: 400px;
      background: #ccc;
    }
  



  开始游戏
  
           var map = document.getElementById('map');     // 使用构造方法创建蛇，     function Snake()     {       // 设置蛇的宽、高、默认走的方向       this.width = 10;       this.height = 10;       this.direction = 'right';       // 记住蛇的状态，当吃完食物的时候，就要加一个，初始为3个小点为一个蛇，       this.body = [         {x:2, y:0},  // 蛇头，第一个点         {x:1, y:0},  // 蛇脖子，第二个点         {x:0, y:0}  // 蛇尾，第三个点       ];       // 显示蛇       this.display = function() {         // 创建蛇         for (var i=0; i0; i--) {           this.body[i].x = this.body[i-1].x;           this.body[i].y = this.body[i-1].y;         }         // 根据方向处理蛇头         switch(this.direction)         {           case "left":             this.body[0].x -= 1;             break;           case "right":             this.body[0].x += 1;             break;           case "up":             this.body[0].y -= 1;             break;           case "down":             this.body[0].y += 1;             break;         }         // 判断是否出界,一蛇头判断,出界的话，         if (this.body[0].x < 0 || this.body[0].x > 79 || this.body[0].y < 0 || this.body[0].y > 39) {           clearInterval(timer);  // 清除定时器，           alert("你瞎吗？撞死了！");           // 删除旧的           for (var i=0; i

    使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码，可得到如下运行效果：

    JS怎么实现的贪吃蛇游戏

    关于“JS怎么实现的贪吃蛇游戏”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。


    当前题目：JS怎么实现的贪吃蛇游戏
    本文路径：http://lszwz.com/article/ppsshd.html

    其他资讯

    售后响应及时

    7×24小时客服热线

    数据备份

    更安全、更高效、更稳定

    价格公道精准

    项目经理精准报价不弄虚作假

    合作无风险

    重合同讲信誉，无效全额退款

    联系我们

    TEL

    135-1821-9792

    028-86922220

    地址：乐山市太升南路288号锦天国际

    快捷导航

    Shortcut

    二维码

    QR CODE

    • 微信公众号

    • 手机端网站

    乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。
    友情链接 交换友情链接
    云服务器   服务器租凭   重庆移动机房托管   小程序开发公司   定制网站   胜锦安防科技   成都集团网站建设   四川國際商會   seo优化   培训网站方案   

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 All Rights Reserved   蜀ICP备2021004003号-25

    Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 

    蜀ICP备2021004003号-25