fxhash 彙整 | Creative Coding TW - 互動程式創作台灣站 https://creativecoding.in/tag/fxhash/ 蒐集互動設計案例、教學與業界資源,幫助你一起進入互動程式創作的產業 Sun, 08 May 2022 10:08:36 +0000 zh-TW hourly 1 https://wordpress.org/?v=6.2.2 https://creativecoding.in/wp-content/uploads/2022/03/cropped-cct-logo-icon-2-32x32.png fxhash 彙整 | Creative Coding TW - 互動程式創作台灣站 https://creativecoding.in/tag/fxhash/ 32 32 初次見面請多指教!Creative Coding第一次社群聚(下)黃豆泥:沒有市場的靈魂綁定NFT https://creativecoding.in/2022/05/08/creative-coding-meetup-202204-mashbean/ Sun, 08 May 2022 01:28:00 +0000 https://creativecoding.in/?p=2651 FAB DAO 的黃豆泥以收藏家的角度,帶大家了解靈魂綁定的NFT究竟有沒有市場,以及第三位創作者 Mizok 帶來他的<宇宙>共創作品分享。

這篇文章 初次見面請多指教!Creative Coding第一次社群聚(下)黃豆泥:沒有市場的靈魂綁定NFT 最早出現於 Creative Coding TW - 互動程式創作台灣站

]]>
上篇 初次見面請多指教!Creative Coding第一次社群聚(上)吳哲宇的生成式藝術宇宙 我們聊了Creative Coding,還有藝術家吳哲宇從 p5.js 到 Shader 的生成式藝術(Generative art)創作之路。

中篇 初次見面請多指教!Creative Coding第一次社群聚(中)Hoba與叁式的演算視覺邁進之路 則是由叁式互動新媒體的技術美術Hoba帶來演算視覺的應用,不藏私揭露叁式近年來精彩的作品幕後祕辛,以及另一位與會的創作者張文瀚帶來作品 <Wormhole>分享。

下篇則是由 FAB DAO 的黃豆泥讓大家一窺<沒有市場的靈魂綁定NFT>又是怎麼一回事(影片從這裡開始看),以及第三位創作者 Mizok 帶來他的<Universe-alpha>及<Universe-beta>(作者展示)。

我的PFP是一隻雞,我叫黃豆泥

豆泥是江湖藝名而非本名,元宇宙裡大家都喜歡用 PFP (Profile Picture) NFT 當個人頁的大頭照,我是一隻雞,我叫黃豆泥。

去年還在當醫師時,就買了哲宇的 Hahow 互動藝術程式創作入門的課程,到現在只聽了四堂課,大家都知道,一個班級裡有成績很好也有成績很差的同學,黃豆泥完全可以被歸類在沒聽課、成績超爛的壞學生之中。後來離開了醫界,想要開始認真學習 p5.js,上了王連晟老師的課程,號稱上完四個星期的課程後就可以在 fxhash 發行作品了,但我到現在都還沒有。

既然自己沒有辦法成為一個合格的創作者,那就成為一個瘋狂的收藏者吧!在這半年間,我買了超多跟生成式藝術相關的 NFT 大約六百多件。我在過去幾個月,一直在看生成式藝術的市場,從幾十幾百塊台幣就可以入手,但便宜的也可能價值翻倍、一開始貴的也可能身價下跌。

今天我要分享什麼是生成藝術的 NFT,有甚麼樣的形式,但今天我特別想講的,是那些不會紅的生成式藝術,也就是所謂的靈魂綁定 NFT。

話說從頭 – FAB DAO

在這之前,要先吹捧一下哲宇,身為生成式藝術家,賣了很多 NFT,但生成式藝術家是否能為台灣做一些事情呢?可以,我和哲宇一起創立的 FAB DAO,中文名稱福爾摩沙藝術銀行, FAB DAO 想做的事情是藉由區塊鏈或是 NFT 等新技術,幫助非營利組織,特別是公益團體及文化團體發行 NFT,一方面做文化保存,另一方面開拓新的募款管道。台灣目前還沒有人做這個事情,但我們有一群人在這裡努力研究開拓。組織是由哲宇去年在 Art Blocks 上賣的系列作品 Electriz 所賺進的十顆乙太幣資金成立,萬一你們之後發達了、想為台灣做一些好事,歡迎來找 FAB DAO。

生成式藝術NFT?

