妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 9326|回复: 11

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

[复制链接]
leo 发表于 2016-4-28 15:55:51 | 显示全部楼层 |阅读模式
1.jpg

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

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

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

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

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

2.jpg
配图只为好看~~ ^_^

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

4.jpg
配图只是感觉炫~~ ^_^

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

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



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

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

第一次视频更新内容:
3.png

第二次视频更新内容:

2.png

第三次视频更新内容:

1.jpg
视频下载地址:http://pan.baidu.com/s/1slN3n0T
视频下载密码:atnc
视频继续更新中……


当你已经完成类似这样的小游戏,而想再进一步,你可以继续研究:
canvas继续深入:绘制各种形状、贝塞尔曲线……
常见算法:人工智能算法(棋牌类……),如:寻路算法、矩阵、概率……
尝试AI……

正所谓学无止境,当达到某种程度,就需要开始独立研究,最终达到不再依赖任何教程、而选择自行钻研的大牛之路……




妙味VIP视频介绍:http://bbs.miaov.com/forum.php?mod=viewthread&tid=8075
VIP视频下载目录:http://2013.miaov.com/2013/download/video_download.html


课程咨询QQ:3049266712、3023710192
VIP会员咨询:2379848569、3349734318
咨询电话:010-57269690
客服在线时间:周一至周五 9:30-18:00 周六至周日 10:00-17:00

地址:北京海淀区西二旗辉煌国际大厦(西6号楼)319室














回复

使用道具 举报

燕明 发表于 2016-4-29 10:43:39 | 显示全部楼层
真是太棒了,沙发
回复 支持 反对

使用道具 举报

duzidengdaizz 发表于 2016-4-29 11:19:26 | 显示全部楼层
为什么刚才抢的板凳没有了- -....
强烈支持下...妙味的视频越来越专业了...
回复 支持 反对

使用道具 举报

790847400 发表于 2016-4-29 12:46:18 | 显示全部楼层
肯定是杜杜老师讲演的,66666
回复 支持 反对

使用道具 举报

卢大湿 发表于 2016-4-29 17:12:49 | 显示全部楼层
秒微课堂,值得信赖~
回复 支持 反对

使用道具 举报

65370392 发表于 2016-4-29 20:13:53 | 显示全部楼层
算是板凳吧,期待node视频快速上传............
回复 支持 反对

使用道具 举报

欢乐的小肥哥 发表于 2016-6-19 22:22:54 | 显示全部楼层
非常好的视频,我都做前端好几年了,对于部分js原理还是一知半解,感谢妙味课堂的老师指点迷津!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2019-3-22 21:56 , Processed in 0.153195 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表