dosomething 報導室：作品解析+收錄幕後花絮

蛋堡最新 MV 家常音樂 ，入侵你的電腦

暌違七年，蛋堡自立廠牌 ’任性的人’，推出新專輯 ’家常音樂’，由 dosomething studio 操刀官網與互動網頁 MV。

前情提要：

2019 年 9 月，公司專案經理接到一通來自杜先生的電話，希望製作網站和電商，掛掉電話後才發現「剛剛的杜先生是蛋堡！」，於是團隊一路跟蛋堡從官網，聊到以網站做 MV 的構想後，啟動了為期數個月的合作，直到今年初農曆年前，才與大家相會。

這支網站式 MV 的挑戰在於，有別影片的手法，一次跨了好幾種領域：影片敘事、視覺設計、flash 動畫到程式互動，考驗團隊的技術整合能力，與畫面上的協調性。

因為過程太痛苦，所以藉由本文，與大家分享，我們是如何設計整支 MV ，並一次盤點 MV 中的所有彩蛋~

現在，就帶你直擊第一手的家常音樂

A. 網站技術面：

整首都由程式即時產生的 MV 該如何做技術規劃？

頻寬是優先考量：因為無法使用免費串流平台，MV 需要考量到頻寬和下載速度，以往動輒幾萬人的瞬間流量，在一般主網主機上是不太可能達成的，MV 的大小 MB，會影響瀏覽的速度，越多人觀看也會產生昂貴的流量費用，所以縮小 MV 尺寸會是首要任務。

以副歌橋段為例，其實所有的對嘴畫面，都是出自同一段素材，如此一來便能省下不少的檔案量，透過不同視覺程式的編排效果，變化出三套不同的表演形式。

由左而右（分割、echo、符號化）這三段都是同一支素材，但藉由視覺設計與程式，能創造不同的變化表現

採用 adobe animate（flash）開發動態影片，發布成 javascript 動畫，30 秒的影片為例，Flash 製作的動畫，檔案大小差不多也才 4 MB

利用 Flash 動畫，還原蛋堡演奏的 finger drum

B. 挪用生活與網站的使用情境：

將經典的網站元素，甚至是操作行為，與家常感做微妙的置換與連結。

最鮮明的橋段，有 Landing Page 的畫面佈局，分頁構成的合菜轉盤，還有當機的藍畫面

1. 呼應家常感：配合音樂的門鈴鳥鳴，團隊將 '按門鈴' 的場景，錯置到 '開啟視訊鏡頭' 的需求上，並且讓觀者出現在，接通對講機後的畫面上，像是蛋堡邀請觀眾進門坐坐，透過情境引導觀眾開啟 webcam 權限。
2. 網站元素：蛋堡以 Winners XD 意指經典的 Windows 元素，呼應聽 mp3 的年代記憶，同時，也佔領了觀者的電腦桌面，不得分心瀏覽其他頁面，才能獲得完整的 MV 體驗。
3. 畫面左下角，還有 Windows 介面的 Loading Bar ，說明整首 MV 網頁的載入進度。

為呼應歌詞提到的手路菜，我們透過程式，讓瀏覽器的分頁，像合菜轉盤般的轉起來。

將復古 Windows 的使用經驗，轉化成適合 MV 的概念，乍看準備死當的畫面 ，卻是下一段的演唱章節。

蛋堡還特地編輯了原曲，並額外加入當機音效，以強化 MV 概念

C. 創作老爸的身份 Soft Lipa 與 Soft Lipapa

（再次讚嘆，這首「家書」實在帥～）

盡可能的將真實，挹注到 MV 的細節設定上，讓「家常」的質感，牢牢得扎根在作品的基調中。譬如說，畫面中的器材，都是蛋堡的家常配備。

HOME BAKED PROGRESS | 除了蛋堡的創作器材，還有 RHEMI 本人的玩具，都被蛋堡借來拍成菜餚

呼應蛋堡的身份歷程：對比創作人有了小孩後的生活，如專輯概念所提到的 ‘生活是碎片的集合’，這都是創作者爸爸的日常

還有蛋堡父女倆，在 YouTube 上的畫面，都是利用電腦的 WebCam ，所創造的互動橋段，營造蛋堡與觀者對話的場景。

來自巧克力大明星 RHEMI 的演出，右方互動為導演cowper置入的個人藝術錄像裝置「狹縫中的連續微觀」

針對 3D 的蛋堡對嘴，還有個值得一提的技術點，就是利用手機上的模型 APP，記錄下即時性的 3D 資訊與表演。

團隊透過手機 APP，即時記錄蛋堡的對嘴數據，再打造出 MV 中的 3D 模型

最後，當然必須揭曉彩蛋 🐣 ，與一些製作過程中的小插曲

Landing Page：蛋堡命名了桌面上的所有資料夾，反串 stusis 與其他資料夾名稱，我們就不多說，但是的～網友大部分都猜到了，2020/2/14 是專輯的正式發行日。

0:49 | 在這個畫面中，有蛋花送給爸爸的貼紙，蛋堡非常的珍惜～就是位於鼓機 MPC 1000 左上角的鴨鴨廚師。

至於流動的背景設計，也參考了蛋堡慣用的介面。（十分感謝蛋堡，在片場的大方教學～）

2:04 | 錄音帶的標籤名：是蛋堡在高中那年，以 E Dabo G 的身份，錄下他的第一首饒舌歌曲 '性慾爆炸'

2:43 ｜具小道消息指出，蛋堡穿的 '任性的人' t-shirt ，很～可能會在近期釋出，敬請期待

3:10 ｜下排的羅馬數字與地標，是團隊彙整出來的資料，各象徵著蛋堡的歷程階段

MCMLXXXII ＝1982.12.07 是蛋堡的生日（題外話， MV 導演也是 12.07 的壽星， 兩位剛好在他們 2019 年生日前天，湊在一起拍家常音樂 ）

MCMXCVI ＝1996

蛋堡在專訪中提到，1996 年的夏季，是他覺得跟音樂最緊密的時候，也曾在個人的 Instagram PO 文中提到，1996 是他很喜歡的年份。

MMVI ＝2006 ｜蛋堡離開家鄉台南，到台北來創作

MMXIV ＝ 2014 ｜女兒蛋花，出現在蛋堡的生活中

兩個地標，正是台南與台北 —— 是蛋堡的家鄉，與他現在的生活圈

3:16 | SL 下的那串數字，是蛋堡在台南一中的學號，在他早期的 IG 中曾 PO 出來過

父女倆在錄製 YouTube 的 MV 畫面

Credit：
客戶｜任性的人
創意與執行團隊｜dosomething studio
品牌網站
創意總監｜王宗欣
專案經理｜Julia Huang
網站設計｜Anzo Chen
前端｜Webber Wu
後端｜Kevin Tu
家常音樂 MV
藝術總監/導演｜王宗欣
專案經理｜Julia Huang
腳本企劃｜Moma Liu、Julia Huang、羊君
平面設計｜羊君
前端程式｜John Yu
3D 設計｜Rong Rong Yeh
影像處理｜Jiayu Lu
攝影師｜蔡秉孝（尖蚪映畫）

文末，再次向還沒預購的朋友喊話：實體專輯預購日到 2 月 9 號，敬請把握時間，以行動支持任性的人養家活口～

任性的人