用程式探索創作的無限可能

200802 Tangled 糾結 by Che-Yu Wu (https://www.openprocessing.org/sketch/941007)

https://cheyuwu.com/arts

什麼是互動設計?

互動設計在很多廣告、品牌推廣跟更廣泛的設計產業,都有商業與藝術上的應用,雖然在台灣可能還沒發展興盛,但近年來台灣的設計風氣起來後,也開始有越來越多的展覽、活動或公司嘗試用不同的互動,讓廣告不再只是廣告,而是跟觀眾互動的遊戲或設計來呈現品牌或提升參與度,結合軟體跟硬體,在功能之外,尋找人對世界最原始的感動跟好奇心。

這些嶄新的設計手法,容易讓品牌本身更容易取得使用者的關注,讓使用者在互動的過程中,對你想傳達的想法跟故事,有更強烈的印象跟共鳴,比如讓使用者跟虛擬世界中的魚群互動、揮揮手便能在白牆上留下五彩的海浪,用圖像或動畫來解釋抽象的概念,或創造想像與現實不同的世界,除了吸引使用者的好奇心,藉由探索去理解世界,也能讓想要傳達的故事更精彩

2018年曾經在台灣展出的「TOKYO ART CITY by NAKED」結合實體裝置、音樂、影像,透過偵測觀眾的肢體動作產生變化,帶來豐富的觀展體驗。

什麼是 Creative Coding?

Creative coding 是一種透過程式創作來表達的藝術形式,表現方式包含但不限於視覺、聲音、投影與裝置藝術等… 互動設計產業有非常多的軟體,生態系也很龐大,通常在同一件作品中,應用到兩、三個以上的平台彼此串連很常見,比如有時候需要使用 p5.js 做視覺化+MaxMSP 處理前置資料,或使用 openFrameworks / Unity 或 Unreal 做 3D 模擬,從外部輸入感測到的骨架資料生成動態藝術,近期來比較正式在業界常使用的軟體為 Touch Designer。雖然軟體的種類很多很複雜,但是橫跨所有相關互動開發的核心概念,便是 Creative Coding

2019年美國達利美術館利用深度學習等技術讓達利栩栩如生地重現,與觀眾對話及合照。 (原文:DEEPFAKE SALVADOR DALÍ INTERACTS WITH MUSEUM VISITORS, TAKES SELFIES!

Creative Coding 的相關應用領域

Creative Coding 顧名思義是結合程式加創意,狹義上看起來是用程式寫一些看起來很有藝術感的圖形,廣義上是可以用程式,將世界上的各種事物賦予互動跟連結起來,創造出新的現象、關聯與有趣的呈現,所以用程式偵測走在路上的人群,轉換成五線譜之後播放成音樂,或是比較商業的演唱會背景,擷取歌手的影像做後製,結合動態設計,變成即時的互動背景,跟著聲音的大小、人的位置、時間等做變化,或投影在建築物上,即時運算出來的移動錯覺效果,這些都是程式創作能應用的範疇。

https://www.youtube.com/watch?v=OqRUG2HSTV0&feature=emb_title
日本藝術家黑川良一(Ryoichi Kurokawa) 大量使用程式運算,即時生成影像做為數位音像(audiovisual) 表演。

如何開始我的第一個創作

迫不及待想進入 Creative Coding 的世界嗎?請繼續下一章節【入門資源】


Creative Coding TW。我們是誰?

Creative Coding TW – 互動程式創作台灣站目前主要由墨雨設計運營,以蒐集、彙整、分享Creative Coding 相關的各種資源,期望推廣Creative Coding 的概念,未來也將串連各領域專長的程式創作者共同對話,凝聚共融社群。

工作室圖片

墨雨設計

墨雨設計(MONOAME DESIGN) 跨足各領域平面/CI/網站設計,以多元的視野與專業,為您創造不同凡響的作品。 生活中充滿了樂趣,而設計正是把這些元素萃取出來, 用最精煉的呈現喚起大家看到時內心共鳴, 墨雨,我們期望能夠把動機淬鍊的如墨般濃烈純粹 在每個人的心中喚起一陣名為感動的記憶旅程。

※ 官方網站:https://monoame.com/

※ 官方網站:https://monoame.com/

老闆,來點寇汀吧。

老闆,來點寇汀吧。Boss, CODING please. 是墨雨設計的子計畫,由墨雨設計負責人吳哲宇的日常創作為起始,分享各類生成式藝術創作、技術知識與教學。期望以程式創作帶來有趣的生活連結,探索設計與科技的模糊邊界。

Instagram:https://www.instagram.com/bosscodingplease/

Facebook:https://www.facebook.com/bosscodingplease/

Youtube:https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA

PHP Code Snippets Powered By : XYZScripts.com