使用JS制作小游戏贪吃蛇


先看效果图:

 

 

 过程如下:

  1.首先创建一张画布地图<div class="map"> </div>;

   2.创建食物的自调用函数

  (function (){

    

 

 

   //定义好食物的属性,在Food的原型上进行初始化      

 

  在每次创建之前都先清除之前的食物,这样,当小蛇在吃到食物的时候,可以直接调用该方法

 

   

 

 

 

  }());

  3.创建小蛇的自调用函数

  

 

 

   初始化小蛇

  

 

 

   想办法让小蛇动起来和小蛇的走向问题。

  

 

 

  判断小蛇有没有吃到食物

  

 

 

   每当小蛇吃到这个食物的时候,可以复制小蛇最后一个节点,并添加到最后

 

 

   4.创建一个游戏对象,来初始化食物和小蛇

  

 

   

 

 

 

   

 

   唔...有一些乱。。。,具体源码已经上传到码云。大家可以下载下来借鉴。地址:https://gitee.com/han_xiangzi/tanchishe

  当然中间有很多不足的地方,也请大家指出,一起学习

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM