鐵人檔案
（第一篇文章將於9/8發佈）
身為業餘玩家，接觸Canvas API大約三年了，什麼套件都不熟悉，唯獨DIY最厲害，所以這次要挑戰用原生JS（又稱 Vanilla JS）打造治癒人心的休閒音樂遊戲，那麼，就跟我一起從微小平凡之處，體驗Vanilla JS的強大設計彈性和可能性吧！
－－－－－－
1. 利用Canvas API和Web audio API來製作動畫和音頻可視化，
2. 並學會製作自己的簡易框架，強化物件基礎概念和透過類別(Classes)實體化物件，
3. 藉由繪製Logic Flow流程圖釐清程式邏輯，以及利
本文是第二篇，有些變數的名詞會沿用第一篇，建議看過再繼續閱讀唷！ 談論更深入一層前，先讓我們複習一下 上回提到，我們用物件的形式儲存了落葉的變數和函式，認識...
前言 前天談到如何避免程式碼散落四處、維護困難，帶大家改寫了物件格式，過了兩天，我突然想到，當時花太多篇幅在解釋觀念和舉例子，結果沒有實際把程式碼秀給大家看，果...
打了2000字消失了怎麼辦呢(´・_・`) 先去上個廁所壓壓驚，懇請IT邦邦忙快優化界面 在編輯介面有許多的連結藏在各個角落，而且不是設計成另開分頁，直接無情跳...
https://jerry-the-potato.github.io/ChapterX-demo/https://jerry-the-potato.github...
你是說...樹嗎? 嘿~丟！鐵人賽至今已經過半，實在是油盡燈枯，想不到主題了，剛好看到這兩個很讚的樹，覺得很適合這次的主題！加上筆者我又對大自然的碎形相當著迷，...
此篇接續第一篇：https://ithelp.ithome.com.tw/articles/10269980接下來我們把造樹的步驟拆分成骨幹、畫樹枝、樹葉，而到...
先補上Demo 將前兩天畫好的樹枝骨幹，搭配第二章學的動畫效果，就能讓樹開始擺動了：https://jerry-the-potato.github.io/Cha...
昨天發完文後，覺得對於演算法還是心有不甘，便上網搜尋了一下，雖然沒直接給到答案，間接的給了我一些大膽的想法。 具體參考的是這篇：https://ithelp.i...
題外話 昨天沒把樹葉畫上去，還是心癢癢的，所以動手簡單裝飾了一下這棵樹：https://jerry-the-potato.github.io/Chapter3-...
本篇銜接上篇：https://ithelp.ithome.com.tw/articles/10272738 該如何讓動畫更自然？ 今天來深入聊聊怎麼調節動畫...
