投稿

前端-手把手教你用JS-开发趣味小游戏《贪吃蛇》

7933

37

2019-07-08 10:21:22

未经作者授权，禁止转载

添加小优微信获取更多课程讯息及源码 V:DKA-2018

黑马程序员上海中心发消息

A股上市公司、专注IT教育16年，帮助30w+学员成功就业私信+关注，免费领取视频课程和面试题

顶配免费大模型 AI，操作简单好用，是陪伴日常的全能帮手

爱说干货的噜啾

01-贪吃蛇游戏课程介绍

08:28

02-前端开发介绍

09:22

03-第一个HTML页面介绍

07:13

04-贪吃蛇游戏演示

06:34

05-Canvas的基础知识说明

10:52

06-canvas标签和样式

06:09

07-canvas画线练习

16:49

08-canvas中绘制一像素宽的线的说明

11:42

09-贪吃蛇游戏 - 1 画布准备

05:53

10-贪吃蛇游戏 - 2 绘制一条水平线

10:54

11-贪吃蛇游戏 - 3 找规律使用for循环绘制所有水平线

10:10

12-贪吃蛇游戏 - 4 绘制垂直线

06:13

13-贪吃蛇游戏 - 5 绘制食物（固定坐标）

08:44

14-贪吃蛇游戏 - 6 绘制食物（随机坐标）

16:08

15-贪吃蛇游戏 - 7 绘制贪吃蛇（分析蛇坐标）

08:27

16-贪吃蛇游戏 - 8 绘制贪吃蛇（默认坐标）

06:57

17-贪吃蛇游戏 - 9 绘制贪吃蛇（默认坐标）使用for循环

09:32

18-游戏原理（canvas动画）

13:05

19-通过定时器实现游戏原理（擦除和重绘）

09:51

20-处理食物逻辑（被吃后才重新生成）

06:03

21-让贪吃蛇动起来（1）

10:45

22-让贪吃蛇动起来（2 动起来了）

03:56

23-控制蛇移动方向（1 手动分析）

04:32

24-控制蛇移动方向（2 监听按了哪个按键）

06:57

25-控制蛇移动方向（3 完成）

06:19

26-贪吃蛇吃食物

12:30

27-游戏边界判定

10:53

28-总结

03:31

顶部