高端IT人才在线实训平台

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

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

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

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

  • 原价  ¥299

  • 特惠价  ¥19

时长    2天          

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

课程介绍

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

尽管这是一款十分成熟的游戏,但是对于初学编程的同学来说还是很值得学习的,因为这款经典的小游戏包含了对计时、键盘绑定、图形显示、面向对象以及继承等众多的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年的项目经验!

    查看详情 立即试学

    大数据就业特训营

    试学价:¥99 16周

  • 本课程重在培养学员数据分析逻辑及思路,并结合常用技术及工具,落实完善分析框架,并结合互联网平台实战经验,分享用户研究、用户精细化分析、产品精细化分析等专项案例。针对零基础或想转战数据分析/数据运营岗位的学员,培养数据分析思维及技巧;针对有一定分析水平的学员,提升分析及技巧水平。

    查看详情 立即试学

    数据分析就业特训营

    试学价:¥99 16周

  • 前端畅销书作者、百度和腾讯工程师组团授课。网易云音乐、京东天猫首页、炫酷游戏和H5页面手把手带你轻松搞定,还有Angular.js、ES6等必杀技要被你Get。

    查看详情 立即试学

    大数据可视化就业特训营

    试学价:¥99 14周

  • 和大讲台广受欢迎的Hadoop课程一样,这门Spark志在就业,剑指高薪。不玩多而全的碎碎念,而是专注于把核心组件讲透讲深入;不玩小儿科demo ,而是拿企业级项目带教实战;不局限于Spark本身,而是经常稍带一些大型项目经验及最新的NB技术,在帮你拓展视野的同时也能顺道装逼。

    查看详情 立即试学

    Spark高薪就业课

    ¥3800 试学价:¥99 10周

  • 本课程上半部分会从Tensorflow的安装开始,讲解Tensorflow中的各种技术细节。让大家快速上手编写神经网络。也会补充一些深度学习相关的理论知识,如交叉熵,Softmax函数,各种优化器的算法和应用等内容。 下半部分会讲解几个深度学习的项目,如图像识别,验证码识别,word2vec,语音分类等。

    查看详情 立即试学

    深度学习框架-TensorFlow从入门到精通

    ¥199 14天

他们在学

  • 杨老师

  • 坚_Zhouls_持

  • 王少杰

  • 飞龙在天11101

  • 人在北边漂

  • 414581559

  • 707484835

  • 1320119367

  • 江左梅郎

  • 夜风影

  • 18856301369

  • 剑剑哒

  • 13154358618

  • 18428340576

  • 17740960072

  • 15980217108

意见
反馈