Chapter5 终於要来从零打造－Canvas网页游戏－之行前说明书

前言

其实我算蛮容易分心的，说好要搞流程图，结果都在打code；说好要做游戏，结果都在搞动画；虽然列了大纲，中途还是更换了几个主题，临时起意去画树，不过，这样的弹性对我来说，在於我可以随时调整当下的内容，也因此前四个章节共花了24天才各有收尾，接下来还有6天的时间，显然没法完成起初的规划，那麽应对方案就是在第五章节能够完成一个断点，铁人赛结束後，再思考其他形式的续篇吧！

这段日子以来，循序渐近经历了不少：
CH1 Canvas音乐播放器
CH2 Canvas动画入门
CH2 Canvas动画基础
CH3 Binary Tree
CH4 Canvas背景动画

关於造轮子

当初下这个标题也许有些狂妄吧，身为业余玩家，也没有进过游戏产业，只是对於coding蛮有热忱的，也说不上来自己到底懂不懂programming，不过，多少想帮助那些和我一样的人吧，不甘心於使用框架和工具，如果学会怎麽使用，却一点灵感和想法都没有，这不是很可惜吗？对我来说，造轮子的点在於创造，创造本身就是一种价值。

起初，只是为了完成一个功能而做，
接着考虑把相似的功能进行复制，
然後发现程序码乱到不行，逐渐改变作法，
最後追求简洁好看的程序码。

前期有意地，想把这个过程带给大家吧，毕竟，仔细回想当初我的确有看过物件的一些文章，在学Class的时候也会稍微接触到，但我从来没想过物件能带给我这麽大的帮助，

说来好笑，我当年第一个版本的落叶动画，用的是Class，却一点物件的观念都没有，仍然把各种属性设计成阵列，比如x阵列、y阵列，删除动画的时候要把每个属性进行迭代，把阵列从删除点拆成两份、再合并，这个动作有几个属性就要做几次，虽然视觉上也很好看了，不过程序码真是...摁难以言喻。
PPT歌词投影片 王力宏-落叶归根

以J和K来控制页面播放
善用数字12345来快速转场(跳页)

想必大家都经历过那个，用程序码行数来比较厉害程度，觉得自己写了1000行的code，就超级威猛的年纪吧xd

那麽该如何收尾呢

时间我想还是充裕的，来说明一下目前的计画吧！游戏场景设定在一颗秋天的树下，会随着音乐使其树叶不断飘落，玩家的目标是要蒐集那些落叶，不让它们飞走，如此一来就能让落叶回归土壤，再次成为这颗树的养分，途中也会因为树叶越来越少，使得树开始变得光秃秃（跟曲目的长度有关），这里面就会陆续把前四个章节的功能整合起来。

还有准备一个小支线，每次游玩後所蒐集到的落叶，都会聚集到这个房间，可以拿来交换一些道具，并且在这个房间能控制风来吹动落叶，看着自己努力收集而来的叶子四处逃窜在画面中纷飞，应该很有成就感吧XD。

完成以上後，如果还有时间的话

1. 想增加以网址设定曲子的功能，要再研究有哪些网站愿意提供免费的音乐库
2. 用cookie储存玩家曾玩过的曲子和分数
3. 寻找适合的音效