哲宇的作品 SoulSea
哲宇的作品 SoulSea

現在來用哲宇的作品 SoulSea 簡單介紹甚麼是生成藝術的 NFT,這一張是我收藏的第 251 號 SoulSea .每一件生成藝術作品在 fxhash 平台上,一個生成藝術就有一個種子碼,一個種子碼就是一個獨一無二的 NFT。這件作品就是一個蠻常見、經典的生成式藝術作品形式。

fxhash 從 beta 版要升成為正式版的過渡期,big burn 把目前未鑄造完成或是未賣出的作品全部燒光光
fxhash 從 beta 版要升成為正式版的過渡期,big burn 把目前未鑄造完成或是未賣出的作品全部燒光光

大家可能會好奇這個網頁下面為什麼會有火焰,現在(註:活動日期為 2022 年 4 月 14 日)是 fxhash 從 beta 版要升成為正式版的過渡期,big burn 就是指他們把目前 beta 上未鑄造完成或是未賣出的作品全部燒光光。fxhash 正式版已經於四月中上線,全世界的知名生成式藝術家都磨刀霍霍,準備上新作品了,平台的功能也會與 Art Blocks 大相逕庭,哲宇接下來又會有甚麼新作呢?敬請期待。

fxhash又是什麼

簡單介紹 fxhash ,這個平台有點類似 Art Blocks.完成上線的程式碼會成為一件生成式藝術作品,去鑄造(mint)的時候會隨機獲得一個種子碼,產生一個新的 NFT。這些 NFT 可能會有一些特色(features)、屬性,也可能沒有。

 California Hills in Late Sun #38
California Hills in Late Sun #38

我收藏的另外一件作品 California Hills in Late Sun #38 ,我非常喜歡她山坡紋理的呈現,也因為經由獨特種子碼產生,作品也是獨一無二、可以拿去販售的。

 Anaverse - forbidden city
Anaverse – forbidden city

再舉一個很ㄎ一ㄤ的案例,作品名稱為 Anaverse – forbidden city ,每個人會鑄造到屬於自己的城市或說是宮廷,相異的特色包括大小、作品名稱、建築和水池的數量等等。這個宮廷特別的地方在於,是可以進入到這個空間裡互動的,點擊官網、確認已連結到你的錢包之後,你就可以在你的宮廷裡走來走去,把這件生成式藝術作品直接變成虛擬展場空間,擁有者甚至可以掛所收藏的其他 NFT 等。

同時作為生成式藝術作品也是虛擬展間,最有名的虛擬展間是Oncyber,可以買下一個他人已做好的 3D 空間,掛上自己的收藏,這個展場本身就是藝術品,在藝術品中又能放進更多藝術品而成為一件新的策展作品,不斷堆疊出新的概念,繼續成為新的生成式藝術 NFT。

黃豆泥收藏的川貝母作品
黃豆泥收藏的川貝母作品
黃豆泥收藏的川貝母作品
黃豆泥收藏的川貝母作品

大家在坊間最常見的 NFT 作品形式是 PFP ,看起來不怎麼樣但背後也是大有學問。這個頁面是我所收藏台灣插畫家川貝母發行的 NFT,每個物件雖然是預先畫好的圖像,藉由程式的隨機性做堆疊,成為了不同排列組合的頭像圖片。一般常見的 PFP 也都是相同的概念,廣義而言算是生成式藝術,狹義而言只是從一個資料庫裡抓取元素生成。

靈魂綁定的NFT就沒有市場?

終於進到本次分享的重點:有沒有 NFT 是真正靈魂綁定且無法交易所以沒有市場的?我認為有,且也有許多人在做這些實驗。先前分享的作品案例都是屬於下圖左邊的這一類型,也就是說作者寫了一段程式碼,在購買程式碼的過程會生成 NFT ,透過種子碼讓作品成為買家專有的。可以留著或坐交易,在賣掉的過程中,種子碼會跟著 NFT 一起轉交給下一位買家,所以不管是在稀有度、視覺體驗上,每個人都可以去複製。也正因為這樣的設計,從去年到現在非常的火紅,是因為可以做交易。

圖說兩種不同類型的NFT
圖說兩種不同類型的NFT

