p5.js, 教學Tutorial 【p5.js創作教學】Quantum Unstable 量子不穩定 – 發光糾纏的量子系統 利用p5.js製作出變形的同心圓動態,沒有特別的創作點子時就隨意調整、利用不同的變數增加變化,終究會等到那個靈光一閃,增加許多畫龍點睛的細節,打造出科技HUD風格的量子系統作品《量子不穩定Quantum Unstable》繼續閱讀2021 年 7 月 19 日
p5.js, 教學Tutorial 【p5.js創作教學】來畫一個瘋狂的龍捲風吧!(直播筆記) 身為台灣人可能沒親眼看過龍捲風,但也大概它知道長甚麼樣子,威力又有多強大。今天我們要利用p5.js來完成瘋狂的龍捲風捲起乳牛與房屋的一張動態圖片。繼續閱讀2021 年 6 月 4 日
Animation, canvas, 基礎, 教學Tutorial 來用可怕的三角函數做網頁吧! -Part 2科幻時鐘(直播筆記) 上一篇中,老闆利用三角函數幫 DOM 做 CSS 的絕對定位,這次我們雖然也是使用三角函數,但是改使用 canvas 在網頁上繪圖,製作科幻效果的時鐘。繼續閱讀2021 年 5 月 14 日