【p5.js創作教學】來畫一個瘋狂的龍捲風吧！（直播筆記）
身為台灣人可能沒親眼看過龍捲風，但也大概它知道長甚麼樣子，威力又有多強大。今天我們要利用p5.js來完成瘋狂的龍捲風捲起乳牛與房屋的一張動態圖片。
Creative Coding TW - 互動程式創作台灣站
蒐集互動設計案例、動態網頁、VR/AR、p5.js、Touch Designer教學與業界資源
Creative Coding TW - 互動程式創作台灣站
蒐集互動設計案例、動態網頁、VR/AR、p5.js、Touch Designer教學與業界資源
分類 教學Tutorial
用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 – 來做個逼哩逼哩送訊號的電路吧！（直播筆記）
互動藝術程式教學簡介 這次的直播要來製作具有逼哩逼哩效果的電路，當中可以分為三部…