那有沒有反交易的 NFT 呢?其實是有的,就是上圖右邊這一類型。今天有一串由創作者寫好的程式碼,鑄造成一個版次很大的 NFT (十版或上百版),買家是買到同一個 NFT 可是每個人在買 NFT 的時候,因為每個人的錢包地址都不同,這個代表錢包地址的一串亂碼在加密貨幣及區塊鏈的世界也就是代表某一個人(的錢包),把地址當成種子碼置入 NFT ,也就是說, NFT 會跟著你的錢包地址而變動,生成獨一無二的作品。

當我們買到一個 NFT ,只有我看得到我所看到的圖像,當下一個買家買走一件作品,重新綁定他的錢包地址,他看到的作品跟當初我所擁有時的樣貌不會一樣。我們無法交易這個經驗,除非截圖,但截圖儲存和分享,就失去了交易這一個環節。

這就是我們所謂的靈魂綁定,他跟你的人生經驗是綁在一起的,除非你再去開另一個錢包,把 NFT 傳過去,這時候才會有另外一個經驗的產生,但屬於你的經驗仍舊屬於你,直到你將錢包的帳密移轉給他人為止。

黃豆泥擁有的Evil Bean
黃豆泥擁有的Evil Bean

南藝大的林經堯教授發行的 Evil Bean 正是一個例子,黃豆泥剛好鑄造到一個醜到賣不出去的 NFT ,看起來很稀有卻是賣不掉的。回到林經堯教授的頁面上看其他的作品,一開始發布時的預覽圖是十六顆彩色邪惡豆豆以及一串地址,也可以看到其他被鑄造的 NFT 樣貌,有一些是由他自己手動鑄造出來的。

Evil Bean 發行的首圖
Evil Bean 發行的首圖
其他Evil Bean
其他Evil Bean

另外一件案例是藝術家黃新跟台灣當代藝術館當期的展覽《蓋婭:基因、演算、智能設計與自動機_幻我;它境》所做的合作,這個案例能夠真正詮釋我所謂的靈魂綁定 NFT 。沈伯丞為策展人,討論科技、生物及未來的技術,只要新台幣五十元就可以看到國內外數十位藝術家的作品。

NFT 作為展覽展品目前仍為少數,而黃新為此次展覽「蓋婭:基因、演算、智能設計與自動機_幻我;它境」做了新的一個 NFT 藝術品:展覽門票,他的賦能是只要花一百元買這張 NFT 門票,就可以無限次進場看展。這個東西有意思的地方在於,門票的「材質」呈現會因人而異,每個人因錢包位址不同,所鑄造出來的都會不一樣,像豆泥自己的看起來很像竹影飄搖的感覺。因為同一個 NFT 換人擁有就會大大改變他的樣貌,於是所有擁有這個 NFT 不同版次的人,都會將自己的 NFT 截圖後上傳至台灣當代藝術館粉絲專頁上,創造大量的留言。

黃豆泥擁有的台北當代藝術館「蓋婭:基因、演算、智能設計與自動機_幻我;它境」NFT
黃豆泥擁有的台北當代藝術館「蓋婭:基因、演算、智能設計與自動機_幻我;它境」NFT

經驗無法複製,很像當代藝術在討論的議題「靈光 Aura 」,由藝術家班雅明在攝影機剛發明的時代,討論藝術是否因為機械複製,而導致靈光消失?創作的靈光是否因為大量的複製,是否亦會消失?回過頭來看 Creative Coding、生成式藝術, NFT 的出現,讓創作透過種子碼製造的隨機性、自動性產生新型態的互動,還沒有大量的被當代藝術的世界中討論,但會是未來的趨勢。

其實生成式藝術並非完全是大家看到的樣子,還是有一些反市場的、非主流、實驗性的東西,FAB DAO 這個組織也在做非常多的嘗試,也希望有更多志同道合的人一齊加入。


Lightning talk 3 – Mizok

每一次的 Creative Coding Taiwan 聚會都會事先提供一個主題,邀請大家趁著這個機會創作出一件互動藝術作品並與大家分享。在一次又一次的共創過程中,激盪出更多更有趣的火花。

<Universe Alpha>

Mizok <UniverseAlpha>
Universe Alpha

<Universe Beta>

Mizok <Universe Beta>
Universe Beta

作品連結:https://mizok.github.io/generative-art-playground/#universe-alpha

