Instagram Story Save

最近和 @chillga_ 有個合作，為即將到來的工作坊做了動態視覺

Chillga 是個擅長拆解符號、重構物件的設計品牌，之前 Chillga 拆解了鞋子重新製成包包，拆解了手套重新製成領帶，有些朋友應該聽我介紹過他們，我很喜歡他們，他們每件作品都獨一無二，都超級好看⭐️

這次 Chillga 開設了工作坊，讓大家也能自己拆解物件，自己拼接一個托特包。

底下是這次工作坊的介紹

THIS IS NOT 工作坊
受 Rene Magritte《這不是煙斗》的啟發。
我們嘗試把二手鞋履、帽子和衣服全部拆解，讓它們不再只是原本被定義的功能，而是回歸成純粹的零件。在工作坊裡，我們會用直覺重新組裝這些碎片，實驗結構的各種可能。

報名表單請見 @chillga_ 主頁連結✨

Inspired by René Magritte’s The Treachery of Images.
We‘re breaking down second-hand shoes, hats, and clothes-stripping away their intended use to treat them as raw components. Join us to experiment with structure and rebuild these fragments through intuition.

最近和 @chillga_ 有個合作，為即將到來的工作坊做了動態視覺

Chillga 是個擅長拆解符號、重構物件的設計品牌，之前 Chillga 拆解了鞋子重新製成包包，拆解了手套重新製成領帶，有些朋友應該聽我介紹過他們，我很喜歡他們，他們每件作品都獨一無二，都超級好看⭐️

這次 Chillga 開設了工作坊，讓大家也能自己拆解物件，自己拼接一個托特包。

底下是這次工作坊的介紹

THIS IS NOT 工作坊
受 Rene Magritte《這不是煙斗》的啟發。
我們嘗試把二手鞋履、帽子和衣服全部拆解，讓它們不再只是原本被定義的功能，而是回歸成純粹的零件。在工作坊裡，我們會用直覺重新組裝這些碎片，實驗結構的各種可能。

報名表單請見 @chillga_ 主頁連結✨

Inspired by René Magritte’s The Treachery of Images.
We‘re breaking down second-hand shoes, hats, and clothes-stripping away their intended use to treat them as raw components. Join us to experiment with structure and rebuild these fragments through intuition.

最近和 @chillga_ 有個合作，為即將到來的工作坊做了動態視覺

Chillga 是個擅長拆解符號、重構物件的設計品牌，之前 Chillga 拆解了鞋子重新製成包包，拆解了手套重新製成領帶，有些朋友應該聽我介紹過他們，我很喜歡他們，他們每件作品都獨一無二，都超級好看⭐️

這次 Chillga 開設了工作坊，讓大家也能自己拆解物件，自己拼接一個托特包。

底下是這次工作坊的介紹

THIS IS NOT 工作坊
受 Rene Magritte《這不是煙斗》的啟發。
我們嘗試把二手鞋履、帽子和衣服全部拆解，讓它們不再只是原本被定義的功能，而是回歸成純粹的零件。在工作坊裡，我們會用直覺重新組裝這些碎片，實驗結構的各種可能。

報名表單請見 @chillga_ 主頁連結✨

Inspired by René Magritte’s The Treachery of Images.
We‘re breaking down second-hand shoes, hats, and clothes-stripping away their intended use to treat them as raw components. Join us to experiment with structure and rebuild these fragments through intuition.

2024 ｜半透 LED 裝置

24 年的時候和旺卡、戴瑞、歐柏、塗老師、JC 一起玩了幾個月的 LED 裝置，我們抓了現場即時影像在半透 LED 上播放，讓影像和現實疊加

雖然平常總是在做螢幕裡的事，但果然我還是喜歡裝置這類，和現實世界有互動的物件

也算是做了這個裝置之後才知道，原來 LED 和印刷一樣，輸出的顏色和電腦裡製作的好不一樣，好依賴現場調色

2024 ｜半透 LED 裝置

24 年的時候和旺卡、戴瑞、歐柏、塗老師、JC 一起玩了幾個月的 LED 裝置，我們抓了現場即時影像在半透 LED 上播放，讓影像和現實疊加

