GlitchArt故障藝術(shù)士葫,這是什么Bug乞而?


研究主題:GlitchArt 故障藝術(shù)

研究對象:故障藝術(shù)的應(yīng)用實現(xiàn)

What?慢显? 都故障了還能稱為藝術(shù)爪模?我想這個詞匯會讓不了解的人,覺得驚訝與陌生荚藻。不過屋灌,作為新的藝術(shù)形式,它其實來源于我們生活中一個十分惱人的情景——數(shù)據(jù)和數(shù)字設(shè)備的故障应狱。

比如小時候共郭,一家人正開開心心的磕著瓜子看著電視,由于信號弱或不知名的原因疾呻,電視畫面突然變成了這個樣子:

或者是這個樣子:

周二沒有電視節(jié)目的時候……

畫面出現(xiàn)異常除嘹、失真、變形罐韩、破碎等混亂情況憾赁,導(dǎo)致我們觀看的欲望也沒有了……但藝術(shù)家們卻從這些偶然產(chǎn)生的“圖像錯誤”中發(fā)現(xiàn)了美,它們不僅代表不完善散吵,更意味著意外和變化龙考,每一次故障都像是打破常規(guī)的再創(chuàng)造。

什么是 Glitch 矾睦?

Glitch 就是小故障晦款、短暫的脈沖波干擾意思,比如說瞬時故障枚冗,可以自我糾正缓溅,但是又相對難以解決的問題,理論上來說赁温,包括人類組織和自然界在內(nèi)的所有類型系統(tǒng)都會遇到故障坛怪,但是該術(shù)語主要在計算機和電子行業(yè)淤齐,電路彎曲以及視頻游戲玩家中比較常見。

A?glitch?is a short-lived?fault?in a system, such as a transient fault that corrects itself, making it difficult to troubleshoot. The term is particularly common in the?computing and?electronics industries,in?circuit bending, as well as among players of?video games. More generally, all types of systems including human?organizations?and nature experience glitches.維基百科上關(guān)于 Glitch 的釋義

而故障藝術(shù)(Glitch Art)袜匿,則是利用事物的故障更啄,進(jìn)行藝術(shù)加工,使這種故障缺陷反而成為一種藝術(shù)品居灯,具有特殊的美感祭务。所以說,故障藝術(shù)的特點就在于顏色與圖像怪嫌,都是失真破碎义锥、錯位變形的,以及一些條紋圖形的穿插輔助岩灭。

美國搞笑綜藝節(jié)目《What's My Line》中的John Daily 進(jìn)一步定義了 Glitch 拌倍,并說這是在發(fā)射火箭過程中遇到的一種不知所以然的問題,所以稱它為“小故障”川背;隨后《時代》雜志在文章中對其進(jìn)行定義:“Glitches—a spaceman's word for irritating disturbances.”直到現(xiàn)在贰拿,Glitch 仍被用來形容火箭發(fā)射時出現(xiàn)的小故障,且延伸出了新的藝術(shù)形式熄云。

無處不在的 GlitchArt

活躍在“Bug圈”的大佬們

被譽為“新媒體藝術(shù)之父”的韓裔美籍藝術(shù)家,白南準(zhǔn)(Nam June Paik)妙真,于1965年創(chuàng)作了《Magnet TV》磁鐵電視缴允。他在電視機上放置了一塊巨大的磁鐵,使顯示屏里的圖像和聲音因磁鐵干擾發(fā)生了變化珍德,故障藝術(shù)也應(yīng)運而生练般。

荷蘭女藝術(shù)家羅莎·滿克曼(Rosa Menkman)是故障藝術(shù)的學(xué)術(shù)領(lǐng)軍人物,她不僅是一位創(chuàng)作故障藝術(shù)的新媒體藝術(shù)家锈候,還是策展人和作家薄料。

《The Glitch Moment》,專門研究故障藝術(shù)的歷史和作品

