p5.js, 基礎, 教學Tutorial 【p5.js創作教學】Aqua Planet 水色星球 – 來製作發光碰撞的行星吧!(直播筆記) 利用p5.js程式一步步創作出會發光的水色星球粒子,並且增加弧形軌跡、連線、外圍刻度尺規等細節,讓整件作品完整且耐人尋味。creativecoding-editor2021 年 6 月 21 日
人物故事, 靈感Inspiration 從不只是一門線上課程,而是一場推動進化的豪賭 墨雨設計創辦人,也是互動藝術家的吳哲宇,於2016年第一堂線上課程「動畫互動網頁程式入門」上架後的一個月,撰寫下初衷、籌備的歷程以及實踐後的成就感,與你分享。creativecoding-editor2021 年 6 月 16 日
XR, 展覽活動, 靈感Inspiration XR3:當國際沉浸式影展聯盟起來,在超現實博物館裡舉辦線上展覽活動-新影像藝術節、翠貝卡電影節、坎城影展 2021年夏天,新影像藝術節、翠貝卡電影節、坎城影展三個國際沉浸式影展聯盟起來,在超現實博物館裡舉辦XR3線上展覽活動,展覽亮點一一數給你聽,在家就能享受好作品。creativecoding-editor2021 年 6 月 11 日
生成式藝術, 靈感Inspiration 不是工程師也會寫的 Code!把程式當畫筆《互動藝術程式創作入門》學生作品 無論你是工程師或藝術家,都可以透過p5.js創作生成式藝術。此篇文章精選《互動藝術程式創作入門》學生作品分享,更能了解程式藝術的不同可能性,一起加入Creative Coding創意寫碼的行列吧。creativecoding-editor2021 年 6 月 9 日
p5.js, 教學Tutorial 【p5.js創作教學】來畫一個瘋狂的龍捲風吧!(直播筆記) 身為台灣人可能沒親眼看過龍捲風,但也大概它知道長甚麼樣子,威力又有多強大。今天我們要利用p5.js來完成瘋狂的龍捲風捲起乳牛與房屋的一張動態圖片。creativecoding-editor2021 年 6 月 4 日
p5.js, 基礎, 教學Tutorial 用p5.js玩創作,讓小機器人動起來!哲宇的互動藝術體驗(直播筆記) Creative Coding並沒有你想像中的複雜,本篇文章將循序漸進地帶領你用p5.js慢慢畫出會動的機器人,並使用時間參數及亂數大量複製,加上與滑鼠的互動,成為一幅可愛的互動藝術作品。再加碼收錄老闆於直播時的Q&A,邀請你一同進入互動藝術創作程式的世界。creativecoding-editor2021 年 6 月 1 日
XR, 展覽活動, 裝置, 靈感Inspiration 邁向共感的現實及未來-《面向未來-共感聯覺》虛擬實境展覽(下) 上一篇我們提到了《AFTERLIFE網路來生》的… creativecoding-editor2021 年 5 月 29 日
XR, 展覽活動, 裝置, 靈感Inspiration 邁向共感的現實及未來-《面向未來-共感聯覺》虛擬實境展覽(上) 最近幾年台灣與虛擬實境(Virtual reality… creativecoding-editor2021 年 5 月 25 日
生成式藝術, 靈感Inspiration 看著看著就放鬆了!疫情期間的療癒生成藝術作品 在疫情期間,我們精選互動藝術家吳哲宇所創作的 5 款生成式藝術作品,分享飽含秩序與驚喜的藝術力量,不僅充滿詩意,讓人看著看著就放鬆,更希望鼓勵大家一起加油,堅定抗疫!creativecoding-editor2021 年 5 月 20 日
Animation, canvas, 基礎, 教學Tutorial 來用可怕的三角函數做網頁吧! -Part 2科幻時鐘(直播筆記) 上一篇中,老闆利用三角函數幫 DOM 做 CSS 的絕對定位,這次我們雖然也是使用三角函數,但是改使用 canvas 在網頁上繪圖,製作科幻效果的時鐘。creativecoding-editor2021 年 5 月 14 日