[搬運(yùn)]彈幕藝術(shù)聯(lián)合文檔-《Round and Round》后記

2023-03-06 10:38 作者:初代目蔥娘 0人讀過 | 我要投稿

轉(zhuǎn)自：biliscript-syndicate.github.io

標(biāo)題：《Round and Round》后記

作者：akaza-akari

日期：2013年02月15日

……都要統(tǒng)一性的寫成XXX后記這樣的標(biāo)題的嗎？

大家好，我是EPM，Round and Round的彈幕作者。雖然早幾天受到了邀請(qǐng)說寫制作過程什么的不過由于種種原因開始的有些晚呢，并不怎么善于寫這樣的文，大概需要什么內(nèi)容也不清楚……大體是參照前一篇來的，經(jīng)驗(yàn)不足質(zhì)量問題還是請(qǐng)多包涵啦……

我自己應(yīng)該算是UP主中比較不值得提及的一類，雖然待的時(shí)間不算太短不過并沒有什么存在感。參加大賽的原因之前在9ch也有提到，與大家比來實(shí)在不堪，在此就不再提及了。

從傳統(tǒng)的意義上講的彈幕藝術(shù)作品，其內(nèi)容需要依托于樂曲才能展開，因此所選的曲目很大程度上會(huì)決定作品的走向。從這個(gè)的反向來講，如果不論性能限制，就是說選曲要適應(yīng)自己的能力特點(diǎn)，而非一味追求熱門或喜歡的曲目的事情。

以這次自己的選曲來講的話，就像是這樣的吧：

?出自熟悉的音樂游戲，對(duì)于自己來說是比較喜歡的曲目；可以保持足夠的動(dòng)力做完
?歌曲速度較快，同時(shí)節(jié)奏分明，對(duì)于出自音MAD背景的自己來說可能是可以利用的優(yōu)勢(shì)
?曲風(fēng)與知名歌曲Bad Apple!!極似，又是同一編曲者所作，可以在借鑒（抄襲）已有元素的同時(shí)一定程度上提高認(rèn)知度
?在上一條的基礎(chǔ)上，可以掩飾自己色感不足、繪圖能力差的缺陷（如果去像ココロ或者干杯那樣描是會(huì)出人命的）
?不是大眾熱門曲，可以免于撞車、被壓的風(fēng)險(xiǎn)

作品的制作主要是在沒有排課的空余時(shí)間進(jìn)行的，因此雖然使用了兩周+的時(shí)間，實(shí)際工作時(shí)間不是特別長(zhǎng)。其中一周多的時(shí)間是在寫輔助框架現(xiàn)名Akari.biliScript，之后的時(shí)間也在隨著制作的需要進(jìn)行擴(kuò)展?？蚣苤饕鸬綍r(shí)間調(diào)度和提供我比較熟悉的場(chǎng)景描述方式的作用，由于并非重點(diǎn)，此處不再多作說明；更多信息請(qǐng)參照上述repo和9ch主題。

開始之后首先解決的是分鏡問題，這里比較自然地會(huì)想到參照游戲的BGA。很遺憾的是BGA只是泛用動(dòng)畫+Layer的形式，并沒有專門的動(dòng)畫；由于之前選曲時(shí)限定的風(fēng)格所致，描畫Layer也是不可行的（何況Layer只有兩三張圖而已）；最終只得自行編排。由于過于簡(jiǎn)單，并未留下什么記錄，情形將在下文提到。

接下來是視覺元素的選擇。由于簡(jiǎn)單的配色限制并不允許過多復(fù)雜的圖形，決定使用大字體的文字為主要視覺元素。大部分時(shí)間黑白的情況下，反轉(zhuǎn)合成也可以成為視覺效果的一大變數(shù)；而在邊緣不規(guī)則的情況下，反轉(zhuǎn)合成后的畫面可能比較難以辨認(rèn)。因此以較為規(guī)則可預(yù)測(cè)的形狀作為圖形效果或裝飾。受曲名的影響，最終選定以圓及其另外兩個(gè)變體（空心、斷開，齒輪）為效果元素。

關(guān)于節(jié)奏的同步問題。我是用平時(shí)調(diào)音的時(shí)候常用的DAW進(jìn)行定位讀數(shù)，可以說比較過當(dāng)，不過保證定位的準(zhǔn)確這一點(diǎn)在我眼中是很重要的。

在設(shè)定好DAW之后，將曲子分成了幾段并依照特點(diǎn)處理。

Intro ~13s

