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