【p5.js創作教學】Aqua Planet 水色星球 – 來製作發光碰撞的行星吧！（直播筆記）
利用p5.js程式一步步創作出會發光的水色星球粒子，並且增加弧形軌跡、連線、外圍刻度尺規等細節，讓整件作品完整且耐人尋味。
繼續閱讀教學Tutorial
【p5.js創作教學】來畫一個瘋狂的龍捲風吧！（直播筆記）
身為台灣人可能沒親眼看過龍捲風，但也大概它知道長甚麼樣子，威力又有多強大。今天我們要利用p5.js來完成瘋狂的龍捲風捲起乳牛與房屋的一張動態圖片。
繼續閱讀
用p5.js玩創作，讓小機器人動起來！哲宇的互動藝術體驗（直播筆記）
Creative Coding並沒有你想像中的複雜，本篇文章將循序漸進地帶領你用p5.js慢慢畫出會動的機器人，並使用時間參數及亂數大量複製，加上與滑鼠的互動，成為一幅可愛的互動藝術作品。再加碼收錄老闆於直播時的Q&A，邀請你一同進入互動藝術創作程式的世界。
繼續閱讀
來用可怕的三角函數做網頁吧! -Part 2科幻時鐘（直播筆記）
上一篇中，老闆利用三角函數幫 DOM 做 CSS 的絕對定位，這次我們雖然也是使用三角函數，但是改使用 canvas 在網頁上繪圖，製作科幻效果的時鐘。
繼續閱讀
來用可怕的三角函數做網頁吧! – Part 1 衛星繞月球（直播筆記）
在這篇文章中，會先詳細介紹三角函數的計…
跟貓借一隻手：召喚效率小幫手－變數（互動藝術創作分享教學）
在前一篇文章中，我們透過逐一設定每顆氣…
JS及網頁的模板好夥伴：Canvas sketch入門
哈嚕，我是陳柏文，目前在陽明交通大學人…
讓我們來快速寫個漂浮感的輪播吧！動態網頁程式教學（直播筆記）
相信大家對於輪播一定不陌生吧，在各大官…
圖形繪製與色彩：從點線面開始的世界（互動藝術創作分享教學）
如果你跟我（Ju編）一樣是Creative Coding…
【p5.js創作教學】電波電路Wave Circuit – 來做個逼哩逼哩送訊號的電路吧！（直播筆記）
互動藝術程式教學簡介 這次的直播要來製作…