JS 编写贪吃蛇

JS 编写贪吃蛇

操作方法

  • 01

    1、分析项目需求 使用键盘的方向键控制蛇的运动方向并吃到相应的食物。 2、使用面向对象的思想分析贪吃蛇 面向对象的核心思想：把一个系统分解为若干个事务，每个事务就是一个类 分析贪吃蛇有哪些事务： 地图 食物 蛇

  • 02

    3、确定项目的开发顺序 ① 地图 ② 食物 ③ 蛇

  • 03

    4、定义地图类 在Javascript中，任何一个类都存在两部分：属性和方法 定义地图类： 属性： 宽度 ：800px 高度 ：400px 背景颜色：灰色 定位方式：absolute（绝对定位） 方法：show方法 用于显示地图

  • 04

    定义window.onload方法，实例化地图类

  • 05

    5、定义食物类 食物类也有自己的属性和方法 属性： 宽度：20px 高度：20px 背景颜色：green 定位方式：absolute 横纵坐标：默认0和0 方法：show方法 用于随机显示食物

  • 06

    实例化食物类并显示在地图中

  • 07

    算法：随机显示食物坐标 横坐标：Math.floor(Math.random()*40) 纵坐标：Math.floor(Math.random()*20)

  • 08

    6、定义蛇类 属性： 宽度：20 高度：20 定位方式：absolute 定义蛇节3节：使用数组保存蛇节，横坐标、纵坐标（横坐标连续，纵坐标相等），颜色 方法：show方法，用于显示蛇节信息

  • 09

    实例化Snake类，显示蛇节信息

  • 10

    7、让蛇运动起来

  • 11

    使用定时器让蛇运动起来

  • 12

    8、定义setDirect方法，判断键盘键值并设置蛇的运动方向

  • 13

    9、判断蛇是否吃到食物 如果蛇头坐标与食物坐标完全重合，代表吃到食物

赞 (0)

相关推荐

  • AE怎么制作经典游戏贪吃蛇的动画?

    以前的手机都可以玩贪吃蛇游戏,想要制作一个贪吃蛇的动画,该怎么制作呢?下面我们就来看看详细的教程. 1.打开AE软件,新建合成,命名贪吃蛇小动效,500px*500px,画布颜色为黑色等等,参数随意设 ...

  • 百度app中的贪吃蛇小游戏在哪里玩

    百度app中的贪吃蛇小游戏在哪里玩

    今天给大家介绍一下百度app中的贪吃蛇小游戏在哪里玩的具体操作步骤.1. 解锁手机后,找到桌面上的百度app,打开.2. 进入主页面后,点击页面右下角的我的选项.3. 在打开的个人中心页面,找到游戏大 ...

  • Java如何实现贪吃蛇

    讲解一个用Java实现贪吃蛇这个经典小游戏. 操作方法 01 游戏的设计? (2.1):需要几个对象(类)? 面向对象的设计原则:涉及到的每个事物都应该用相应的类来表示. (2.1.1):GamePa ...

  • 贪吃蛇游戏攻略

    最新很多小伙伴都在玩<贪吃蛇大作战>这款休闲竞技的手游,这款游戏不仅比拼手速,更是一个考验玩家策略的游戏.那么关于贪吃蛇大作战的攻略都有哪些呢?接下来就给小伙伴们简单介绍下. 操作方法 0 ...

  • 微信小游戏：贪吃蛇蛇怎么玩？

    曾经的贪吃蛇是个非常经典的游戏,但是现在有个新版更好玩的贪吃蛇游戏,是在微信小游戏上玩的叫做:贪吃蛇蛇. 操作方法 01 先打开手机微信找到"发现",然后点击"游戏&qu ...

  • 贪吃蛇大作战怎么邀请微信好友，怎么加好友

    贪吃蛇大作战是大家比较喜欢的一个小的手机游戏,我们在玩的时候我们想要加好友一起玩,那么我们怎么样才能跟好友一起玩这个游戏呢,详细的方法如下 操作方法 01 首先我们打开我们的手机,然后在手机中找到并打 ...

  • 贪吃蛇大作战围杀技巧

    贪吃蛇大作战的游戏中,画个大圈把其他的蛇蛇围住,然后慢慢的缩小包围圈,把敌人困死在里面是游戏里十分有意思的玩法之一.接下来就让我带大家一起来瞧瞧贪吃蛇大作战是如何进行围杀的. 操作方法 01 [加速绕 ...

  • 贪吃蛇围杀技巧解析，如何完美围杀-博应用评测

    贪吃蛇作为一款儿时的经典休闲游戏,是无数玩家心中的经典,一条短短的小蛇通过不断地吃下游戏中出现的食物来延伸自己的长度,获得高分. 然而,这款游戏对比如今IOS.安卓等智能机网络手游就显得十分过气了.但 ...

  • 方块贪吃蛇的游戏攻略

    这是一个与<贪吃蛇>类似的游戏,将2D画面改成了3D,同时加入了不同颜色的方块,注意吃到不同颜色的方块会扣分并变色. 操作方法 01 游戏有两种模式,分别为计时挑战和无限模式. 02 计时 ...