课程介绍
俄罗斯方块是人们玩得非常多的一款游戏,一直为大家所爱,以前的俄罗斯方块都是黑白色,颜色单调乏味,现如今彩屏技术的成熟运用,更使这块小游戏的种类变化到无法统计。
尽管这是一款十分成熟的游戏,但是对于初学编程的同学来说还是很值得学习的,因为这款经典的小游戏包含了对计时、键盘绑定、图形显示、面向对象以及继承等众多的js技术,具有代表性意义。
js实现俄罗斯方块游戏视频讲解1
js实现俄罗斯方块游戏视频讲解2
js实现俄罗斯方块游戏视频讲解3
js实现俄罗斯方块游戏视频讲解4
讲师介绍
-
张老师
大讲台Web前端高级讲师
多年web前端项目开发经验,实战能力强;对js以及js框架有非常丰富的项目经验;讲课通俗易懂,擅长从代码的角度逐一剖析,带领大家轻松搞定大型Web前端项目;致力于让更多的同学成为优秀前端工程师。
免费视频这么多,为什么还要来大讲台?
智能化
学习任务智能推送
混合式
“图文+视频”混合式课件
答疑快
30分钟问答响应
实战多
3分理论7分实战
包学会
账号长期有效学会为止
课程大纲
模块1:游戏主页面的构成以及介绍
|
1) 完成准备任务,定义需要的构造函数
2) 设置每一个图形和父类型函数的继承关系 |
模块2. 俄罗斯方块的初始化 |
1) 定义方法让指定的图形出现在指定的位置
2) 设置定时器,让游戏开始运行 |
模块3. 俄罗斯方块的下落 |
1) 定义方法,让俄罗斯方块随定时器间隔实现下落
2) 设置主页面游戏区域,防止俄罗斯方块下落越界 3) 判断正在下落的俄罗斯方块的下方是否有已停止的图形 |
模块4. 俄罗斯方块的移动 |
1) 绑定键盘事件,控制俄罗斯方块的左右移动以及下落加速
2) 判断俄罗斯方块左右移动时,两侧是否会发生碰撞 |
模块5. 俄罗斯方块的消除方法 |
1) 定义一个方法,判断一行是否已满,没有空余的格子
2) 定义一个方法,可以删除指定一行的俄罗斯方块 3) 定义一个方法,调用方法2),可以同时删除多行(因为游戏的特殊性,俄罗斯方块可能会同时消除多行) 4) 删除行之后让上方没有沾满一行的俄罗斯方块自动下落到当前的位置,并检查是否还可以继续删除 |
模块6. 俄罗斯方块的旋转 |
1) 开始旋转前添加主界面区域显示分数,行数,以及等级
2) 根据每个俄罗斯方块的固定参照格计算出俄罗斯方块旋转之后的几种状态 3) 判断旋转时是否会左右越界,以及发生碰撞时禁止继续旋转 |
模块7. 俄罗斯方块游戏的完善以及优化 |
1) 继续绑定键盘事件,完成暂停(P),退出(Q),继续(C)以及逆时针旋转(Z)效果
2) 添加背景图,当游戏暂停时定时器停止,同时出现半透明背景图,显示每一个字母功能的介绍 |