鐵人檔案
每每看到互動效果很有趣的網頁都會特別印象深刻，希望有機會也能做出可以吸住大家眼球的作品。於是決定從最多可能性的元素「 Canvas」 著手，這三十天一起成為用程式碼創造驚喜的大藝術家吧！
嘿嘿～倒數十天，今天來點不一樣的吧！Canvas 學起來不就是為了要讓生活有更多小驚喜嗎？在網路上看到有工程師分享用 Canvas 實踐線上版的刮刮樂，但刮刮樂...
最後一週了，我們來點進階的！一起進到童年的遊戲世界，試著利用 Canvas 做個 RPG 遊戲，相信很多人都有經歷過寶可夢遊戲的時代，每次看到畫面總會想起那時候...
今天的目標是把素材都替換成自己繪製的，並讓角色玩家可以跑去吃香蕉！吃了香蕉就會得分。素材的部分一開始努力想要把角色也畫出來後但最後還是放棄了...不好意思就讓我...
嗨嗨！插播了復刻小遊戲後，讓我們繼續回到 Canvas Library 的世界吧，今天要分享的是 Matter.js，也就是之前分享過可以用來操作並模擬物理反應...
昨天我們以 Matter.js 讓三個物件（球體）能透過不透的效果落地反彈，今天的目標則是加入滑鼠事件，並讓物件彼此之間有互動效果，這樣的特效時常應用在一些官方...
玩 Library 當然不能錯過 p5 哇～ 先附上超豐富的 p5 example，在這裡可以挖到很多寶，要不是時間有限，很想試試看動畫＋音效 p5 sound...
哇嗚！終於剩下不到幾天了，最後這幾天我們花一些篇章來完成 final project「Canvas 集大成，人生大事邀請函」，這個專案目標就是做一個邀請函，可以...
今天的目標也很簡單，就是拿我們之前做的 Pokemon 小遊戲繼續開發下去，目標就是先讓這個邀請函有個基本的雛形！可以拆成以下幾個步驟，一步步完成。 1. 簡易...
嗚嗚終於來到第 29 篇，真是歡天喜地！！先讓我們來看看這三天完整的練習串起來的樣子： 雖然還是有點陽春，但至少可以派上用場了～～因為時間的關係加上專案規模不...
真是難掩我此時此刻的笑意！鐵人賽終於來到最後一篇了！如果你是想再學點什麼的話可以跳過這篇文章，因為最後一篇我不打算寫 Code 了XD 當初為什麼這麼想不開，因...
