日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

2024 抖音歡笑中國年之渲染技術實踐與探索

來源: 責編: 時間:2024-04-12 17:26:53 185觀看
導讀前言抖音在2024年春節(jié)期間推出了歡笑中國年系列活動,為用戶帶來了全新的體驗和樂趣。而SAR Creator則為該項目研發(fā)工作提供了重要的技術支持。SAR Creator是一款基于 Typescript 的高性能、輕量化的互動解決方案,目前支

nBg28資訊網——每日最新資訊28at.com

前言

抖音在2024年春節(jié)期間推出了歡笑中國年系列活動,為用戶帶來了全新的體驗和樂趣。而SAR Creator則為該項目研發(fā)工作提供了重要的技術支持。SAR Creator是一款基于 Typescript 的高性能、輕量化的互動解決方案,目前支持了瀏覽器和跨端框架平臺,服務于字節(jié)內部的各種互動業(yè)務。nBg28資訊網——每日最新資訊28at.com

這些絢爛多彩的互動場景當然也離不開實時渲染技術的支持,因此本文將專門介紹春節(jié)活動招財神龍神龍?zhí)綄?/strong>中SAR Creator渲染相關的業(yè)務實踐經驗以及技術探索和嘗試。nBg28資訊網——每日最新資訊28at.com

春節(jié)—招財神龍nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

春節(jié)—神龍?zhí)綄?/span>nBg28資訊網——每日最新資訊28at.com


nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

比如抖音歡笑中國年系列文章《招財神龍互動技術揭秘》中就有提到,項目中“家”場景就是由2D元素以及不同材質支持的3D元素共同組成的。出于性能和美術效果的考慮,各3D模型使用的材質會有所不同,比如無光照Unlit材質、基于物理的PBR材質。對于陰影這種移動端性能消耗比較大的特性,不同物體的接收也會做特殊處理。這些材質的選擇以及光照陰影的支持都是依托于SAR Creator材質庫能力的支持。如下圖所示即為SAR Creator Unlit材質(左圖)和PBR材質(右圖)的示例。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

ShaderGraph卡通水體nBg28資訊網——每日最新資訊28at.com

除了上述春節(jié)活動中順利落地的渲染效果外,我們還嘗試做了很多效果提升的技術探索,比如后處理輝光效果、凹凸貼圖等。希望可以更好的提升美術設計師的設計體驗和最終的渲染效果。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

bloom輝光nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

招財神龍渲染實踐

“招財神龍”活動是2024年春節(jié)游戲化玩法之一,活動整體采用3D場景(龍在家場景)+ 2D場景(龍尋寶場景)結合的方式。在招財神龍的活動中,設計同學基于SAR Creator編輯器,進行場景搭建和效果還原工作;研發(fā)同學基于SAR Creator渲染能力,快速進行技術方案選型和實施。nBg28資訊網——每日最新資訊28at.com

2D&3D混合渲染

對于活動中的“龍”和“小女孩”元素,我們采用3D模型,提供更為逼真的體驗感。而針對場景中的房子、炮仗等,我們使用2D貼片來呈現。通過調整相機的遠近平面、fov等參數,展示出小女孩在炮仗前、龍在房子前、龍在炮仗后的視覺假象。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

材質庫

SAR Creator提供了Unlit、PBR、Uber和NPR等多種材質的選擇。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

然后在Shader中根據點亮前后紋理采樣顏色值,混合計算出最終像素顏色值,以實現每個區(qū)域的解凍/未解凍狀態(tài)變化。具體計算邏輯如下所示:nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

落地實現nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

我們可以分析表格第三列中效果參考的構成,得出技術要點為: 幾何拖尾+粒子拖尾+頭部星光。頭部星光較為簡單,只需要一個Sprite/Plane+Tween增加下旋轉動畫即可。下面將主要介紹粒子拖尾和幾何拖尾的技術實現。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

大量粒子的位移動畫通過Shader使用GPU并行算力完成,節(jié)約寶貴的CPU算力。nBg28資訊網——每日最新資訊28at.com

圖片nBg28資訊網——每日最新資訊28at.com

感興趣代碼實現,可查看

本文鏈接:http://www.www897cc.com/showinfo-26-83273-0.html2024 抖音歡笑中國年之渲染技術實踐與探索

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 國貨新風潮!買主機選攀升

下一篇: 在Python列表中判斷是否包含上午或者下午的時間

標簽:
  • 熱門焦點
Top 主站蜘蛛池模板: 盘山县| 拉萨市| 获嘉县| 盐亭县| 桦甸市| 鄂托克前旗| 太仓市| 酒泉市| 凯里市| 白河县| 郑州市| 康保县| 阿鲁科尔沁旗| 崇文区| 蓝山县| 北辰区| 天峻县| 永宁县| 宜兴市| 乃东县| 延庆县| 洛阳市| 田东县| 呈贡县| 宾川县| 浪卡子县| 陵川县| 汤阴县| 岳普湖县| 黄梅县| 潍坊市| 漳浦县| 兴宁市| 台东县| 承德县| 漳浦县| 浦北县| 乌拉特前旗| 沙洋县| 汾西县| 光泽县|