故障了還能稱為藝術(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ù)語主要在計算機(jī)和電子行業(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

1. 活躍在「Bug圈」的大佬們

被譽為「新媒體藝術(shù)之父」的韓裔美籍藝術(shù)家，白南準(zhǔn)（Nam June Paik），于 1965 年創(chuàng)作了《Magnet TV》磁鐵電視。他在電視機(jī)上放置了一塊巨大的磁鐵，使顯示屏里的圖像和聲音因磁鐵干擾發(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ù)碼故障元素，織出了這些別具一格的崩壞地毯作品：

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

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

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

電影、廣告、服飾等領(lǐng)域，同樣能見到故障藝術(shù)的運用。電影《攻殼機(jī)動隊》海報，結(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)》

1. 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)如下：

2. 錯位線條故障（Line Block Glitch）

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

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

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

接著，使用如下代碼，將均勻漸變線條轉(zhuǎn)為隨機(jī)梯度的等寬線條：

然后，將隨機(jī)梯度的等寬線條，經(jīng)過多次 randomNoise 操作，轉(zhuǎn)換為隨機(jī)梯度的非等寬線條：

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

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

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

△ 錯位線條故障（Line Block Glitch）

3. 掃描線抖動故障（Scan Line Jitter Glitch）

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

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

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

△ 掃描線抖動故障（Scan Line Jitter Glitch）

4. 數(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ù)字條紋故障（Digital Stripe Glitch）

喜歡的人超級喜歡，不喜歡的人則無感，故障藝術(shù)的誕生與流行，顛覆了我們對美的定義。別具一格的故障藝術(shù)給生活中增添了一抹色彩，讓我們清楚的意識到，設(shè)計也可創(chuàng)造無限可能。我們網(wǎng)站提供了非常多制作故障藝術(shù)效果的素材，下載地址