Rosa Menkman 的故障藝術(shù)作品

她還創(chuàng)立了網(wǎng)站——Glitch Studies Manifesto泵琳,成為了世界故障藝術(shù)家們交流學(xué)習(xí)的平臺摄职。

西班牙藝術(shù)家 Maurizio Bongiovanni 的“故障藝術(shù)”小鳥油畫,是在用架上繪畫的方式模仿數(shù)字藝術(shù)效果获列。

意大利藝術(shù)家 Giacomo Carmagnola 的作品風(fēng)格鮮明谷市,熟悉他作品的人總是能從一堆圖片中立刻認(rèn)出。他經(jīng)常將既有人物或景物照片中的面孔與物體模糊化击孩,造成一種數(shù)碼“融化”的效果迫悠。

臺灣藝術(shù)家韓旭東(Hsu Tung Han)的木雕作品,使 GlitchArt 立體可觸碰巩梢。

平面設(shè)計師 Magdiel Lopez 的設(shè)計項目(magdiellopez.com)——每天一款海報設(shè)計挑戰(zhàn)创泄,其中的許多作品都使用了故障效果艺玲。

地毯藝術(shù)家Faig Ahmed,他將故障藝術(shù)融入傳統(tǒng)的地毯創(chuàng)作中鞠抑,在純手工制作的地毯中融入了打碼饭聚、失真變形等數(shù)碼故障元素,織出了這些別具一格的崩壞地毯作品:

日常生活中的故障風(fēng)

厄瓜多爾 LaPradera 市有一家“故障酒吧(GlitchBar)”碍拆,它的前身是一座老舊失修若治、“滿是故障”的老住宅。酒吧希望這次對室內(nèi)的翻修能夠盡可能地減少對原處的破壞感混,重復(fù)利用原來的材料端幼,更好地利用資源,進(jìn)行拆卸時保留了原來有的窗戶(現(xiàn)在變成了門)弧满、磚墻(成為底層地板)以及一些藤蔓植物和門前的棕櫚樹婆跑。

室內(nèi)設(shè)計與裝潢大膽采用了故障藝術(shù)的元素,從酒吧門面到內(nèi)部家具(燈庭呜、開關(guān)滑进、木質(zhì)桌椅和吧臺),都被涂上了帶有裝飾性的抽象割裂圖案募谎,看似支離破碎卻又別具一格扶关,鮮艷又明亮。

電影数冬、廣告节槐、服飾等領(lǐng)域,同樣能見到故障藝術(shù)的運用拐纱。電影《攻殼機動隊》海報铜异,結(jié)合故事調(diào)性,在畫面中鋪設(shè)了大量破碎錯位的條紋秸架, 還有絢麗的色彩揍庄。

帶火了一波網(wǎng)紅和特色城市的抖音,同時還帶火了故障藝術(shù)东抹,Logo和宣傳海報也是運用了大量的條紋裝飾蚂子、圖像錯位、紅綠撞色及顏色錯位來吸引眼球府阀。

滴滴燃到爆的《想出發(fā)就出發(fā)》的廣告片缆镣,利用故障藝術(shù)的特效,呼喚你透過現(xiàn)實做更好的自己试浙,不再優(yōu)柔寡斷尋找借口董瞻。

蘋果 HomePods 廣告短片《Welcome Home 》,巧妙的結(jié)合了“故障藝術(shù)”這樣一個數(shù)字藝術(shù)的概念,但全部以道具實拍實現(xiàn)钠糊。

隨著電腦和網(wǎng)絡(luò)的普及以及電子游戲成為稍微主流的娛樂方式后挟秤,在2010年代以來,越來越多的時裝設(shè)計師們將Glitch Art這種nerdy的藝術(shù)形式滲透到時尚設(shè)計領(lǐng)域抄伍。

Anrealage FW 2011 森永邦彥Kunihiko Morinaga 作品

