- 博客(3)
- 收藏
- 关注
RSS订阅原创 前端学习笔记——“贪吃蛇”小游戏制作（三）
上篇笔记我完成了用键盘的上、下、左、右控制单个色块的移动，这篇笔记实现“食物”的生成，以及“贪吃蛇”吃到食物后身体增长的效果。一、“食物的生成” 在贪吃蛇移动的过程中，界面中除贪吃蛇身体外产生一个“食物”（红色块表示）。 实现方法为，利用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关注的人