Unity3D研究院之3D界面與2D界面的結合

2021-03-02 Unity3D遊戲開發精華教程乾貨

                                   

                   

項目中已經全面採用3D與2D結合的方式來製作UI,3D界面的透視感會更強。但是有一部分UI還必須是不帶透視的,所以需要採取正交與非正交攝像機結合的方式。3D界面有兩種方式,第一種是需要進行屏幕自適應的,另一種不需要與屏幕自適應,我姑且把第一種稱假3D界面,第二種稱真3D界面。

假3D界面的效果是,Image具有透視關係,旋轉後有近大遠小的效果,而且還能與屏幕進行自適應,做法很容易直接將Camera改成頭攝像機就可以。

此時對Image進行旋轉就會有透視關係,而且還能與屏幕自適應。

現在問題來了,如果場景有3D模型,比如給模型頭頂要畫一張圖,圖片和模型一樣也需要有透視關係,這時候用假3D界面的就不行了,因為圖片自適應以後就無法和模型的位置對上的,此時我們要引入一個新的方法純3D界面。

為了讓Image和3D物體坐標單位統一,首先把Canvas的Scale縮小100倍(UI被放大了100倍),然後將RenderMode改成WorldSpace

這時候Image和Text不需要調整width和hight,縮放單位和Cube的3d世界單位完全一致

無論真3D界面還是假3D界面,現在又面臨一個問題,如果在同一攝像機同時看3D物體和UI就會產生渲染排序的問題,這會影響到Alpha Blend的結果。

半透明物體是不畫深度的,對於UI來說全都是半透明,如果想做一種效果,背景圖是UI,前面放個3D角色特效、最前面在放UI,這種疊層的方式就會出問題。因為UI是優先SortingOrder然後才是RenderQueue(在URP下是Priority)無論怎麼改RenderQueue也得不到正確的結果

UI因為要處理層級就會修改Canvas的SortingOrder,這樣界面的SortingOrder的值就比3D模型大,這就會先畫3D模型,然後在畫UI,最終顯示結果就會出錯。所以要給MeshRender修改它的SortingOrder,這樣UI、粒子、模型全都統一了SortingOrder作為單位,就好調層級了。

public class SortOrder : MonoBehaviour{    public int MyOrder;    private void Start()    {        GetComponent<Renderer>().sortingOrder = MyOrder;    }}

最後就是攝像機的組合了,調整好順序就萬事大吉了。

                                                 


聲明:發布此文是出於傳遞更多知識以供交流學習之目的。若有來源標註錯誤或侵犯了您的合法權益,請作者持權屬證明與我們聯繫,我們將及時更正、刪除,謝謝。

作者:雨松MOMO

原文:https://www.xuanyusong.com/archives/4783

More:【微信公眾號】 u3dnotes

