火星網(wǎng)校
談一談《英雄聯(lián)盟手游》渲染技術(shù)與畫面
發(fā)布時(shí)間：2024-01-22 11:57:05 瀏覽量：203次
本文首發(fā)于知乎，作者Lute Li，游戲葡萄已獲轉(zhuǎn)載授權(quán)。
經(jīng)過千難萬險(xiǎn)我終于在第一時(shí)間玩上了《英雄聯(lián)盟》的手游，專門開一篇，談?wù)劇队⑿勐?lián)盟手游》的畫面。
先看看PC版本《英雄聯(lián)盟》的問題
《英雄聯(lián)盟》作為一個(gè)上帝視角游戲，人物在戰(zhàn)斗畫面里占比極小，拿一張截圖為例。
1080p分辨率標(biāo)準(zhǔn)，4個(gè)角色加起來占比3%！平均一個(gè)角色才0.75%左右。
按畫面貢獻(xiàn)來排序，優(yōu)先級(jí)應(yīng)該是：地圖＞UI＞特效＞人物。
回想《英雄聯(lián)盟》以往的更新，也的確是按照這個(gè)順序在優(yōu)化內(nèi)容。
常看Riot技術(shù)分享的人應(yīng)該清楚，他往往是討論人物設(shè)計(jì)，特效制作等。之口不談渲染相關(guān)內(nèi)容，因?yàn)镽iot知道這是自己短板，沒什么可以說的。
幾年前有人公布過第一人稱《英雄聯(lián)盟》視頻，近距離看人物模型，來看一組對(duì)比圖。
所以在玩家群體里，常把英雄皮膚叫“付費(fèi)PPT"。買的只是一張圖片和技能特效，游戲內(nèi)的人物只能自己腦補(bǔ)。
畫面渲染的提升
先說下一個(gè)詞：unlit。無光模型。
很好理解，在模型上畫畫，涂啥色最終就是啥色，沒有燈光，沒有亮暗面，想要影子就自己畫黑點(diǎn)。
unlit幾乎沒有計(jì)算量，兼容各種低端設(shè)備，早期手機(jī)游戲常使用unlit來渲染模型。這也是《英雄聯(lián)盟》常被人詬病"就是個(gè)手機(jī)游戲"的原因。
Riot已經(jīng)把unlit做到了極限
對(duì)比下《英雄聯(lián)盟》的競(jìng)品，《Dota2》和《風(fēng)暴英雄》。
不像《英雄聯(lián)盟》人物展示是一張圖片，他們都是用3D模型，所以對(duì)渲染要求較高。其中Dota2使用魔改BlinnPhong來渲染。（有興趣的可以看下我之前寫的dota2渲染）
常用技術(shù)按年份來排：Unlit→Lambert→Blinn-Phong→各種PBR。
而這次《英雄聯(lián)盟手游》，是直接從Unlit跳到了成熟的PBR渲染。(可能還是魔改BlinnPhong？等抓幀老哥文章)
打個(gè)比方，類似于小學(xué)里的第一名，突然跳級(jí)高考進(jìn)大學(xué)，而且大學(xué)成績(jī)還名列前茅。
下面是游戲內(nèi)截圖。
法線和漂亮的亞光高光（注意看眼睛下的一抹淚水）
金屬
3S皮膚（像蠟一樣）
霓虹反射（我也不確定是反射球就這么花哨，還是加了張ramp圖）
順著發(fā)絲的各向異性高光
制作過游戲的伙伴應(yīng)該清楚，單看每個(gè)技術(shù)都不難。但是想讓一直做unlit材質(zhì)的美術(shù)，能一口氣做出這么完備的效果，可不是一件易事，很考驗(yàn)團(tuán)隊(duì)能力。
人物展示界面的特寫鏡頭
每個(gè)角色都有自己的特效鏡頭，甚至于特殊皮膚特效鏡頭還不一樣。
普通鏡頭5秒左右，像kda的鏡頭有接近10秒。（這次手游簡(jiǎn)直是kda專場(chǎng)）
每個(gè)角色！每個(gè)特殊皮膚！都有一個(gè)單獨(dú)的特寫鏡頭！
想想這個(gè)復(fù)雜程度。
物理模擬
裙擺，頭發(fā)，在展示界面都有著相當(dāng)精準(zhǔn)的擺動(dòng)。
擺動(dòng)起來形狀很好看。
除大幅度擺動(dòng)外，少有穿幫現(xiàn)象。
資源無縫加載卸載
每個(gè)角色和皮膚，都有自己的 模型/貼圖/背景/音效/特效/動(dòng)畫 等一系列美術(shù)資源。
正常加載下一個(gè)模型，需要三步：加載下個(gè)資源，顯示內(nèi)容，卸載上個(gè)資源。
這一來二去難免會(huì)卡一下，但在《英雄聯(lián)盟手游》里，隨意切換皮膚和角色，幾乎是瞬間加載。
同樣是unity，為什么你這么不合理。嘛時(shí)候官方發(fā)文章講講啊，急死了。
頂尖的UI設(shè)計(jì)
《英雄聯(lián)盟》的UI設(shè)計(jì)，水平絕對(duì)是第一梯隊(duì)。
《英雄聯(lián)盟》的UI風(fēng)格整整改過4版。
從最初模仿《魔獸爭(zhēng)霸》，到具象的碉堡形狀，到逐漸扁平化，到現(xiàn)代風(fēng)格。不是修補(bǔ)，是整個(gè)風(fēng)格推倒重來4次。
試問還有哪個(gè)游戲有這種魄力，《英雄聯(lián)盟手游》完美繼承了整套UI。
注意看（壓縮太猛，建議看視頻，原版比這好一萬倍）
每個(gè)元素出場(chǎng)和入場(chǎng)都有自己的順序和動(dòng)畫
前置菜單出現(xiàn)會(huì)模糊后面的畫面（類似于景深）
UI的不同材質(zhì)感，金屬鑲邊/寶石/霧氣/布料等
UI上的光效
動(dòng)畫，縮放，深度，材質(zhì)，光線。
這不正是微軟發(fā)的設(shè)計(jì)風(fēng)格：Fluent Design，有興趣的可以了解下。此前我只在《明日方舟》中見過這么高級(jí)的UI設(shè)計(jì)。
再打開某款moba游戲看看，有沒有感覺這兩個(gè)，一個(gè)是工藝品一個(gè)是兒童玩具。
感興趣的可以看下官方發(fā)的ui設(shè)計(jì)視頻。順便關(guān)注一下這個(gè)官方號(hào)，太可憐了才8w粉。
新的業(yè)界標(biāo)桿已經(jīng)出現(xiàn)
《英雄聯(lián)盟》另一個(gè)很驚人的成就，是在美術(shù)風(fēng)格上，讓全世界達(dá)成了統(tǒng)一。邀請(qǐng)各國(guó)的美術(shù)家去設(shè)計(jì)角色，最終撮合成大眾風(fēng)格。不至于局限在亞洲。
受眾廣，手游，還在渲染技術(shù)上補(bǔ)齊了自己的短板。
相反，很多公司該緊一緊，過去還能說《英雄聯(lián)盟》渲染還不如我的手機(jī)游戲，現(xiàn)在Riot不僅進(jìn)入了手機(jī)市場(chǎng)，還直接拔高了業(yè)界標(biāo)桿。
財(cái)大氣粗的拳頭這次著實(shí)讓我震撼到了，給每個(gè)角色皮膚重置模型貼圖，又把命給續(xù)上了。
流水的流行游戲，鐵打的《英雄聯(lián)盟》。
對(duì)了，你問我游戲內(nèi)的戰(zhàn)斗畫面？戰(zhàn)斗和人物展示界面是兩套資源。
還是原汁原味，原汁原味。
原神改變了什么｜王者榮耀I(xiàn)P｜動(dòng)物派對(duì)專訪
英雄聯(lián)盟手游｜我們把公司做死了｜技術(shù)中臺(tái)
Q4產(chǎn)品儲(chǔ)備｜二次元游戲困局｜發(fā)行大困局
熱門課程推薦
熱門資訊
-
探討游戲引擎的文章，介紹了10款游戲引擎及其代表作品，涵蓋了RAGE Engine、Naughty Dog Game Engine、The Dead Engine、Cry Engine、Avalanche Engine、Anvil Engine、IW Engine、Frostbite Engine、Creation引擎、Unreal Engine等引擎。借此分析引出了游戲設(shè)計(jì)領(lǐng)域和數(shù)字藝術(shù)教育的重要性，歡迎點(diǎn)擊咨詢報(bào)名。
-
2. 手機(jī)游戲如何開發(fā)(如何制作傳奇手游，都需要準(zhǔn)備些什么？)
?如何制作傳奇手游，都需要準(zhǔn)備些什么？提到傳奇手游相信大家都不陌生，他是許多80、90后的回憶；從起初的端游到現(xiàn)在的手游，說明時(shí)代在進(jìn)步游戲在更新，更趨于方便化移動(dòng)化。而如果我們想要制作一款傳奇手游的
-
3. B站視頻剪輯軟件「必剪」：免費(fèi)、炫酷特效，小白必備工具
B站視頻剪輯軟件「必剪」，完全免費(fèi)、一鍵制作炫酷特效，適合新手小白?？靵碓囋?！
-
4. Steam值得入手的武俠游戲盤點(diǎn)，各具特色的快意江湖
游戲中玩家將面臨武俠人生的掙扎抉擇,戰(zhàn)或降?殺或放?每個(gè)抉定都將觸發(fā)更多愛恨糾葛的精彩奇遇?！短烀嬗肪哂卸嗑€劇情多結(jié)局,不限主線發(fā)展,高自由...
-
5. Bigtime加密游戲經(jīng)濟(jì)體系揭秘，不同玩家角色的經(jīng)濟(jì)活動(dòng)
Bigtime加密游戲經(jīng)濟(jì)模型分析，探討游戲經(jīng)濟(jì)特點(diǎn)，幫助玩家更全面了解這款GameFi產(chǎn)品。
-
6. 3D動(dòng)漫建模全過程，不是一般人能學(xué)的會(huì)的，會(huì)的多不是人?
步驟01:面部,頸部,身體在一起這次我不準(zhǔn)備設(shè)計(jì)圖片,我從雕刻進(jìn)入。這一次,它將是一種純粹關(guān)注建模而非整體繪畫的形式。像往常一樣,我從Sphere創(chuàng)建它...
-
7. 3D動(dòng)畫軟件你知道幾個(gè)?3ds Max、Blender、Maya、Houdini大比拼
當(dāng)提到3D動(dòng)畫軟件或動(dòng)畫工具時(shí),指的是數(shù)字內(nèi)容創(chuàng)建工具。它是用于造型、建模以及繪制3D美術(shù)動(dòng)畫的軟件程序。但是,在3D動(dòng)畫軟件中還包含了其他類型的...
-
8. 如何自己開發(fā)一款游戲(游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧)
?游戲開發(fā)入門必看：五大獨(dú)立游戲開發(fā)技巧無論您是剛剛起步開發(fā)自己的第一款游戲，還是已經(jīng)制作了幾款游戲，本篇文章中的5大獨(dú)立游戲開發(fā)技巧都可以幫助您更好地設(shè)計(jì)下一款游戲。無論你對(duì)游戲有著什么樣的概念，都
-
9. 3D打印技巧揭秘！Cura設(shè)置讓你的模型更堅(jiān)固
想讓你的3D打印模型更堅(jiān)固？不妨嘗試一下Cura參數(shù)設(shè)置和設(shè)計(jì)技巧，讓你輕松掌握！
-
?三昧動(dòng)漫對(duì)于著名ARPG游戲《巫師》系列，最近CD Projekt 的高層回應(yīng)并不會(huì)推出《巫師4》。因?yàn)椤段讕煛废盗性诓邉澋臅r(shí)候一直定位在“三部曲”的故事框架，所以在游戲的出品上不可能出現(xiàn)《巫師4》
最新文章