來自日本的服裝設(shè)計師Nukeme 與視覺藝術(shù)家 Ucnv合作的故障藝術(shù)風(fēng)格風(fēng)衣 2013

Frankie Morello 2015 作品

GlitchArt 算法總結(jié)與實現(xiàn)

由于故障藝術(shù)的風(fēng)格種類比較多艘刚,辭典醬了解到一些常見風(fēng)格的代碼實現(xiàn)。

以下代碼完整版截珍,來自《高品質(zhì)后處理:十種故障藝術(shù)(Glitch Art)算法的總結(jié)與實現(xiàn)》

RGB顏色分離故障(RGB Split Glitch)

RGB顏色分離故障(RGB Split Glitch)攀甚,也稱顏色偏移故障(Color Shift Glitch),是故障藝術(shù)中比較常見的表達(dá)形式之一岗喉。例如秋度,抖音短視頻App的Icon,即是RGB顏色分離故障藝術(shù)風(fēng)格影響下的作品钱床,給整體產(chǎn)品帶來了潮流與年輕的氣息:

RGB顏色分離故障(RGB Split Glitch)荚斯,實現(xiàn)算法的主要要點在于紅綠藍(lán)三個通道采用不同的uv偏移值進(jìn)行分別采樣。一般而言查牌,會在RGB三個顏色通道中事期,選取一個通道采用原始uv值,另外兩個通道進(jìn)行uv抖動后再進(jìn)行采樣纸颜。一個經(jīng)過性能優(yōu)化的實現(xiàn)版本Shader代碼如下:

上述代碼兽泣,得到的渲染表現(xiàn)如下:

錯位線條故障(Line Block Glitch)

錯位線條故障(Line Block Glitch)具有較強的表現(xiàn)力,在Glitch系列特效中的出鏡率也較高胁孙。

該算法的實現(xiàn)思路在于隨機寬度線條的生成撞叨。我們一步一步來,先從生成均勻?qū)挾染€條開始:

基于trunc函數(shù)以及randomNoise函數(shù)浊洞,配合上述調(diào)用代碼,即可得到如下均勻?qū)挾染€條:

接著胡岔,使用如下代碼法希,將均勻漸變線條轉(zhuǎn)為隨機梯度的等寬線條:

然后,將隨機梯度的等寬線條靶瘸,經(jīng)過多次randomNoise操作苫亦,轉(zhuǎn)換為隨機梯度的非等寬線條:

可以得到如下的渲染表現(xiàn):

接著,通過隨機梯度的非等寬線條怨咪,去抖動uv采樣生成源色調(diào)的blockLine Glitch:

對應(yīng)的渲染表現(xiàn)如下:

掃描線抖動故障(Scan Line Jitter Glitch)

掃描線抖動故障(Scan Line Jitter Glitch)算法較簡單屋剑,但是得到的渲染表現(xiàn)卻非常具有沖擊力:

一個比較直接的實現(xiàn)是直接對橫向或者縱向UV進(jìn)行基于noise的抖動,Shader實現(xiàn)代碼如下:

得到的渲染表現(xiàn)如下:

數(shù)字條紋故障(Digital Stripe Glitch)

數(shù)字條紋故障(Digital Stripe Glitch)同樣是出鏡率較高的Glitch系后處理特效之一诗眨。例如在《賽博朋克2077》的gameplay中唉匾,就可以到它的身影:

《賽博朋克2077》中的數(shù)字條紋故障(Digital Stripe Glitch)特效 @ CD Projekt


數(shù)字條紋故障(Digital Stripe Glitch)需在Runtime層完成noise Texture的生成,然后傳入GPU中進(jìn)行最終的運算和渲染呈現(xiàn)。

生成的圖片如下:

喜歡的人超級喜歡巍膘,不喜歡的人則無感厂财。故障藝術(shù)的誕生與流行,顛覆了我們對美的定義峡懈。別具一格的故障藝術(shù)給生活中增添了一抹色彩璃饱。讓我們清楚的意識到,設(shè)計也可創(chuàng)造無限可能肪康。