創作主要是在表達自己心裡的意象,可能是淺顯或埋較深的,<宇宙>這個主題會讓我立即聯想到星空、星雲,於是便用程式將他做出來。主要的技術為 ejs & typescript & scss,首先利用柏林噪聲、簡單的粒子系統以及 p5.js 裡的 random() 達到完成星雲,再使用預渲染及分層選染的方式算出圖樣,類金屬的光澤和質感由漸層加上 Blend mode 實現,On frame draw 再逐針疊上亂數生成的星星。


若你還沒有讀過前面的精彩內容,現在還來得及收看:
初次見面請多指教!Creative Coding第一次社群聚(上)吳哲宇的生成式藝術宇宙
初次見面請多指教!Creative Coding第一次社群聚(中)Hoba與叁式的演算視覺邁進之路

歡迎加入互動藝術程式創作入門(Creative Coding)線上課程,課程中你可以認識程式與互動藝術產業應用,開啟對工程跟設計的想像,學會使用 p5.js 開發互動介面,整合繪圖、音訊、視訊、文字、3D、互動與機器創作完整的作品,並將創作輸出應用在個人品牌或網站、主視覺或海報,甚至互動裝置、遊戲與教材製作等場景,讓你對進修的資源與路線更有方向。

四月的 Creative Coding Taiwan 社群聚會在這邊告一個段落,不知道大家有沒有跟 Chia 編一樣收穫滿滿呀?五月的社群預計在5/12(四)舉辦,有興趣的朋友歡迎加入我們的臉書社團,第一時間接收活動報名消息,希望不久的將來,就能看到你跟大家分享你的生成式藝術創作囉!

整理編輯:Chia 編

墨雨設計banner

訂閱 Creative Coding Taiwan 電子報:

這篇文章 初次見面請多指教!Creative Coding第一次社群聚(下)黃豆泥:沒有市場的靈魂綁定NFT 最早出現於 Creative Coding TW - 互動程式創作台灣站

]]>
初次見面請多指教!Creative Coding第一次社群聚(上)吳哲宇的生成式藝術宇宙 https://creativecoding.in/2022/05/06/creative-coding-meetup-202204-cheyu-wu/ Fri, 06 May 2022 02:59:00 +0000 https://creativecoding.in/?p=2639 第一次的社群聚,召集人吳哲宇破題開講 Creative Coding 以及 Shader 在生成式藝術領域的相關應用,分享他經典的NFT作品,最後也帶來他為這次的共創主題<宇宙>的新作

這篇文章 初次見面請多指教!Creative Coding第一次社群聚(上)吳哲宇的生成式藝術宇宙 最早出現於 Creative Coding TW - 互動程式創作台灣站

]]>
2022年4月14日這個重要的日子必須紀念一下,因為喜愛生成式藝術的 Creative Coding Taiwan 社群,大家終於在臺北實體見面啦!

Creative Coding Taiwan 社群大合照
Creative Coding Taiwan 社群大合照

Creative Coding Taiwan 是由墨雨互動設計所發起與支持的社群,旨在台灣推廣互動程式設計以及任何由程式創作衍生出來的藝術作品及行為。之前一直都是在線上直播、線上課程,接下來我們希望藉由每個月的固定聚會,舉辦各種不同類型的活動,讓喜歡寇汀的大家互相交流,分享自己的創作與想法,技術上有任何不懂的,現場說不定也會有很多大神出沒可以討教哦!

什麼是 Creative Coding?

Creative Coding 顧名思義是結合程式加創意,狹義上是用程式寫一些看起來很有藝術感的圖形,廣義上是可以用程式,將世界上的各種事物賦予互動跟連結起來,創造出新的現象、關聯與有趣的呈現。用程式偵測走在路上的人群,轉換成五線譜之後播放成音樂,或是比較商業的演唱會背景,擷取歌手的影像做後製,結合動態設計,變成即時的互動背景,跟著聲音的大小、人的位置、時間等做變化,這些都是程式創作能應用的範疇。近期由於 NFT 生成藝術平台 Art Blocks 的興起,也讓更多人注意到了生成藝術與 Creative Coding 的魅力與各種可能性!

