用p5.js玩創作，讓小機器人動起來！哲宇的互動藝術體驗（直播筆記）
Creative Coding並沒有你想像中的複雜，本篇文章將循序漸進地帶領你用p5.js慢慢畫出會動的機器人，並使用時間參數及亂數大量複製，加上與滑鼠的互動，成為一幅可愛的互動藝術作品。再加碼收錄老闆於直播時的Q&A，邀請你一同進入互動藝術創作程式的世界。
Creative Coding TW - 互動程式創作台灣站
蒐集互動設計案例、動態網頁、VR/AR、p5.js、Touch Designer教學與業界資源
Creative Coding TW - 互動程式創作台灣站
蒐集互動設計案例、動態網頁、VR/AR、p5.js、Touch Designer教學與業界資源
分類 基礎
來用可怕的三角函數做網頁吧! -Part 2科幻時鐘（直播筆記）
上一篇中，老闆利用三角函數幫 DOM 做 CSS 的絕對定位，這次我們雖然也是使用三角函數，但是改使用 canvas 在網頁上繪圖，製作科幻效果的時鐘。
跟貓借一隻手：召喚效率小幫手－變數（互動藝術創作分享教學）
在前一篇文章中，我們透過逐一設定每顆氣球的大小、高度，成功繪製了天外奇蹟的電影海…
JS及網頁的模板好夥伴：Canvas sketch入門
哈嚕，我是陳柏文，目前在陽明交通大學人工智慧辦公室擔任全端(主要是前端)，語音及…
讓我們來快速寫個漂浮感的輪播吧！（直播筆記）動態網頁程式教學
相信大家對於輪播一定不陌生吧，在各大官網、購物網站的重點區域常常可以看到輪播的蹤…
圖形繪製與色彩：從點線面開始的世界（互動藝術創作分享教學）
如果你跟我（Ju編）一樣是Creative Coding這個領域的菜逼八，可能本…
基礎JS物件導向教學（直播筆記）
這篇文章老闆想跟大家分享物件導向，以及如何使用 js 結合物件導向概念包裝東西，…
p5.js 快速上手：互動網頁教學
什麼是 p5.js? 當我們想要在網頁上繪圖，最常用的除了 CSS 之外，就是 …