大家好，這是我對(duì)APEX游戲美化框的設(shè)計(jì)總結(jié)。這是我從事設(shè)計(jì)工作時(shí)保留下來的習(xí)慣，我每做一個(gè)項(xiàng)目都會(huì)寫總結(jié)去整理我的設(shè)計(jì)目標(biāo)、范圍和策略。我還需要去做什么，以及在什么限制的范圍內(nèi)。在我的設(shè)計(jì)總結(jié)里，它主要為我的設(shè)計(jì)方法提供信息和思維引導(dǎo)，即項(xiàng)目從構(gòu)思到完成的整個(gè)工作流程。

什么是游戲美化框？

最早出現(xiàn)在Twitch直播平臺(tái)上，由各種圖形元素組成，例如游戲框、文本、圖像、圖標(biāo)、過渡等，所有的這些元素都可以放置在直播畫面上，目的是為觀眾創(chuàng)造一種吸引人的實(shí)時(shí)觀看體驗(yàn)。它是任何游戲里以覆蓋方式的一種素材，主要用于直播，裝飾直播畫面，或者自用達(dá)到個(gè)性化的一種素材。

使用這些素材可以使用OBS/Streamlabs/B站直播姬。大部分操作習(xí)慣差不多一致，需要?jiǎng)?chuàng)建一個(gè)新的圖層（場(chǎng)景），導(dǎo)入疊加圖像文件。

素材的尺寸和大小

素材的設(shè)計(jì)需要保持在需要疊加的位置上，一般為1920x1080，這個(gè)尺寸確保了導(dǎo)入到直播軟件時(shí)的最高屏幕分辨率。但也不排除有其他人用別的尺寸。大小需要更小更高清的格式，png或者webm，這是為了給畫面更多的空間讓串流更流暢。

素材的大小影響著實(shí)時(shí)流處理，它是在數(shù)據(jù)生成或發(fā)布時(shí)對(duì)數(shù)據(jù)采取行動(dòng)的過程。

實(shí)時(shí)數(shù)據(jù)通常是指可立即從源系統(tǒng)或流程中立即獲得的數(shù)據(jù)，不會(huì)因某些后續(xù)操作而延遲。例如，日內(nèi)交易可能需要運(yùn)行算法或過程的實(shí)時(shí)股票行情數(shù)據(jù)，以去觸發(fā)買入、不買入或賣出操作。

流數(shù)據(jù)是連續(xù)生成和交付的數(shù)據(jù)，而不是分批或微批處理的數(shù)據(jù)。這一般被稱為“事件數(shù)據(jù)”，因?yàn)槊總€(gè)數(shù)據(jù)點(diǎn)都描述了在給定時(shí)間發(fā)生的事情。同樣，股票行情數(shù)據(jù)是一個(gè)很好的例子。如果日間交易每15分鐘收集和處理一批數(shù)據(jù)，或者當(dāng)完成某個(gè)其他間隔或超過某個(gè)閾值時(shí)，可能會(huì)錯(cuò)過很多買賣獲利的機(jī)會(huì)。

“實(shí)時(shí)”和“流”這兩個(gè)術(shù)語(yǔ)匯集在“實(shí)時(shí)流處理”中，用于描述在生成時(shí)收集和處理的實(shí)時(shí)數(shù)據(jù)流。實(shí)時(shí)流處理數(shù)據(jù)流水線中可能存在多個(gè)非平凡進(jìn)程。例如，實(shí)時(shí)流數(shù)據(jù)可以被增強(qiáng)，通過多種算法執(zhí)行，并與單個(gè)實(shí)時(shí)流處理數(shù)據(jù)管道中的其他數(shù)據(jù)點(diǎn)聚合。

區(qū)別

流式傳輸是人們?cè)诨ヂ?lián)網(wǎng)上觀看視頻時(shí)使用的數(shù)據(jù)傳輸方法。這是一種一次交付少許視頻文件的方式，通常是從遠(yuǎn)程存儲(chǔ)位置進(jìn)行。通過一次在互聯(lián)網(wǎng)上傳輸幾秒鐘的文件，客戶端設(shè)備不必在開始播放之前下載整個(gè)視頻。

實(shí)時(shí)流式傳輸是指流媒體視頻是通過 Internet 實(shí)時(shí)發(fā)送的，無需先進(jìn)行錄制和存儲(chǔ)。如今，電視廣播、視頻游戲流和社交媒體視頻都可以實(shí)時(shí)式傳輸。

常規(guī)流式傳輸和實(shí)時(shí)流式傳輸之間的區(qū)別可以比作演員背誦獨(dú)白和即興演講之間的差別。在前者中，內(nèi)容是預(yù)先創(chuàng)建的，存儲(chǔ)下來并轉(zhuǎn)播給觀眾。在后者中，觀眾在演員創(chuàng)建內(nèi)容的同時(shí)收到內(nèi)容，就如在實(shí)時(shí)流式傳輸中一樣。

測(cè)試結(jié)果

經(jīng)過我這幾天的測(cè)試，大于一百M(fèi)的素材會(huì)有延遲，尤其是動(dòng)態(tài)。很多為實(shí)時(shí)流處理生成數(shù)據(jù)的應(yīng)用程序都是基于流媒體服務(wù)器的，也會(huì)基于的素材大小減慢串流，有時(shí)無法實(shí)時(shí)處理流。

視覺影響和體驗(yàn)

我再上面說了，游戲美化框的主要目的是為觀眾創(chuàng)造一種吸引人的實(shí)時(shí)觀看體驗(yàn)。它的視覺目的是“吸引眼球”，達(dá)到個(gè)性化的目標(biāo)。

自用都說好

經(jīng)過粉絲反饋的一些關(guān)鍵詞：花里胡哨、礙眼、亮眼。思考后，我簡(jiǎn)化了設(shè)計(jì)風(fēng)格，著重于左邊的游戲框，讓整體風(fēng)格一致，不會(huì)產(chǎn)生不必要的視覺錯(cuò)亂。

這個(gè)素材有很多主播用

不過...我認(rèn)為直播的話可以使用“花里胡哨”的，體驗(yàn)是帶來新鮮感，這個(gè)我再各個(gè)主播直播間里調(diào)查過。

使用體驗(yàn)

這個(gè)體驗(yàn)是關(guān)于大家的想法和感受，人是理性的，也是感性的。這個(gè)素材不一定大家都用，這些都是基于人的審美和習(xí)慣。這幾天反饋的使用情況都在說——需要更多自定義的素材、

這個(gè)朋友是這樣用的

大家的使用情況都不錯(cuò)，鑒于上圖的情況后，我每個(gè)項(xiàng)目都會(huì)做隊(duì)友的框。

動(dòng)態(tài)素材的人物三步制作

人物繪制

靜態(tài)特效繪制

動(dòng)態(tài)特效