因為篇幅關係,此次的內容將這次將近兩小時的直播影片拆成上、中、下三篇,首先由吳哲宇破題開講 Creative Coding 以及生成式藝術的相關應用,最後也帶來他為這次的共創主題<宇宙>的新作(影片同時服用);中篇由叁式互動新媒體的技術美術Hoba帶來演算視覺的應用,不藏私揭露叁式近年來精彩的作品幕後祕辛(影片從這裡開始看),以及另一位與會的創作者張文瀚帶來作品 <Wormhole>分享(看看作者的詮釋及解析);下篇則是由 FAB DAO 的黃豆泥讓大家一窺<沒有市場的靈魂綁定NFT>又是怎麼一回事(影片從這裡開始看),以及第三位創作者 Mizok 帶來他的<Universe-alpha>及<Universe-beta>(作者展示)。

延伸閱讀:
初次見面請多指教!Creative Coding第一次社群聚(中)Hoba與叁式的演算視覺邁進之路
初次見面請多指教!Creative Coding第一次社群聚(下)黃豆泥:沒有市場的靈魂綁定NFT

墨雨設計創辦人 吳哲宇 <Creative Coding 是甚麼?Shader與Generative Art 應用>

對藝術家吳哲宇,也是我們口中的老闆來說, Creative Coding 程式創作是結合設計、工程、數學、動態、程式邏輯甚至是硬體的一種藝術創作形式,把程式當作畫筆,搜尋喜歡的主題,利用一行行的程式碼將世界上的各種事物連結起來、賦予互動,以邏輯思維創造出新的現象、關聯,編織成有趣互動的成果呈現。例如下方這一個神祕的生物,僅僅是用不到二十行的程式碼寫成。

哲宇用簡單算式程式碼完成的神祕生物
哲宇用簡單算式程式碼完成的神祕生物

很多人都會說你視覺要看起來有藝術感才能算是藝術。但哲宇覺得, Creative Coding 本身程式的運作以及邏輯概念是藝術的展現,Creative Coding 的魅力也正在此。

進入程式創作的世界,常使用的軟體包括 Unreal 以及 Unity 兩套3D遊戲開發軟體及引擎,MaxMSP 是一款圖形化編程語言的軟體工具,還有主流創作的 Open Frameworks 和 Touch Designer,有興趣的都可以玩玩看。

想必有許多人都是透過 p5.js 生成式藝術創作認識哲宇以及 Creative Coding 的,2020年因為疫情,哲宇而開啟了一天一 p5.js 創作的計畫,最初的起點其實都很簡單,利用三角形、圓形、線條、色彩等不同的主題,從生活中取材,隨意實驗,慢慢發展出有趣的圖像以及互動小品。包括用物理模擬做成軟軟的生物、魚鉤釣魚,或是童趣的蝸牛、用 shader 寫 DNA 等。

常使用的平台是 Open Processing 這個線上編輯器,修改程式碼能即時看到成果。 p5.js 是個入門好上手的程式語言,只要花個一週左右的時間就可以做出有趣的作品,尤其是即時視覺回饋的有趣,足以沖淡一些學習或是撰寫程式的痛苦。

p5.js 生成式藝術創作的過程其實跟一般藝術創作的過程相似,從最初始的動機,也許是個視覺想法(波浪?)或是某個靈感開始,想像不同的可能性(大小、顏色、樣態、互動等等)將草圖逐步建置成形,中途來回不停修改,像調配藥水一樣嘗試各種排列組合、疊加變形,甚至有時會有一些意料之外的驚喜,最後完成作品。

生成式藝術的核心

常看哲宇直播的人,或是 Creative Coding 台灣站的忠實讀者大概可以發現,其實生成式藝術,或說用程式創作藝術,重要的概念可大致分為以下:

  • 規則:大自然中有法則,透過探索、模仿,建立規則而非框架。
  • 限制:有限制才能激發更多的創意以及自由。
  • 核心概念及故事:也是創作的動機,賦予作品更多意義。
  • 視覺呈現:加上材質、小動態,用心雕琢細節是畫龍點睛的關鍵。
  • 變化:一成不變讓人無趣,無論是透過時間、
  • 隨機性:加入一點 random 一點 noise,讓人摸不透規則更好奇。
  • 輸入/輸出:輸入包含了影像、音像,滑鼠點擊或移動,其他外部資料或是時間;輸出則是以視覺、聲音及動態(也可能是硬體)為三個主要的方向。