雖然平常總是在做螢幕裡的事，但果然我還是喜歡裝置這類，和現實世界有互動的物件

也算是做了這個裝置之後才知道，原來 LED 和印刷一樣，輸出的顏色和電腦裡製作的好不一樣，好依賴現場調色

2024 ｜半透 LED 裝置

24 年的時候和旺卡、戴瑞、歐柏、塗老師、JC 一起玩了幾個月的 LED 裝置，我們抓了現場即時影像在半透 LED 上播放，讓影像和現實疊加

雖然平常總是在做螢幕裡的事，但果然我還是喜歡裝置這類，和現實世界有互動的物件

也算是做了這個裝置之後才知道，原來 LED 和印刷一樣，輸出的顏色和電腦裡製作的好不一樣，好依賴現場調色

2024 ｜半透 LED 裝置

24 年的時候和旺卡、戴瑞、歐柏、塗老師、JC 一起玩了幾個月的 LED 裝置，我們抓了現場即時影像在半透 LED 上播放，讓影像和現實疊加

雖然平常總是在做螢幕裡的事，但果然我還是喜歡裝置這類，和現實世界有互動的物件

也算是做了這個裝置之後才知道，原來 LED 和印刷一樣，輸出的顏色和電腦裡製作的好不一樣，好依賴現場調色

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 009 | pixelate 之 3，台北藝博 2025
made with glsl

去年在台北藝博，我因為忘記帶票，意外發現二樓這個我很喜歡的視角

最近很累的時候我也喜歡這樣看人，找一個定點坐著，就這樣呆看一個小時，兩個小時

看不同的人來來往往走過其實比想像中有趣，每個經過的人都不太一樣，衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事，就像不同的小型劇場以一個舒適的速度從眼前流過

只是我是真的在發呆，所以也沒有真正記得哪一段

算是我近期蠻喜歡的充電方式之一

（我其實不太確定是否把顏色調得太過飽和了，但就先這樣了，自暴自棄🙂）

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 008 | pixelate 之 2
光復南路口的工地

平常我在白天的生活，大致上是找一間和家裡有點距離的咖啡廳，趁著這個機會在路上晃晃，通常是騎腳踏車，等到心滿意足之後（如果當時工作沒有趕的話），再進到咖啡廳開始工作

因為這樣我有很多閒晃的機會，有一次在路口發現一個很漂亮的工地，就順手拍了一小段影片，這次剛好可以拿來當素材用

