- 博客(3)
- 收藏
- 关注
原创 前端学习笔记——“贪吃蛇”小游戏制作(三)
上篇笔记我完成了用键盘的上、下、左、右控制单个色块的移动,这篇笔记实现“食物”的生成,以及“贪吃蛇”吃到食物后身体增长的效果。一、“食物的生成” 在贪吃蛇移动的过程中,界面中除贪吃蛇身体外产生一个“食物”(红色块表示)。 实现方法为,利用random生成一个0-99的随机数,以此作为id给当前块添加红色背景。如果生成的随机数恰好为“贪吃蛇”组成...
2020-03-11 00:08:37
208
原创 前端学习笔记——“贪吃蛇”小游戏制作(二)
上篇笔记我完成了“贪吃蛇”的背景制作,下面开始实现由上、下、左、右键盘控制颜色款的移动方向。点击开始按钮,颜色块向右匀速移动,按下方向键盘,即改变方向。当颜色块移动到背景边缘,提示“游戏结束”。我的思路如下:一、用定时器实现颜色块的匀速移动function timer(){ time=setInterval(function(){ //用获取id的方式给当前块加上...
2020-03-08 17:42:50
441
原创 前端学习笔记——“贪吃蛇”小游戏制作(一)
此笔记主要记录我的前端学习。“贪吃蛇”小游戏的制作 (一)一、创建背景制作“贪吃蛇”小游戏,首先要创建一个格子背景,以此作为“贪吃蛇”的路径。我的思路如下:1、建立一个div容器;2、运用JavaScript动态往大的div容器中添加小的div,代码如下。<body> <div id="box" class="out"> ...
2020-03-05 20:40:21
392
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人