cc logo

互動藝術程式創作入門

Creative

Coding

揭開多媒體互動設計的面紗,

成為兼具技術與創意的數位創作者。

這些都是

Creative

Coding

的應用!

在實體空間創造不同以往的難忘體驗

在實體空間創造不同以往的難忘體驗

隨機生成獨一無二的視覺圖像

隨機生成獨一無二的視覺圖像

與硬體裝置搭配出虛實整合效果

與硬體裝置搭配出虛實整合效果

創造互動體驗的程式工具

P5.js 幫助你享受程式創作的樂趣

這是以 Processing 為基礎所延伸的程式框架,讓創作者能夠用簡單的語法,快速組裝複雜的程式,用更少的時間跟精力實踐想法。

由全世界的科技藝術家跟工程師共同建立的開源工具與共創社群,以這套函式庫為基礎入門藝術創作,透過我們豐富的學習資源瞭解亂數、視訊處理、即時模擬、物件互動等程式概念以後,會更容易理解其他複雜作品是如何實現,也更容易上手其他相關的創作軟體。

讓程式變成腦洞大開的創作好幫手

想要開始程式藝術創作,你只需要一顆對學習有熱情的心

不會繪圖或設計沒關係
不會繪圖或設計沒關係我們會帶你運用簡單的規則,讓程式揮灑出絢麗的畫面。
沒有程式基礎也沒問題
沒有程式基礎也沒問題課程會帶過基礎的 JavaScript ,搭配 p5.js 函式庫,讓你快速踏入創作世界。
不用擔心沒有創作靈感
不用擔心沒有創作靈感這堂課會一步步拆解每個作品的創作細節,讓你用有趣的方式輕鬆實現意想不到的創意。
不需要額外下載任何軟體
不需要額外下載任何軟體課程中會教你如何使用線上平台來做練習,並且可以快速分享創作。
不用非常會算數學
不用非常會算數學繪製圖型只需要基礎的數理計算,就算真的碰到問題,也可以到我們的社群中找到同好交流討論。

P5.js 快速上手

這邊要介紹的 p5.js 是由 Processing 延伸而成的 JavaScript 函式庫, Processing 是設計給沒有程式基礎的人快速進行創作的平台,而 p5.js 可以理解為 Processing 的 JavaScript 版本。它將許多繪圖、數學、物理模擬等函式封裝好讓我們可以直接使用,如此一來我們可以在享受 Canvas 繪圖的同時不用費心思處理瑣碎的工具!

Hahow 課程
人數近三千位同學

超過 80 位同學
留言皆給予 5 顆星的好評推薦

課程連結

course background
講師:吳哲宇

講師介紹

Che-Yu Wu

吳哲宇

跨領域新媒體藝術家、設計師、工程師、講師與創業者。藉由理性電機工程背景與感性視覺設計的混合,從自然、物理、現代藝術、數學韻律、音樂中取材,創造複合生成式的演算作品,探索藝術與工程的邊界以及極致的互動體驗。專攻探索互動型NFT,近年致力於推廣程式藝術,於 Hahow 開設動態網頁與互動藝術程式創作課程,引領超過萬名同學進入互動設計的世界。

關於哲宇

課程後你將有能力做出

互動動態海報與視覺

生成式設計與繪圖機器

資料視覺化互動呈現

進階繪圖與疊色技巧應用

視訊及語音即時串流

概念性實驗工具製作

作品輸出應用到品牌網站

Q&A

Q1.

如果沒有程式基礎怎麼辦?

上這堂課程式並不需要程式基礎。但如果你有程式基礎會如魚得水,能嘗試更多有趣的互動跟進階技巧!在國外我們互動設計科系有相當大比例的學生,來前並沒有學習過程式開發,但在一個學期過後,就學會了怎麼用用程式來創作。這次會從基礎的程式語法教起,快速又清楚的用一個個範例帶大家熟悉語法,也有手邊可以隨時參照的文件,只要懂的如何解決問題、參考跟化為自己的東西,就能順利上手,所以不用害怕,也很歡迎設計與想創作的同學來修課,探索各種不同的音訊視訊媒體使用互動,做出有趣的互動作品。

Q2.

課程中需要另外下載軟體嗎?

這堂課程會使用 OpenProcessing 線上平台進行創作,不需要額外下載軟體或配置開發環境,同學只需要註冊帳號就可以使用,而且作品也能夠很方便的分享到不同平台喔。

Q3.

上完這門課大概要花多久時間呢?

課程總時數約 17 個小時,不限時觀看,同學可以依照自己的學習步調安排時間。如果同學能持續每週投入 3 - 5 小時,應該能夠在 2 個月內掌握 p5.js 這項創作工具的基礎觀念和技巧。若想要融會貫通,則需要再自行多加練習和嘗試,也可以多參與社團活動與同好交流,可以讓創作的學習之路更加有趣。

Q4.

學習時碰到問題怎麼辦?

別擔心,同學可以在 Hahow 平台的問題討論區留言,有我們的課程助教會定期耐心回覆,協助同學解決學習時碰到的各種疑難雜症~也不要忘記加入 fb 課程專屬社團 ,可以在社團中分享作品或者提問喔!

Q5.

要去哪裡找到更多程式創作的資源和同好呢?

除了 課程專屬社團 ,也歡迎加入我們建立的 互動程式創作台灣站社群 或者訂閱 互動程式創作台灣站 的電子報,你可以在從這邊找到更多 Creative Coding 的學習資源以及藝術創作的最新消息。我們也會定期舉辦社群聚會和活動,讓喜歡程式創作的朋友有更多交流的機會。

Q6.

沒有時間做課堂作業怎麼辦?

課程沒有強制繳交作業,但透過作業可以檢驗自己有沒有將技巧融會貫通,還是建議同學們跟著實作練習。程式創作最有趣的地方就在於,即使只是一行程式碼的差異也能夠創作出與眾不同的畫面,從修改範例程式碼開始嘗試看看吧!

monoame-logo

我們是誰?

「探索藝術與工程的邊界
創造極致的互動體驗」

墨雨設計成立於2015年,跨足各領域平面 / CI / 網站設計,以多元的視野與專業,為您創造不同凡響的作品。

墨雨設計

社群活動照片

加入
互動程式創作台灣站

在 CCT 社群中有 Creative Coding 相關的各種資源,我們也會每個月固定聚會、舉辦各種活動、分享創作與想法、討論技術、和其他人交流。