初学者必看:打通“编程思路”——你只欠缺一个JS小游戏
 



VIP视频自学的会员们,在掌握了一些基础的JS语法和简单编程技巧以后,经常会遇到这样的问题:
那些 编程思路、流程控制和思维逻辑 要怎么去训练?为什么我总感觉自己的思路不清晰、逻辑关系理不顺呢?

而在实体培训过程中,这些问题被化解为一个又一个课后实例与练习解答,学员能够在潜移默化中习得这些技巧。

而对于自学者,我们也推荐一种 “轻量级、有趣味、容易获得一些小成就” 的训练方式,那就是:写一个小游戏吧!

因此本次我们就从讲师团队中,选出一位平时酷爱玩游戏、也写过很多JS小游戏的讲师,为大家带来一款经典JS小游戏:

《canvas版-俄罗斯方块》
——通过这个小游戏,我们可以看到那些所谓的 编程思路、流程控制  思维逻辑 具体反应到代码中,是怎样的一个过程。

 
配图只为好看~~ ^_^

另外,在大家自行编写游戏的过程中,最佳的实践过程是写完一遍之后,你会感觉代码太乱、组织方式太out;
然后你会再写一遍,可能想尝试用面向对象的方式编写,细细体会那些封装方法灵活使用的快乐。
在这之后,你会想到如何进一步优化接口、如何让实现逻辑更优化……
并且你的代码从最开始的晦涩难懂、难以维护,直到逻辑清晰、方法调用灵活,而面向对象的抽象概念,
也在这一遍又一遍的迭代中,从最初的朦胧认识、到逐步运用灵活……从此以后,恭喜你,
编程功力自然精进一大步……

 
配图只是感觉炫~~ ^_^

言归正传,我们来聊聊本次的游戏教程的安排。
俄罗斯小游戏实现的方法有很多,从最早的表格实现、到DIV实现、到本次的canvas实现……无论何各方式,其理相通,大家皆可随意。

本次我们采用canvas方式来实现,具体实现过程如下:
  1. 0、canvas的使用
  2. 1、设置游戏地图数据
  3. 2、创建地图
  4. 4、绘制单一俄罗斯方块
  5. 5、封装函数绘制多种方块
  6. 6、随机移动、上下移动
  7. 7、检测碰撞
  8. 8、实现消除行
  9. 9、左右移动
  10. 10、判断游戏何时结束
复制代码

本次视频教程关键字:
canvas、面向对象、游戏流程控制、抽象化实践、地图数据二维矩阵……

本套视频尝试站在初学者角度说明:
逻辑上如何实现流程控制
面向对象思想的抽象化实践过程
如何操作二维矩阵数组实现地图变化
避免操作DOM而带来的性能短板
……

 

>>本系列《canvas版-俄罗斯方块》视频教程已经全部更新完毕,点击这里在线观看视频教程

当你已经完成类似这样的小游戏,而想再进一步,你可以继续研究:
canvas继续深入:绘制各种形状、贝塞尔曲线……
常见算法:人工智能算法(棋牌类……),如:寻路算法、矩阵、概率……
尝试AI……
正所谓学无止境,当达到某种程度,就需要开始独立研究,最终达到不再依赖任何教程、而选择自行钻研的大牛之路……

课程咨询QQ:2852509866、2852509867、2852509868
课程咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

请关注微信公众号,了解最新课程安排:

妙味网友
请登录后留言,请登录注册