鐵人檔案
（第一篇文章將於9/8發佈）
身為業餘玩家，接觸Canvas API大約三年了，什麼套件都不熟悉，唯獨DIY最厲害，所以這次要挑戰用原生JS（又稱 Vanilla JS）打造治癒人心的休閒音樂遊戲，那麼，就跟我一起從微小平凡之處，體驗Vanilla JS的強大設計彈性和可能性吧！
－－－－－－
1. 利用Canvas API和Web audio API來製作動畫和音頻可視化，
2. 並學會製作自己的簡易框架，強化物件基礎概念和透過類別(Classes)實體化物件，
3. 藉由繪製Logic Flow流程圖釐清程式邏輯，以及利
今天西子灣被斷網了，所以沒時間打太多字，請見諒，有看不懂的留言詢問哦!https://jerry-the-potato.github.io/Chapter4-d...
一樣先上圖! https://jerry-the-potato.github.io/Chapter4-demo3/ Staring（因為像星星一樣繞行） 有了前...
今天挑戰半小時寫完一篇文章(被打，其實我寫完程式了，把文章撰寫出來就好嚕。 https://jerry-the-potato.github.io/Chapt...
前言 什麼是貝茲曲線？它能創造一連串平滑的曲線，被應用在PS和AI中的鋼筆、以及常見的CSS Animation，換句話說，你學會了貝茲曲線，就大概懂一半網頁動...
前言 其實我算蠻容易分心的，說好要搞流程圖，結果都在打code；說好要做遊戲，結果都在搞動畫；雖然列了大綱，中途還是更換了幾個主題，臨時起意去畫樹，不過，這樣的...
提醒：本篇承接第三章 讓我們說回那顆樹 既然樹是我們遊戲場景的主體之一，首先當然是要來整修一下我們的樹，此時我意外發現有個很讚的教學影片：Fractal T...
樹葉問題 先前在第三章畫樹時，就有發現把樹葉畫上去時，系統工作時間會增加而導致掉偵，原圖是300x300，50kb左右，不是很大，但是我們要畫一大堆落葉的話，計...
題外話 補充昨天忘記下的結論：不管要繪製的圖案多大，都建議畫(儲存)在一個和原圖一樣大的canvas上，取代原本的圖案，當作未來的繪製來源。 let leafI...
接下來時間真的很緊，也顧不上結構了，只能就目前想到的功能，先以直覺的方式編寫了，如果講不太清楚還多多包涵！昨天的一定要先看唷，今天是接著作下去的 轉場 玩家從進...
(10/11更)私下有一些朋友反應手機不太能玩，我才想起這個問題，所以有對此demo在長版進行微調，原文主要講解橫版(電腦端)的處理 先給大家看看成果吧！h...