像是哲宇之前利用骰子骰出來的數字控制檯燈的作品;或是將 Unreal 結合動態捕捉系統,即時接收舞者(也就是哲宇本人)的動作並顯示在四周的投影牆上,再加上物理引擎模擬,碰撞、擾動虛擬世界中的圖像,所完成的現場即時表演,這些都算是互動藝術。無論是在 p5.js 或是 Unreal 等平台,程式創作和互動的邏輯都是可以互通的。

NFT作品分享:SoulSea 以及 CryptoPochi

如果對於哲宇在 NFT 的心路歷程有興趣,歡迎右轉閱讀【老闆週六來聊聊】我開始賣NFT作品啦!生成式藝術在NFT的價值,這邊就不再多述,僅挑出兩件特別喜歡的作品跟大家分享。

哲宇在fxhash上發行的SoulSea系列作品
哲宇在fxhash上發行的SoulSea系列作品

第一件是發布在 fxhash 的 SoulSea 系列作品,其實是在做商業案子的時候,哲宇發現太漂亮到捨不得給別人,所以就自己上架。作品使用 p5.js 製作出噪聲和波形,模擬海洋的質感,從一條波浪,在多個地方疊加上 noise 產生連續且自然的波紋,加上材質等小元素,其中牽涉到了對數學、形狀的掌握度,製造出接近生活體驗、有機體的東西。

哲宇在OpenSea上發布的互動型NFT <CryptoPochi>
哲宇在OpenSea上發布的互動型NFT <CryptoPochi>

第二件是發布在 OpenSea 的 CryptoPochi ,也是一個互動型的 NFT,結合區塊鏈以及網頁的技術,以網頁的形式呈現,並使用物理模擬引擎與 Artblocks 製作互動,隨時都可以透過滑鼠去玩他,甚至製作了 On Chain Event 觸發同步事件,可以讓不同作品內的 Pochi 互相互動。

如果你是工程師,鼓勵你多看一些作品,會有一些想法和創意開始踏出利用程式碼創作的第一步;如果你是設計師,便可以從熟悉 p5.js 語法開始,慢慢地往生成式藝術的方向邁進。

在這裡也要推薦一下在HaHow好學校的〈互動藝術程式創作入門〉課程。大約兩年前開這堂線上課程時,還沒有很多人知道 Creative Coding 這個領域,如今隨著元宇宙、NFT成為夯字,也越來越多人投入。

哲宇不藏私,分享他在創作的同時,也持續思考作品商業的潛力,除了持續創作、賣 NFT 之外,另外跟很多品牌合作,從品牌的角度出發,例如跟漢堡店合作,將漢堡層層拆分,以程式藝術手法詮釋。未來硬體也會越來越強大、跑得動複雜的程式碼,之後許多公司品牌可能都會開始發展動態或是 3D 的視覺以及衍伸行銷,大家也可以想想看新媒體藝術有哪些商業應用。哲宇也趁機苦口婆心地以過來人身分勸大家不要賣自己作品的授權,因為哲宇之前曾遇過,授權給對方使用他的畫作,對方還反寄律師函回來告的情形。

Shader 與 Generative Art 的應用

哲宇用Shader創作出來的生成式藝術
哲宇用Shader創作出來的生成式藝術

Shader 就是執行在GPU上的電腦程式,控制著GPU渲染管線,處理開發者給他的各種繪圖相關的資料,即使是畫一個點、一個顏色、一個向量,也要透過 Shader 渲染。 Shader 就像是 Creative Coding 的進階版,將原本在 3D 軟體內才能看到的材質,運用 Shader 做出來。

GLSL(OpenGL Shading Language) 全稱 OpenGL 著色語言,是一個以C語言為基礎的高階著色語言,用來在OpenGL 中著色編程,這個語言的好處是因在 shader 裡面全部的東西以像素為單位做運算,若你的 GPU 越強,就能渲染出越精細漂亮的畫面,而且效能也很好。如果有興趣的話,也可以參考一些哲宇之前使用相關語言做的作品:

哲宇的作品 The Soul
哲宇的作品 The Soul

舉一件自己的作品當例子,看起來像瞳孔的這幅作品 The Soul,程式碼就非常單純,計算離中心的角度,算出像是類似山脈的偏移效果,再把顏色畫出來,從內到外,紅色是離中心距離的兩倍、綠色是離中心距離的三倍,就可以呈現這種類似極光、光譜分散的效果。