相關(guān)引用:

羅莎·滿克曼(Rosa Menkman)個人網(wǎng)站:http://rosa-menkman.blogspot.ae/

《高品質(zhì)后處理:十種故障藝術(shù)(Glitch Art)算法的總結(jié)與實現(xiàn)》by CSDN博主「淺墨_毛星云」:https://blog.csdn.net/zhmxy555/article/details/106753402/

https://baike.baidu.com/item/%E6%95%85%E9%9A%9C%E8%89%BA%E6%9C%AF/18512081?fr=aladdin

https://www.sohu.com/a/248784256_528930

https://www.sohu.com/a/273414243_474139

歡迎關(guān)注作者公眾號:UX辭典荚恶,獲得更多UX設(shè)計干貨

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市磷支,隨后出現(xiàn)的幾起案子谒撼,更是在濱河造成了極大的恐慌,老刑警劉巖齐唆,帶你破解...
    沈念sama閱讀 211,423評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件嗤栓,死亡現(xiàn)場離奇詭異,居然都是意外死亡箍邮,警方通過查閱死者的電腦和手機茉帅,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,147評論 2 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來锭弊,“玉大人堪澎,你說我怎么就攤上這事∥吨停” “怎么了樱蛤?”我有些...
    開封第一講書人閱讀 157,019評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長剑鞍。 經(jīng)常有香客問我昨凡,道長,這世上最難降的妖魔是什么蚁署? 我笑而不...
    開封第一講書人閱讀 56,443評論 1 283
  • 正文 為了忘掉前任便脊,我火速辦了婚禮,結(jié)果婚禮上光戈,老公的妹妹穿的比我還像新娘哪痰。我一直安慰自己,他們只是感情好久妆,可當(dāng)我...
    茶點故事閱讀 65,535評論 6 385
  • 文/花漫 我一把揭開白布晌杰。 她就那樣靜靜地躺著,像睡著了一般筷弦。 火紅的嫁衣襯著肌膚如雪肋演。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,798評論 1 290
  • 那天,我揣著相機與錄音惋啃,去河邊找鬼哼鬓。 笑死,一個胖子當(dāng)著我的面吹牛边灭,可吹牛的內(nèi)容都是我干的异希。 我是一名探鬼主播,決...
    沈念sama閱讀 38,941評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼绒瘦,長吁一口氣:“原來是場噩夢啊……” “哼称簿!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起惰帽,我...
    開封第一講書人閱讀 37,704評論 0 266
  • 序言:老撾萬榮一對情侶失蹤镰绎,失蹤者是張志新(化名)和其女友劉穎育韩,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,152評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡重绷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,494評論 2 327
  • 正文 我和宋清朗相戀三年篱竭,在試婚紗的時候發(fā)現(xiàn)自己被綠了昼接。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片构韵。...
    茶點故事閱讀 38,629評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖爵嗅,靈堂內(nèi)的尸體忽然破棺而出娇澎,到底是詐尸還是另有隱情,我是刑警寧澤睹晒,帶...
    沈念sama閱讀 34,295評論 4 329
  • 正文 年R本政府宣布趟庄,位于F島的核電站,受9級特大地震影響伪很,放射性物質(zhì)發(fā)生泄漏戚啥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,901評論 3 313
  • 文/蒙蒙 一锉试、第九天 我趴在偏房一處隱蔽的房頂上張望虑鼎。 院中可真熱鬧,春花似錦键痛、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,742評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至昨忆,卻和暖如春丁频,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,978評論 1 266
  • 我被黑心中介騙來泰國打工席里, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留叔磷,地道東北人。 一個月前我還...
    沈念sama閱讀 46,333評論 2 360
  • 正文 我出身青樓奖磁,卻偏偏與公主長得像改基,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子咖为,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,499評論 2 348