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