高端IT人才在线实训平台

当前位置:首页  /  课程  /  实战:js实现俄罗斯方块游戏

实战:js实现俄罗斯方块游戏

实战:js实现俄罗斯方块游戏

分享到:

俄罗斯方块几乎每个人都玩过这个游戏,也是人们接触最多的一款游戏,一直为大家所爱,以前的俄罗斯方块都是黑白色,颜色单调乏味,现如今彩屏技术的成熟运用,更使这块小游戏的种类变化到无法统计。

  • 原价  ¥99

  • 特惠价  ¥19.9

时长    2天          

全款购买 当前学习人数 580 收藏

课程介绍

俄罗斯方块几乎每个人都玩过这个游戏,也是人们接触最多的一款游戏,一直为大家所爱,以前的俄罗斯方块都是黑白色,颜色单调乏味,现如今彩屏技术的成熟运用,更使这块小游戏的种类变化到无法统计。

尽管这是一款十分成熟的游戏,但是对于初学编程的同学来说还是很值得学习的,因为这款经典的小游戏包含了对计时、键盘绑定、图形显示、面向对象以及继承等众多的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) 添加背景图,当游戏暂停时定时器停止,同时出现半透明背景图,显示每一个字母功能的介绍

你可能还喜欢的课程

  • 技术大牛组团授课,专讲大数据核心知识和大型项目实战,多台物理服务器数十个节点现场直播演示!企业级实战项目让你四个月掌握2年的项目经验!

    查看详情 立即试学

    大数据就业特训营

    立即试学 16周

  • 新东方、搜狗、腾讯等名企一线实战讲师授课,技“高”一筹!重在培养数据分析方法及思路,而不仅仅是学习技术及工具。带教多个互联网及金融领域企业真实项目,而不仅仅是讲理论和小案例。

    查看详情 立即试学

    数据分析就业特训营

    立即试学 16周

  • 干货多:15案例 + 3实战 + 3项目;
    提升快:滴滴出行一线架构师传授实战经验,30小时多方位讲解数据仓库构建相关理论及实战内容
    技术全:综合运用Hive/Flume/Kafka/Azkaban/Oozie/SparkSQL等技术;

    查看详情 立即试学

    基于大数据体系构建数据仓库

    ¥599 35小时

  • 本课程基于某电商公司运营实时分析系统(2B),对Flink进行全面系统的讲解。通过本课程的学习,既能获得Flink企业级真实项目经验,也能深入掌握Flink的核心理论知识,还能获得Flink在生产环境中安装、部署、监控的宝贵经验,从而一站式全面、深入掌握Flink技术。

    查看详情 立即试学

    【精品课】Flink大数据项目实战

    ¥399 37.9小时

他们在学

  • 176****7472

  • 138****8531

  • 22519

  • BigGest Drama

  • 风花雪月

  • 8号当铺的掌柜

  • 小熊维尼

  • 132****9085

  • 20813

  • zweny

  • 赤少

  • 18854

  • 西门吹萧

  • 蓝老师

  • 1814650...

  • 183****2785

意见
反馈