贪吃蛇心得体会

1.建立三个外接文件,分别是写出游戏引擎、描述食物的、描述蛇的js。

2.在主页面进行游戏的运行。

3.在游戏引擎的页面里面,分别定义行数和列数,然后定义一个空的数组A。开始有戏的引擎的函数里面包含了两部,第一步是进行初始化。在初始化中,先定义一个table标签,然后在每一行里面加入tr标签,并且加入一个空数组B,在每一行里面再加入和列数相等的td标签,把td标签接入tr标签里面,并且把每一个数组B里面都加入和列数相等的td标签。再把所有的数组B(一共是行数个)都加入到数组A里面去。再把tr标签接入table里面,再把table标签接入到document.body里面去。数组A可以以A[行数][列数]的方式出现,容易定位置。定义td,tr,table的style。

4.在start函数里面接入一个new Food(),Food函数的具体内容为把所有的td标签都定义为同一个class的名称,定义这个名称的style。行数和列数都为一个随机数,范围在行数和列数的数值之间,取整数。

5.创建一个蛇的函数,首先创造一个数组,定义蛇的初始长度、位置、和初始行进方向。定义一个fresh函数,定义x,y为这个数组里面对应的x,y的值,以及数组A的className。定义蛇头坐标,以及使用键盘控制蛇移动方向的代码。再定义游戏结束的代码和蛇吃食物后长大的代码。

6.运行这个游戏引擎,就能使得每一次食物出现的位置随机出现在表格当中以及蛇出现在固定位置中。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,320评论 1 41
  • img标签 功能:告诉浏览器需要显示一张图片; 参数:width、height、src、title、alt;wid...
    Latte_Bear阅读 576评论 0 0
  • HTML需要掌握标签 标签(空格分隔): H5+CSS [TOC] 常用标签 img 注意点 和H系列标签/p标签...
    袁俊亮技术博客阅读 2,060评论 1 8
  • img标签: img标签中的img其实是英文image的缩写,所以img标签的作用, 就是告诉浏览器我们需要显示一...
    佩佩216阅读 1,531评论 0 2
  • 以年为跨度,提醒自己好好学习,天天成长。 坚持学英语。(自己的英语真的很糟糕,导致遇到英文就会逃避,一年时间让自己...
    AidenRao阅读 1,228评论 25 7