這一段的特點(diǎn)是漸進(jìn)的加速軍鼓、掃頻，產(chǎn)生不安定的效果，隨后以一個(gè)短暫低潮解決。想法是以視覺元素的積壓與黑白的快速切換產(chǎn)生視覺上的壓力，以與聽覺感受形成同步。此處和副歌部分可以看到引用自原BGA Layer的裝飾性文字。
Scratch ~27s

皿（皿是什么？），連接釋放與接下來的歌詞部分。這部分首次用到了強(qiáng)制運(yùn)動(dòng)模糊，目的在于（尤其是）低幀率下展現(xiàn)出更加自然的高速運(yùn)動(dòng)。做法是將原本的層分離成數(shù)個(gè)，據(jù)快門速度和相位得出各自的狀態(tài)，按照均分的透明度值加法疊加后，再用原本的合成方式顯示。就效果上而言是不錯(cuò)的，但在采樣增多的情況下會(huì)成為主要的性能問題，因此實(shí)際上在Round and Round中使用的采樣數(shù)比預(yù)計(jì)少很多。

[圖1][圖2]

使用強(qiáng)制運(yùn)動(dòng)模糊的場(chǎng)景截圖，由于是在60fps更改后的截圖，效果上和投稿時(shí)有一定差異。
Verse ~53s

根據(jù)歌詞節(jié)律選定了字號(hào)大小與排列方式對(duì)比的效果。這個(gè)部分的大字體表現(xiàn)上遇到了嚴(yán)重的問題。使用TextField的原本的實(shí)現(xiàn)受到Flash運(yùn)行時(shí)的限制，即便經(jīng)過放大也無法顯示超過200px的文字（除非使用位圖緩存，那樣會(huì)產(chǎn)生極度模糊無法閱讀的文字）。同時(shí)，TextField還有字體和鋸齒的問題，這使得我決定不再使用TextField，實(shí)現(xiàn)自己的文字排列并將靜態(tài)文字作為圖形嵌入。字體的嵌入使代碼量膨脹，無法再容納在一條里；此后的文字排列工作更多的轉(zhuǎn)移到Illustrator側(cè)。

[圖3][圖4]

更改前后的效果對(duì)比。左側(cè)（歷史截圖，TextField）使用為宋體，采用位圖緩存方案，即使小窗也可以看到明顯的瑕疵，寬屏或全屏堪稱慘不忍睹。
Breakdown ~81s

歌曲的低潮部分，為和接下來的副歌部分產(chǎn)生對(duì)比，主要選擇了低速運(yùn)動(dòng)，并應(yīng)用了一定的視覺上的鈍化效果。反色和隨機(jī)使用最為廣泛的一段。由于風(fēng)格選擇，這里不宜使用模糊濾鏡，因此選擇了奇數(shù)個(gè)反色層加上隨機(jī)運(yùn)動(dòng)的方式來實(shí)現(xiàn)類似失焦的效果。背景部分是多個(gè)隨機(jī)的反色圓形，沒有什么值得提及的。
Chorus ~108s & Outro ~126s

副歌部分，主要使用了高速運(yùn)動(dòng)和3D化的背景與其他部分產(chǎn)生對(duì)比；除了引き裂く處的分裂使用了一個(gè)嵌套合成和色彩變換，空間的收束采用了歌詞最后的の字作為蒙版，沒有什么另外值得提及的。最后回歸了類似于Intro的場(chǎng)景，說來做完后有人覺得最后的齒輪如果放完后還一直轉(zhuǎn)下去就好了，這個(gè)創(chuàng)意實(shí)在是沒想到……

[圖5]

嘛，制作過程中的想法大概就是這樣。剩余的編碼只是苦力活了，行數(shù)大概是我的換行太多了的緣故……雖然本來想過像UHI先輩那樣在別的軟件里做好再轉(zhuǎn)過來，不過直接寫也沒有遇到什么障礙，到可視化麻煩點(diǎn)而已，可能因?yàn)閳?chǎng)景總體上都比較簡(jiǎn)單吧。寫的代碼和普遍的做法不大一樣，就自己的感想的話這種手寫工程文件似的感覺還是挺微妙的……

在制作中有使用Miller Medeiros的SVG to Motifs Parser作為SVG到Graphics繪圖指令的轉(zhuǎn)換工具。其對(duì)SVG的遮罩、動(dòng)畫、樣式表、文字、位圖、漸變填充是缺乏支持的，作者使用的是Illustrator生成SVG。如果輸入有不支持的東西會(huì)在”Warnings Panel”中顯示。使用方式是將SVG源碼填入”Input”框然后點(diǎn)擊”Convert to AS3 Graphics”。

制作方面其余的感想的話，大體之前也在9ch有說過，這里也就不怎么多說了。針對(duì)獎(jiǎng)品的話……