首页 > HTML > html5贪吃蛇小游戏源代码免费下载

html5贪吃蛇小游戏源代码免费下载

上一篇 下一篇
规则:
 
1、撞到墙壁或撞到自己。判输。
 
2、撞到幸运点,自身长大一格。
 
3、每长大一格,分数增加10。分数每增加100,速度提升一个级别。
 
逻辑:
 
1.首先要理解蛇的运动。很容易发现蛇每往前走一步。本质就是增加一个头部点,去掉原来的尾巴点。中间的所有点都是不动的。   用程序化的表达,整条贪吃蛇可以是一个类似这样[[1,2],[1,3]]的带位置信息的数组,每移动一步,我们往数组推入一个新的坐标点,并移除第一个坐标点。
 
2.如何获取下一个点的坐标。我们的蛇理论上可以往上下左右四个方向移动。可以根据现在蛇头的坐标和方向计算出合适的x,y坐标。就是新的蛇头坐标。 比如[1,2]往右边移动一下就变成[2,2],往右边移动的本质是x坐标增加1。
 
3.控制方向。 监控键盘事件。 注意:当前是向右的时候,下一步只可能是往上或往下或往右,不会出现倒退的情况。
 
4.生成幸运点。  一要随机。二不能生成在贪吃蛇身上。 也就是幸运点坐标不能在贪吃蛇身体的坐标组中就可以。
 
5.吃掉幸运点。 贪吃蛇坐标数组中添加幸运点到数组尾部。并且不移除蛇尾。
 
6.判断输。        如果新生成的头部的坐标,是蛇身坐标组是的一个值。说明撞到自己了。  如果新生成的头部坐标的x,y值超出了边界值。判输。
 
7.分数和速度。 速度就是控制蛇运动的 timer执行的时间间隔而已。

模板简介:该模板名称为【html5贪吃蛇小游戏源代码免费下载】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【HTML】栏目查找您需要的精美模板。

  • 下载密码 lanrenmb
  • 下载次数 12,491次
  • 使用软件
  • 文件格式
  • 文件大小
  • 上传时间 07-11
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
html5 微信素材 微信公众平台 微信模板 单页式简历模板 自适应 响应式 企业网站 微信文章 微信图片
您可能会喜欢的其他模板