相關焦點

  • 2D與3D動畫的融合
    近年來,從大量的動畫電影中不難看出,二維與三維結合電影日益增多。二維與三維的結合,契合時代的發展潮流,深受動畫技術革新的影響。大家都知道,2D是平面的,3D是立體的。2D也能做出立體的視覺效果,但是沒有3D的效果好。3D只很難做出純平面的效果,看上去都是立體的。如果要把兩者結合起來,可以說是相當的費時間了。
  • 三國志戰略版3D模式和舊版界面有什麼不同 3d靈犀版本和老版本區別
    三國志戰略版3d版本已經上線,很多玩家都想知道三國志戰略版3D和舊版有什麼不同?不少玩家都想了解3d靈犀版本和老版本區別!話不多說,下面,就隨琵琶網小編來了解一下吧!   只能說2D界面和3D模式各有優勢,由於剛剛開啟3D模式,所以很多玩家肯定也是不習慣的,大家可以嘗試使用2D界面搭配3D模式的方法來玩,玩久了感覺會比以前好不少,只能說3D模式下最大的缺點主要是陣容的紅色太刺眼,希望後續靈犀官方策劃可以進行優化更新,至於其他方面還是比較不錯的!
  • 背後是國產3D動畫和2D動畫的戰爭
    如果說到連載動畫,我個人曾經一度強烈支持發展3d動畫,2d動畫當然也要發展但可能會輸。原因就日本2d動畫全面佔有,成熟並且系統性。國產2d動畫絕大多數就是在學習日本,很難超越系統本身。比如奇幻類的,我們能找一堆。
  • 界面設計方法(9):界面設計的原則與標準
    編輯導語:前幾篇文章中,我們已經了解到了許多關於界面設計的相關知識。今天這篇文章讓我們回歸一下界面設計本身,談一談其設計原則與標準,希望對你有幫助。前面介紹了5種基本的界面形式,如果從構成界面的要素(構件)層面看,實際上所有的界面都是一樣的,因為它們都是由同樣的控制項構成的,只是控制項的位置不同而已。
  • 「界面:新時代科技人文之變」第四屆網際網路思想者大會成功舉辦
    讓我們一同深入未來的變化與未知,探索科技與人文的思想之源。2020年12月22日,「界面:新時代科技人文之變」第四屆網際網路思想者大會暨《2050:未來議程》發布會在北京景山公園·觀德殿召開。今年剛剛亮相的景山公園觀德殿位於中軸線遺產點景山公園內,始建於萬曆二十八年,明清時期,這裡曾是觀看騎馬射箭之處。這是一場跨越歷史與未來的大尺度思想盛宴,反差、超越、想像。
  • 《原神》主菜單界面圖標功能是什麼 菜單界面圖標功能介紹
    角色:可進行角色/武器/聖遺物/天賦/命之座等模塊的操作 冒險之證:可查看每日委託、見聞、秘境和討伐信息 角色:可進行角色/武器/聖遺物/天賦/命之座等模塊的操作 冒險之證:可查看每日委託、見聞、秘境和討伐信息
  • 【登錄界面】戰艦少女R歷代登錄界面整理
    遊戲最初的登錄界面圖,愛莉是第一代看板娘。V1.2.5V1.2.5和V2.2.1登錄界面圖作為neta出現在不起眼的角落。港區的路標似乎預告了此後V3.0中將出現的港區系統。疑似1940年4月的盧夫騰海戰(聲望對戰沙恩霍斯特和格奈森瑙)女僕長頭飾有兩根炮管石錘了23333
  • 英雄聯盟手遊一直卡在名字界面 取名界面卡住解決方法
    不少小夥伴們反映在註冊英雄聯盟手遊一直卡在名字界面,這究竟是怎麼一回事呢,註冊LOL手遊帳號卡死在取名界面,肯定是不正常的情況,接下來就和小夥伴們分享一下取名界面卡住的解決方法。 不少小夥伴們反映在註冊英雄聯盟手遊一直卡在名字界面,這究竟是怎麼一回事呢,註冊LOL手遊帳號卡死在取名界面,肯定是不正常的情況,接下來就和小夥伴們分享一下取名界面卡住的解決方法
  • 《Valorant》界面翻譯 中英文對照界面最全合集
    大廳界面:  鍵盤控制界面:  匹配界面:  視角調整界面:
  • 基於視知覺的APP界面設計!
    文/殷俊 王婉晴 用戶界面是人機互動過程中媒介的圖形化表達,界面設計是指對人機互動方式、界面美觀、操作邏輯的整體設計,出色的界面設計會給用戶帶來絕佳的視覺體驗和互動操作感受。應用軟體不應讓用戶過多注意到軟體自身,而是應該藏於軟體的背景中,精簡界面,主要呈現任務相關的界面元素,讓用戶把注意力放在界面中的目標任務上。注意力的保持需要集中,用戶在執行目標任務過程中產生了衍生元素,而這些衍生元素不應去分散用戶的注意,目標任務周圍的元素要做出標記來提醒用戶任務的進程,而不是讓用戶去記住任務完成度。
  • 王者榮耀我的英雄界面怎麼了 王者榮耀界面優化一覽
    王者榮耀這款遊戲在最近也是進行了一次更新,這次更新其中就是有一項是更新了遊戲中的界面,對遊戲中的界面進行了優化,那麼這次的優化究竟是又花了什麼呢?接下來就隨著小編一起來看看這次遊戲的優化都優化了些什麼吧。
  • 抖音界面黑色怎麼變成白色怎麼辦 重新設置黑色界面教程
    首頁 > 部落 > 關鍵詞 > 抖音最新資訊 > 正文 抖音界面黑色怎麼變成白色怎麼辦 重新設置黑色界面教程
  • 《lol》美服界面怎麼設置中文 美服界面設置中文方法分享
    導 讀 lol美服界面設置中文?
  • APP界面的字體規範!
    文字設計是界面設計中最細節的部分,也是最不可忽視的基礎部分。在界面設計過程中要考慮兩大因素:文字辨識度和界面的易讀性。在任何一個有效的界面裡,具有層次的設計可以將界面上重要的部分與次要的部分區分開來,可以從對齊、間距、顏色、縮進和字體等方面做文章。當所有這些都調整運用得適當時,可以提高整個界面的可讀性。很多剛做APP界面的設計師,經常會因為字號、字體顏色、間距而困擾。
  • 《原神》登錄界面太大怎麼解決 登錄界面太大解決方法介紹
    導 讀 在開始《原神》遊戲的時候,玩家需要先點擊登錄界面的開始遊戲按鈕,有小夥伴出現了登錄界面太大,完全點不到開始遊戲的情況。
  • 「100級界面」Fate令咒聖杯戰爭界面1.5版本
    ,為了對應新的100級版本,聖杯戰爭Fate界面也做出了重製更新!新的界面希望大家能喜歡,下面請欣賞!為掌遊寶小夥伴們提供的免費專享版聖杯戰爭Fate光芒血槽在最下面!請下拉!登錄載入界面:選擇角色界面:
  • 《popularwars》界面英文圖標解釋 遊戲界面圖標中文翻譯分享
    導 讀 popularwars界面圖標是什麼意思?
  • 索尼PS5首度公開UI界面 展示主界面、成就等
    索尼首次公布了PS5的UI界面,在11分鐘的介紹視頻中對PS的UI界面進行了多方面展示,官方稱為PS5使用者體驗(UX)。視頻展示了PS5主界面、成就界面等內容。
  • LOL手遊英文界面翻譯 英雄聯盟手遊設置界面翻譯一覽
    英雄聯盟手遊國服目前還沒有上線,想要玩LOL手遊的話,就只能玩外服了,而外服的一個不好的地方就是,全都是英文看不懂,這裡就帶來了LOL手遊英文界面翻譯,主要設置界面的英文翻譯一覽。
  • pokemon go遊戲界面有哪些功能 遊戲界面功能中文介紹
    ­  pokemon go遊戲界面有哪些功能?pokemon go遊戲界面功能是什麼?對於pokemon go遊戲界面許多玩家不知道有哪些功能,下面497電玩小編就為大家帶來pokemon go遊戲界面功能中文介紹!­  來pokemon go遊戲界面功能中文介紹