上周公眾號推了一篇文章，宣布 Cocos Cyberpunk 開源了，但夾在前后幾天的新聞里好像并沒有太多人注意到，看來我得再宣傳一波（文末還有本周三直播講解預(yù)告）。先看效果：

其實(shí)這個賽博朋克 3D 場景，很多人在前年 Cocos Creator 3.3 宣傳的時候就看過了。為什么打磨到現(xiàn)在才放出工程源碼呢？因?yàn)楫?dāng)時真的是通過大量對引擎源碼的 hack 改動來實(shí)現(xiàn)的，而且不少功能是直接硬編碼懟上去，并不是通過編輯器做可視化實(shí)現(xiàn)的。

為了使用 Cocos Creator 完整制作出這樣的 Demo，我們從渲染算法到渲染管線，從編輯器體驗(yàn)到各種工具能力，從跨平臺適配到性能伸縮性調(diào)優(yōu)，都花了大量努力去為之鋪平道路。

大家可以從以下網(wǎng)址免費(fèi)下載到這個示例的所有工程源碼和美術(shù)資源，并配合新發(fā)布的 Cocos Creator 3.7.1 運(yùn)行：

https://store.cocos.com/app/detail/4543

技術(shù)亮點(diǎn)

為了讓開發(fā)者更好得理解我們這個項(xiàng)目的制作初衷，Cocos Cyberpunk 中有幾個優(yōu)秀的技術(shù)亮點(diǎn)不得不自吹一波。

高伸縮性

Cocos 一直以來都是移動端優(yōu)先的跨平臺引擎，所謂伸縮性簡單來說就是引擎能屈能伸，在低端設(shè)備和平臺上能達(dá)到高性能低功耗，在高端設(shè)備上也可以盡可能釋放引擎的表現(xiàn)力。

Cocos Cyberpunk 項(xiàng)目特別重視性能的優(yōu)化和不同設(shè)備的適配，所以我們通過不同的渲染質(zhì)量等級和渲染管線配置來實(shí)現(xiàn)高伸縮性。

在 PC 平臺，我們默認(rèn)開啟了 Bloom、TAA、高分辨率、環(huán)境光照等渲染能力。而在移動端，我們針對各種不同的移動端芯片做了精細(xì)的配置，讓該 Demo 可以以 30FPS 的穩(wěn)定幀率運(yùn)行在絕大部分設(shè)備上，其中最低端的設(shè)備，我們下探到了海思麒麟 970（2017）、高通驍龍 835（2017）和蘋果 A10 芯片（2016），這代表著高質(zhì)量游戲已經(jīng)可以覆蓋目前市面上的大部分低端設(shè)備。需要注意的是這個項(xiàng)目在所有設(shè)備上都使用了目前次時代手游才可能采用的延遲渲染管線。

大家也可以通過修改項(xiàng)目代碼中的 href-setting.ts 去嘗試不同配置的表現(xiàn)。

渲染管線定制能力

作為通用引擎，我們很重視不同項(xiàng)目的不同需求，所以引擎定制一直是我們最關(guān)注的能力之一，畢竟千人千面，無法一套配方滿足所有開發(fā)者的需求。其中自定義渲染管線就是定制能力中門檻最高，也最難做好的基礎(chǔ)設(shè)施，很多引擎在這方面都無法兼顧易用性和自由度。引擎團(tuán)隊(duì)從 2021 年開始就在開發(fā)次時代的自定義渲染管線，我們最新的成果 Render Graph 也是 Cyberpunk 高度依賴的引擎特性，它將渲染管線中不同的流程劃分為不同的 Pass，開發(fā)者只需要關(guān)注每個渲染流程的算法和輸入輸出資源，就可以自由組合成一條完整的渲染管線。而前面提到的高伸縮性也部分依賴了管線流程的開關(guān)，比如 Bloom、TAA 等功能只需要簡單的開關(guān)即可生效，甚至在運(yùn)行時動態(tài)生效。

關(guān)于自定義渲染管線的細(xì)節(jié)，引擎組今年將參加在舊金山舉行的 GDC 2023 進(jìn)行技術(shù)分享，屆時也會爭取將分享免費(fèi)開放出來。

渲染表現(xiàn)

渲染表現(xiàn)方面，Demo 中主要是在光照和后處理上花了一番功夫。光照方面主要是使用了延遲管線對大規(guī)模動態(tài)光源的支持，實(shí)現(xiàn)了角色在夜晚場景下的豐富人工照明表現(xiàn)。同時通過 Reflection Probe 支持了 IBL，在場景中的水洼上都可以看到霓虹燈的倒影，增強(qiáng)了氛圍感。在后處理方面，使用了引擎默認(rèn)的 Bloom 算法；還通過 AMD 的 FSR 算法對低分辨率進(jìn)行超分，提升畫面精細(xì)度；最后提供了 TAA 和 FXAA 兩種抗鋸齒算法。

基線設(shè)備

賽博朋克主要目標(biāo)平臺為 Android 和 iOS，默認(rèn)自適應(yīng)的性能參數(shù)可以保證各種移動端設(shè)備都穩(wěn)定運(yùn)行在 30 fps。我們測試的性能能基線設(shè)備為：

• 安卓：華為海思 970（Mate10），高通驍龍 835（小米6）。

• iOS：蘋果 A10 Fusion（iPhone7）。

• 桌面端可以通過修改 `href-setting.ts` 中的 fps 配置解除幀率的鎖定限制。

更新說明

Demo 上線后，許多開發(fā)者體驗(yàn)并將自己的意見與建議告訴了我們。根據(jù)大家的反饋，我們對源碼進(jìn)行了更新，以優(yōu)化使用體驗(yàn)：

1. 優(yōu)化編輯器初次加載體驗(yàn)，避免在一些特定資源卡住。

2. 優(yōu)化默認(rèn)場景視角。

3. 去除多余構(gòu)建平臺。

4. 桌面幀率解鎖。

5. 增加 Safari & WebGL1 不支持提示。

Cocos Cyberpunk 項(xiàng)目目前剛剛開放，它也驗(yàn)證了很多引擎重要的特性，我們會在接下來會繼續(xù)迭代這個項(xiàng)目的玩法和渲染表現(xiàn)，進(jìn)一步嘗試和打磨引擎的各種能力，也會通過這個 Demo 制作部分模塊的教程。

點(diǎn)擊文末【閱讀原文】即可下載 Demo 源碼。衷心希望這個項(xiàng)目能吸引更多開發(fā)者關(guān)注 Cocos，嘗試 Cocos Creator，也可以通過這個項(xiàng)目更好得掌握引擎的使用，制作發(fā)布自己更好的作品！

---

??本周三（3月1日）晚上19:30，在 Cocos B 站直播間，Cocos Creator 產(chǎn)品經(jīng)理 Andy、引擎架構(gòu)師 Hyde、資深圖形工程師 youyou，將為大家介紹?v3.7、v3.7.1 重要新增功能與最新渲染管線，并解讀?Cyberpunk Demo 技術(shù)要點(diǎn)。此外，杭州云圈網(wǎng)絡(luò)技術(shù)攻堅(jiān)部肖平、深圳恒空科技《劍舞》項(xiàng)目組前端主程陳細(xì)平，也將空降直播間對話交流，探索 Cocos 引擎 3.7 時代的更多可能。

Cocos B 站直播間

https://live.bilibili.com/21811345

往期精彩

文章來源地址http://www.zghlxwxcb.cn/news/detail-410506.html