Home ___hsiaoPosts

@___hsiao

___hsiao (湯ㄅ) digital art | creative coding | website design & develop 📨 [email protected]
Followers
661
Following
2,617
Account Insight
Score
23.88%
Index
Health Rate
%
Users Ratio
0:1
Weeks posts
最近和 @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.
52 5
13 days ago
最近和 @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.
21 0
13 days ago
最近和 @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.
24 2
13 days ago
2024 |半透 LED 裝置 24 年的時候和旺卡、戴瑞、歐柏、塗老師、JC 一起玩了幾個月的 LED 裝置,我們抓了現場即時影像在半透 LED 上播放,讓影像和現實疊加 雖然平常總是在做螢幕裡的事,但果然我還是喜歡裝置這類,和現實世界有互動的物件 也算是做了這個裝置之後才知道,原來 LED 和印刷一樣,輸出的顏色和電腦裡製作的好不一樣,好依賴現場調色
232 23
3 months ago
- sketch 009 | pixelate 之 3,台北藝博 2025 made with glsl 去年在台北藝博,我因為忘記帶票,意外發現二樓這個我很喜歡的視角 最近很累的時候我也喜歡這樣看人,找一個定點坐著,就這樣呆看一個小時,兩個小時 看不同的人來來往往走過其實比想像中有趣,每個經過的人都不太一樣,衣服、姿勢、邊走一邊在做的事。稍微猜想每個人的背景和正在經歷的事,就像不同的小型劇場以一個舒適的速度從眼前流過 只是我是真的在發呆,所以也沒有真正記得哪一段 算是我近期蠻喜歡的充電方式之一 (我其實不太確定是否把顏色調得太過飽和了,但就先這樣了,自暴自棄🙂)
59 2
21 days ago
- 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
68 2
1 month ago
- sketch 007 | pixelate 使用 #threejs, #shader 技術生成 時隔好久終於有新圖可以分享ㄌ 這大概是我第五次嘗試學 shader,因為有前面的累積,這次是最上手的一次 這次的基底是 pixelate (馬賽克) 效果,配色是前陣子很喜歡的黃橘藍配色,視覺感算是當下我自己喜歡的樣式。 這張圖是大約兩週前做的,感覺這種東西很神奇,可能是最近自己精神不濟,今天整理準備輸出的時候,怎麼就是抓不回當時的感覺,但估且還是先放上當時有記錄下的版本。 科普一下背後的小知識: 程式宅小教室💡 這一次主要使用的技術是 shader,是可以操作繪圖晶片 GPU 的程式。電腦運作有兩種主要的晶片 CPU 和 GPU,CPU 處理邏輯運算,GPU 處理圖形運算。這兩種晶片的運作思維非常不一樣,CPU 是一行一行往下讀,一次只有一個程序會執行程式,大部分程式語言寫的都是這種;而 GPU 是讓大量的目標同時執行同一份程式,舉例來說,同時讓螢幕上每個 pixel,1920x1080 個點,讀一份程式,來畫出螢幕上的畫面。 要怎麼讓畫面上 1920x1080 個點讀一模一樣的程式,卻能讓每個 pixel 畫出不同的顏色,思考方式和平常寫程式真的很不一樣!
65 10
1 month ago
2024 | Microbiopolitics | web-based installation 24 年的時候,我和徐容合作了一件作品。當時他正在發展一系列以身體、細菌、政治為主軸的作品,找我一起做動態和互動 延伸徐容畫的身體地圖,我們把身體轉化成一個由 5 大洲、39 座城市所組成的世界。針對每一座城市,我們模擬了細菌居民的動態,並設計一套互動系統,讓觀眾能透過展場中央的平板,即時介入這個身體版圖 細菌在真實世界中的生存方式很有趣,他們沒有中心意識或指揮者,每個個體只會和附近的個體交換訊息。即是這樣去中心化的組織,他們還是能自然形成某種可以辨識的秩序,甚至可以同抵禦外敵 有趣歸有趣,但對於要如何展現細菌的動態,我記得我當時掙扎和嘗試了好久,一直都做不出喜歡的視覺,失敗好多次之後,最後決定回歸到媒體藝術中的經典 — 康威的生命遊戲來著手 康威的生命遊戲,是數學模型「細胞自動機 (cellular automata)」裡面最有名的案例,它的規則非常簡單:以格子構成的棋盤比擬世界,每一個格子代表一個生命體,只有存活或死亡兩種狀態,格子本身的生命狀態會根據周圍鄰居的狀態來決定。初始狀態設定好之後,人類就對這個系統沒有插手的餘地了,後面所有的樣貌都是數學公式自行發展而成的 生命遊戲是早期第一個打破人類對電腦計算想像的概念,程式指令不再只是一個指令一個動作,一個簡單的公式也可以自己衍生成非常複雜的生態系。因為完全無法從最初的規則推測未來的動態,所以這也是吸引很多人投入研究的原因,很有趣! 《Microbiopolitics》 📍SOMA ART, Berlin, Germany ▍藝術家 —— 徐容 ▍身體地圖繪製 —— 徐容 ▍投影視覺、動態設計 —— 蕭宇彤 ▍互動程式開發 —— 蕭宇彤
58 2
3 months ago
用今年工作裡面,我最喜歡的,幫北影做的彩色泡泡結束 2023 謝謝今年所有相遇,明年見ㄌ
71 3
2 years ago
本來想做帥帥的雜訊動圖,結果做完好像偏可愛,最近好像帥不起來 - #p5js #reactjs #creativecoding #generative
59 0
2 years ago
[ work | 網站開發 / 2025 ] 動物方程式 2 測驗網站 / —————— 這次參與了動物方程式 2 上映前的宣傳網站製作, 感謝一途創意相找! 測驗總共有九道題目, 每個題目都有相應的動畫和動態, 我節錄了幾個裡面我特別喜歡和好笑的片段, 剩下的就留給大家自己來體驗 網站是期間限定的, 快來測測你是什麼角色ㄅ (ㄚ 然後我是樹懶!) 動物方程式 2 現正預售中!
29 4
6 months ago
[ work | 網站開發 ] 2025 台灣設計展在彰化 signexpo.org.tw/ ————————————— 設計展快結束了 網站也將在 11/1 23:59 關閉 還有幾天抽卡機會 來抽卡吧! ————————————— 企劃統籌 —— 莊舒羽(莊虎牙) 視覺統籌 —— 謝坤哲(吃吧) 執行統籌 —— 洪榮祥 Steven ​ 企劃文案 —— 侯沁歡 文案協力 —— Chuan ​ 網站設計 —— 吃吧、劉子琳 插畫設計 —— 劉子琳 、Woowa 動畫設計 —— 吃吧 、Julia Wu 聲音設計 —— 王冠超 Nate Wang ​ 前端程式 —— 蕭宇彤(湯包) 後端程式 —— James Wang
16 0
6 months ago