大家有興趣都可以去 fork 哲宇的 shader template (連結這裡走,不可商用、需標記來源),裡面已經準備好 shader 裡基礎的東西,從這個環境開始,可以快速完成你自己的 shader 作品.或是你可以從改一些範本中的不同參數,看會製造出甚麼樣的效果開始。

另外也想跟大家介紹一個很酷的學/寫程式的好用工具 VSCode,你可以去申請 Copilot 的功能,他可以解釋程式碼在做些甚麼,假設我這邊有一串 shader 或是任何其他語言的程式碼,選取後點選 Ask Copilot 就會出現解釋,他甚至會去猜你的變數在幹嘛,譬如說這個 p 可能是位置等。在撰寫程式碼的時候也會有一個自動輸入功能,你只要起頭,他就會幫忙填完 function 和 name 甚至是後面的程式碼,也可以把寫好的程式碼轉換成各式各樣的語言。

若想了解更多有關 shader 的知識,可以參考 TheBook of Shaders https://thebookofshaders.com/,一步步帶你了解如何使用 Fragment Shaders 開始做幾何圖形,從像素開始建構圖像、 3D 等。

Q:整包 HTML 如何上傳變成 NFT?

A:可以用 fxhash 這個平台,將你的程式碼打包成一個 zip 檔案丟上去就可以了,需要注意的是要使用官方提供的 fxhash-snippet 把每個 NFT 獨立的序號生成一個 random object(fxrand),這個 random 就能夠自行產生你在作品中所需要用到的亂數,只要作品序號相同,亂數就是一樣的。把這個部分丟進去、順利跟 fxrand 對接之後,就可以產生很多獨一無二的 NFT 了。

參考:Guide to mint a token

截圖自Guide to mint a token

Lightning talk 2 – 吳哲宇

社群聚當天,最後的一個小環節是 Lightning Talk,每一次的 Creative Coding Taiwan 聚會都會事先提供一個主題,邀請大家趁著這個機會創作出一件互動藝術作品並與大家分享。在一次又一次的共創過程中,激盪出更多更有趣的火花。

哲宇為這次的共創主題<宇宙>所作的創作 <Nebula Shift>
哲宇為這次的共創主題<宇宙>所作的創作 <Nebula Shift>

作品連結:https://openprocessing.org/sketch/1543928

用 Shader 寫的作品,移動鼠標不只有星雲飄動,還有星星閃爍。將粒子的資料輸入進 Shader 裡使用,透過 p5.js 使用多層 perlin noise 與一般的 noise 兩種不同的躁聲做扭曲,呈現出線條流動之感,另外也須計算點跟星星的距離,完成不同明暗程度的閃爍以及穿透霧氣的感覺,將 RGB 分層處理,因為光譜頻率偏差,便會有如色散的效果呈現。

由哲宇創辦的墨雨設計也持續地經營 Creative Coding Taiwan 互動程式藝術創作台灣站,無論是 p5.js 的實作教學,或是你該怎麼入門、去哪裡找資源,都可以從這邊看起。歡迎各方好手加入,一齊充實內容!


最後小小工商時間,我們第一次的社群聚會現場也請到了 AWS Activate Taiwan 的 Alex Cheng 帶著最正宗的韓式炸雞來到現場,以及分享給新創公司的好康,無論你是剛起步的小團隊,或是已經加入育成中心、新創加速器的新創公司,使用 AWS 升級服務可以獲得 US$1,000 的免費積分!有興趣的人歡迎掃瞄下方 QR Code 了解更多。

這次 Creative Coding Taiwan 四月社群聚,每位講者都帶著滿滿的知識和熱忱分享,若是你對哲宇的生成式藝術感到意猶未盡,那你一定要繼續看下去:
初次見面請多指教!Creative Coding第一次社群聚(中)Hoba與叁式的演算視覺邁進之路
初次見面請多指教!Creative Coding第一次社群聚(下)黃豆泥:沒有市場的靈魂綁定NFT

五月的社群已經開放報名囉,有興趣的朋友歡迎加入我們的臉書社團,第一時間接收活動報名消息,希望不久的將來,就能看到你跟大家分享你的生成式藝術創作囉!

整理編輯:Chia 編

墨雨設計banner

訂閱 Creative Coding Taiwan 電子報:

這篇文章 初次見面請多指教!Creative Coding第一次社群聚(上)吳哲宇的生成式藝術宇宙 最早出現於 Creative Coding TW - 互動程式創作台灣站

]]>