(照片最後一張是當時覺得非常美的工地本人）

這次製作的方式和前一個影片一樣，使用 shader 做 pixelate 效果；除了原本馬賽克的處理以外，也在亮部加上了文字。

我這次對 shader 做了很多研究，所以還有一些小知識可以分享

程式小教室💡
在程式的世界裡面，不管哪種語言都會有個稱作 if else 的邏輯語法，他可以用來判斷是非對錯，為不同情境設定對應要執行的內容。

執行 if else 的時候，如果 if 設定的條件不成立，就會執行 else 定義好的內容，把流程畫下來，線圖就像樹枝一樣，所以他也被歸類在一種稱作 branch 的分類裡面。

branch 非常方便而且基本，但是在 GPU 繪圖的世界裡面，branch 有時候是很消耗資源的計算方式，有時候需要想盡辦法用一些很奇怪的數學公式來取代它，舉例來說，有一種用法是用數學式 mix(a, b, step(0.0, val)) 來達到 if else 的效果。至於這個公式具體來說是什麼意思，解釋起來太累人了，改天再介紹！（結果最後講了一個有講跟沒講一樣的東西 😆

#generativeart
#creativecoding
#shader
#webgl

-
sketch 007 | pixelate
使用 #threejs, #shader 技術生成

時隔好久終於有新圖可以分享ㄌ

這大概是我第五次嘗試學 shader，因為有前面的累積，這次是最上手的一次

這次的基底是 pixelate (馬賽克) 效果，配色是前陣子很喜歡的黃橘藍配色，視覺感算是當下我自己喜歡的樣式。

這張圖是大約兩週前做的，感覺這種東西很神奇，可能是最近自己精神不濟，今天整理準備輸出的時候，怎麼就是抓不回當時的感覺，但估且還是先放上當時有記錄下的版本。

科普一下背後的小知識：

程式宅小教室💡
這一次主要使用的技術是 shader，是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU，CPU 處理邏輯運算，GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣，CPU 是一行一行往下讀，一次只有一個程序會執行程式，大部分程式語言寫的都是這種；而 GPU 是讓大量的目標同時執行同一份程式，舉例來說，同時讓螢幕上每個 pixel，1920x1080 個點，讀一份程式，來畫出螢幕上的畫面。

要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式，卻能讓每個 pixel 畫出不同的顏色，思考方式和平常寫程式真的很不一樣！

-
sketch 007 | pixelate
使用 #threejs, #shader 技術生成

時隔好久終於有新圖可以分享ㄌ

這大概是我第五次嘗試學 shader，因為有前面的累積，這次是最上手的一次

這次的基底是 pixelate (馬賽克) 效果，配色是前陣子很喜歡的黃橘藍配色，視覺感算是當下我自己喜歡的樣式。

這張圖是大約兩週前做的，感覺這種東西很神奇，可能是最近自己精神不濟，今天整理準備輸出的時候，怎麼就是抓不回當時的感覺，但估且還是先放上當時有記錄下的版本。

科普一下背後的小知識：

程式宅小教室💡
這一次主要使用的技術是 shader，是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU，CPU 處理邏輯運算，GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣，CPU 是一行一行往下讀，一次只有一個程序會執行程式，大部分程式語言寫的都是這種；而 GPU 是讓大量的目標同時執行同一份程式，舉例來說，同時讓螢幕上每個 pixel，1920x1080 個點，讀一份程式，來畫出螢幕上的畫面。

要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式，卻能讓每個 pixel 畫出不同的顏色，思考方式和平常寫程式真的很不一樣！

-
sketch 007 | pixelate
使用 #threejs, #shader 技術生成

時隔好久終於有新圖可以分享ㄌ

這大概是我第五次嘗試學 shader，因為有前面的累積，這次是最上手的一次

這次的基底是 pixelate (馬賽克) 效果，配色是前陣子很喜歡的黃橘藍配色，視覺感算是當下我自己喜歡的樣式。

這張圖是大約兩週前做的，感覺這種東西很神奇，可能是最近自己精神不濟，今天整理準備輸出的時候，怎麼就是抓不回當時的感覺，但估且還是先放上當時有記錄下的版本。

科普一下背後的小知識：

程式宅小教室💡
這一次主要使用的技術是 shader，是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU，CPU 處理邏輯運算，GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣，CPU 是一行一行往下讀，一次只有一個程序會執行程式，大部分程式語言寫的都是這種；而 GPU 是讓大量的目標同時執行同一份程式，舉例來說，同時讓螢幕上每個 pixel，1920x1080 個點，讀一份程式，來畫出螢幕上的畫面。

要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式，卻能讓每個 pixel 畫出不同的顏色，思考方式和平常寫程式真的很不一樣！

-
sketch 007 | pixelate
使用 #threejs, #shader 技術生成

時隔好久終於有新圖可以分享ㄌ

這大概是我第五次嘗試學 shader，因為有前面的累積，這次是最上手的一次

這次的基底是 pixelate (馬賽克) 效果，配色是前陣子很喜歡的黃橘藍配色，視覺感算是當下我自己喜歡的樣式。

這張圖是大約兩週前做的，感覺這種東西很神奇，可能是最近自己精神不濟，今天整理準備輸出的時候，怎麼就是抓不回當時的感覺，但估且還是先放上當時有記錄下的版本。

科普一下背後的小知識：

程式宅小教室💡
這一次主要使用的技術是 shader，是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU，CPU 處理邏輯運算，GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣，CPU 是一行一行往下讀，一次只有一個程序會執行程式，大部分程式語言寫的都是這種；而 GPU 是讓大量的目標同時執行同一份程式，舉例來說，同時讓螢幕上每個 pixel，1920x1080 個點，讀一份程式，來畫出螢幕上的畫面。

要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式，卻能讓每個 pixel 畫出不同的顏色，思考方式和平常寫程式真的很不一樣！

-
sketch 007 | pixelate
使用 #threejs, #shader 技術生成

時隔好久終於有新圖可以分享ㄌ

這大概是我第五次嘗試學 shader，因為有前面的累積，這次是最上手的一次

這次的基底是 pixelate (馬賽克) 效果，配色是前陣子很喜歡的黃橘藍配色，視覺感算是當下我自己喜歡的樣式。

這張圖是大約兩週前做的，感覺這種東西很神奇，可能是最近自己精神不濟，今天整理準備輸出的時候，怎麼就是抓不回當時的感覺，但估且還是先放上當時有記錄下的版本。

科普一下背後的小知識：

程式宅小教室💡
這一次主要使用的技術是 shader，是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU，CPU 處理邏輯運算，GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣，CPU 是一行一行往下讀，一次只有一個程序會執行程式，大部分程式語言寫的都是這種；而 GPU 是讓大量的目標同時執行同一份程式，舉例來說，同時讓螢幕上每個 pixel，1920x1080 個點，讀一份程式，來畫出螢幕上的畫面。

要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式，卻能讓每個 pixel 畫出不同的顏色，思考方式和平常寫程式真的很不一樣！

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

2024 | Microbiopolitics | web-based installation

24 年的時候，我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品，找我一起做動態和互動

延伸徐容畫的身體地圖，我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市，我們模擬了細菌居民的動態，並設計一套互動系統，讓觀眾能透過展場中央的平板，即時介入這個身體版圖

細菌在真實世界中的生存方式很有趣，他們沒有中心意識或指揮者，每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織，他們還是能自然形成某種可以辨識的秩序，甚至可以同抵禦外敵

有趣歸有趣，但對於要如何展現細菌的動態，我記得我當時掙扎和嘗試了好久，一直都做不出喜歡的視覺，失敗好多次之後，最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手

康威的生命遊戲，是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例，它的規則非常簡單：以格子構成的棋盤比擬世界，每一個格子代表一個生命體，只有存活或死亡兩種狀態，格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後，人類就對這個系統沒有插手的餘地了，後面所有的樣貌都是數學公式自行發展而成的

生命遊戲是早期第一個打破人類對電腦計算想像的概念，程式指令不再只是一個指令一個動作，一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態，所以這也是吸引很多人投入研究的原因，很有趣！

《Microbiopolitics》
📍SOMA ART, Berlin, Germany

▍藝術家 —— 徐容
▍身體地圖繪製 —— 徐容
▍投影視覺、動態設計 —— 蕭宇彤
▍互動程式開發 —— 蕭宇彤

用今年工作裡面，我最喜歡的，幫北影做的彩色泡泡結束 2023

謝謝今年所有相遇，明年見ㄌ

本來想做帥帥的雜訊動圖，結果做完好像偏可愛，最近好像帥不起來

-
#p5js
#reactjs
#creativecoding
#generative

[ work | 網站開發 / 2025 ]

動物方程式 2 測驗網站
https://zootopia2-quiz.tw/

——————

這次參與了動物方程式 2 上映前的宣傳網站製作，
感謝一途創意相找！

測驗總共有九道題目，
每個題目都有相應的動畫和動態，
我節錄了幾個裡面我特別喜歡和好笑的片段，
剩下的就留給大家自己來體驗

網站是期間限定的，
快來測測你是什麼角色ㄅ

（ㄚ 然後我是樹懶！）

動物方程式 2 現正預售中！

[ work | 網站開發 ]

2025 台灣設計展在彰化
https://event.designexpo.org.tw/

—————————————

設計展快結束了
網站也將在 11/1 23:59 關閉
還有幾天抽卡機會
來抽卡吧！

—————————————

企劃統籌 —— 莊舒羽（莊虎牙）
視覺統籌 —— 謝坤哲（吃吧）
執行統籌 —— 洪榮祥 Steven
　​
企劃文案 —— 侯沁歡
文案協力 —— Chuan
　​
網站設計 —— 吃吧、劉子琳
插畫設計 —— 劉子琳 、Woowa
動畫設計 —— 吃吧 、Julia Wu
聲音設計 —— 王冠超 Nate Wang
　​
前端程式 —— 蕭宇彤（湯包）
後端程式 —— James Wang