CN114210054A - 一种将3d模型嵌入ugui中显示的方法 - Google Patents
一种将3d模型嵌入ugui中显示的方法 Download PDFInfo
- Publication number
- CN114210054A CN114210054A CN202111582087.4A CN202111582087A CN114210054A CN 114210054 A CN114210054 A CN 114210054A CN 202111582087 A CN202111582087 A CN 202111582087A CN 114210054 A CN114210054 A CN 114210054A
- Authority
- CN
- China
- Prior art keywords
- model
- ugui
- sequence
- rendering
- embedding
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/50—Controlling the output signals based on the game progress
- A63F13/52—Controlling the output signals based on the game progress involving aspects of the displayed game scene
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/02—Non-photorealistic rendering
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/30—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game characterized by output arrangements for receiving control signals generated by the game device
- A63F2300/308—Details of the user interface
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F2300/00—Features of games using an electronically generated display having two or more dimensions, e.g. on a television screen, showing representations related to the game
- A63F2300/60—Methods for processing data by generating or executing the game program
- A63F2300/66—Methods for processing data by generating or executing the game program for rendering three dimensional images
Abstract
本发明公开了一种将3D模型嵌入UGUI中显示的方法,包括如下步骤:S1、在UGUI要嵌入3D模型的地方,打断UGUI的合批工作;S2、设置UI界面的渲染顺序区间并修正UI界面和待嵌入的3D模型的顺序;S3、将待嵌入的所述3D模型直接嵌入UI界面中,调整所述3D模型与UI界面之间的比例关系和位置关系,并按顺序对所述3D模型进行渲染;S4、清理所述3D模型的深度信息;S5、对所述UI界面内的UI对象进行渲染。本发明的方法保留了UI的2D平面关系,可将3D模型直接入UI中,既满足了UI的显示层级关系,又方便调整3D模型与UI对象之间的比例和位置关系。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种将3D模型嵌入UGUI中显示的方法。
背景技术
在游戏项目开发过程中,随着对UI效果的不断追求,人们已经不再满足于UI简单的2D效果,将3D模型与UI混合编排的愿望越来越强烈,即将3D模型嵌入UI中显示。由于在游戏中所有的UI对象都是2D平面关系,而模型则是3D空间关系,若直接将3D模型放进UI中,会导致3D模型始终在UI上方或者UI始终在3D模型上方,无法实现3D模型夹在两个UI之间的效果,即无法满足UI的显示层级关系,进而影响到后续UI对象的渲染。
现有的将3D模型嵌入UI中显示的方法主要包括以下三种:1、将3D模型直接放到UI对象前面,UI对象保持不变,该方法不能实现UI对象遮挡3D模型;2、通过一个摄像机Camera将3D模型渲染到一张渲染纹理RenderTexture上,再将渲染纹理当成一张普通图片嵌入UI中显示,该方法若渲染纹理分辨率较大时,会带来性能开销,且难以调整3D模型和UI对象之间的比例和位置关系;3、将UI对象拆分成3D关系,UI对象可以有Z值信息,通过控制UI对象的Z值,将3D模型嵌入UI对象之间,该方法需要UI有足够的空间容纳3D模型,且改变了UI对象的2D平面关系。因此,需要一种更加优化的将3D模型嵌入UI中显示的方法。
发明内容
为解决上述问题,本发明提供了一种将3D模型嵌入UGUI中显示的方法。
本发明采用以下技术方案:
一种将3D模型嵌入UGUI中显示的方法,包括如下步骤:
S1、在UGUI要嵌入3D模型的地方,打断UGUI的合批工作;
S2、设置UI界面的渲染顺序区间并修正UI界面和待嵌入的3D模型的顺序;
S3、将待嵌入的所述3D模型直接嵌入UI界面中,调整所述3D模型与UI界面之间的比例关系和位置关系,并按顺序对所述3D模型进行渲染;
S4、清理所述3D模型的深度信息;
S5、对所述UI界面内的UI对象进行渲染。
进一步地,步骤S1具体包括如下步骤:
S11、通过UIOrder3D组件为待嵌入的3D模型的渲染器设置相应的顺序值,从而对各待嵌入的所述3D模型进行排序;
S12、通过CanvasOrder组件为UGUI中的每个渲染单位设置相应的顺序值,从而对所述UGUI中的各UI界面的进行排序。
进一步地,步骤S2具体包括如下步骤:
S21、为各UI界面从低到高依次指定顺序值,每个界面的顺序区间设置为100,所述顺序值为100*N,其中N=(0,1,2,…,N);
S22、所述UIOrder3D组件和CanvasOrder组件根据上述步骤S21指定的顺序值修正自身的顺序值。
进一步地,所述顺序值用于表征渲染的顺序,在渲染时按照所述顺序值从小到大依次进行绘制。
进一步地,步骤S3中所述按顺序进行渲染时,根据所述3D模型所使用的是透明材质或不透明材质按如下规则进行处理:不透明材质优先于所述UI对象进行渲染,且透明材质与不透明材质一起渲染。
进一步地,骤S4具体为:在所述3D模型的节点后面插入一张图片,所述图片的显示区域足够覆盖所述3D模型,所述图片的材质使用清理深度材质。
进一步地,所述清理深度材质对于其遮挡物不进行深度测试,且写入最大深度。
采用上述技术方案后,本发明与背景技术相比,具有如下优点:
本发明的方法通过将3D模型渲染转换成2D图片,并结合清理模型渲染深度的方式,保留了UI的2D平面关系,可将3D模型直接拖拽嵌入UI中,实现3D模型夹在两个UI界面之间、位于UI界面之上或位于UI界面之下的效果,满足了UI的显示层级关系,同时方便调整3D模型与UI对象之间的比例和位置关系。
附图说明
图1为本发明的方法流程图。
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
实施例
如图1所示,一种将3D模型嵌入UGUI中显示的方法,包括如下步骤:
S1、在UGUI要嵌入3D模型的地方,打断UGUI的合批工作;
步骤S1具体包括如下步骤:
S11、通过UIOrder3D组件为待嵌入的3D模型的渲染器设置相应的顺序值,从而对各待嵌入的所述3D模型进行排序;
UIOrder3D组件会自动收集待嵌入的3D模型的各节点和子节点的渲染器并赋予order属性,然后为渲染器设置一个顺序值;此外,UIOrder3D组件还支持裁剪功能。
S12、通过CanvasOrder组件为UGUI中的每个渲染单位赋予order属性并设置相应的顺序值,从而对所述UGUI中的各UI界面的进行排序。
UGUI是以Canvas为渲染单位的,Canvas下面的所有UI对象都在同一个渲染批次,在3D模型嵌入的地方打断合批,能保证嵌入的3D模型和UI对象之间正确的层级关系。
S2、设置UI界面的渲染顺序区间并修正UI界面和待嵌入的3D模型的顺序;UI是以界面作为单位来组织的,各UI界面之间有上下遮挡关系。
步骤S2具体包括如下步骤:
S21、为各UI界面从低到高依次指定顺序值,每个界面的顺序区间设置为100,所述顺序值为100*N,其中N=(0,1,2,…,N),例如:各界面的顺序值从低到高为0、100、200…;
S22、所述UIOrder3D组件和CanvasOrder组件根据上述步骤S21指定的顺序值修正自身的顺序值。
S3、将待嵌入的所述3D模型直接嵌入UI界面中,调整所述3D模型与UI界面之间的比例关系和位置关系,并按顺序对所述3D模型进行渲染;渲染完成后所述3D模型转化成2D的图,与UI同属于2D平面关系;其中,通过UIOrder3D组件修改所述3D模型的顺序值可以控制所述3D模型显示在UI界面下方、UI界面内的UI对象之间或UI界面上方;所述3D模型嵌入UI界面后,与UI界面处于同一个空间下,拥有相同的比例尺寸,通过使用模型的缩放工具修改模型的大小,调整模型大小至与UI界面大小相合适的程度为止。
步骤S3中所述按顺序进行渲染时,根据所述3D模型所使用的是透明材质或不透明材质按如下规则进行处理:不透明材质优先于所述UI对象进行渲染,且透明材质与不透明材质一起渲染。例如:不透明材质渲染时,强制将不透明材质的渲染队列的值修改成透明材质的渲染队列的值,而透明材质则不做处理,与不透明材质同一队列进行渲染。
S4、清理所述3D模型的深度信息,以保证不会影响到后续UI对象的渲染。
骤S4具体为:在所述3D模型的节点后面插入一张图片,所述图片的显示区域足够覆盖所述3D模型,所述图片的材质使用清理深度材质。所述清理深度材质对于其遮挡物不进行深度测试,且写入最大深度。
S5、对所述UI界面内的UI对象进行渲染。
上述顺序值用于表征渲染的顺序,在渲染时按照所述顺序值从小到大依次进行绘制。
以上所述,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。
Claims (7)
1.一种将3D模型嵌入UGUI中显示的方法,其特征在于:包括如下步骤:
S1、在UGUI要嵌入3D模型的地方,打断UGUI的合批工作;
S2、设置UI界面的渲染顺序区间并修正UI界面和待嵌入的3D模型的顺序;
S3、将待嵌入的所述3D模型直接嵌入UI界面中,调整所述3D模型与UI界面之间的比例关系和位置关系,并按顺序对所述3D模型进行渲染;
S4、清理所述3D模型的深度信息;
S5、对所述UI界面内的UI对象进行渲染。
2.如权利要求1所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:步骤S1具体包括如下步骤:
S11、通过UIOrder3D组件为待嵌入的3D模型的渲染器设置相应的顺序值,从而对各待嵌入的所述3D模型进行排序;
S12、通过CanvasOrder组件为UGUI中的每个渲染单位设置相应的顺序值,从而对所述UGUI中的各UI界面的进行排序。
3.如权利要求2所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:步骤S2具体包括如下步骤:
S21、为各UI界面从低到高依次指定顺序值,每个界面的顺序区间设置为100,所述顺序值为100*N,其中N=(0,1,2,…,N);
S22、所述UIOrder3D组件和CanvasOrder组件根据上述步骤S21指定的顺序值修正自身的顺序值。
4.如权利要求1-3任一项所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:所述顺序值用于表征渲染的顺序,在渲染时按照所述顺序值从小到大依次进行绘制。
5.如权利要求4所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:步骤S3中所述按顺序进行渲染时,根据所述3D模型所使用的是透明材质或不透明材质按如下规则进行处理:不透明材质优先于所述UI对象进行渲染,且透明材质与不透明材质一起渲染。
6.如权利要求5所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:骤S4具体为:在所述3D模型的节点后面插入一张图片,所述图片的显示区域足够覆盖所述3D模型,所述图片的材质使用清理深度材质。
7.如权利要求6所述的一种将3D模型嵌入UGUI中显示的方法,其特征在于:所述清理深度材质对于其遮挡物不进行深度测试,且写入最大深度。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111582087.4A CN114210054A (zh) | 2021-12-22 | 2021-12-22 | 一种将3d模型嵌入ugui中显示的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111582087.4A CN114210054A (zh) | 2021-12-22 | 2021-12-22 | 一种将3d模型嵌入ugui中显示的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114210054A true CN114210054A (zh) | 2022-03-22 |
Family
ID=80705045
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111582087.4A Pending CN114210054A (zh) | 2021-12-22 | 2021-12-22 | 一种将3d模型嵌入ugui中显示的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114210054A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114578972A (zh) * | 2022-05-05 | 2022-06-03 | 江西科骏实业有限公司 | Vr场景中兼容平面与曲面ui事件的触发方法及系统 |
CN115145435A (zh) * | 2022-07-13 | 2022-10-04 | 厦门极致互动网络技术股份有限公司 | 一种基于ui界面的3d粒子特效展示方法 |
-
2021
- 2021-12-22 CN CN202111582087.4A patent/CN114210054A/zh active Pending
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114578972A (zh) * | 2022-05-05 | 2022-06-03 | 江西科骏实业有限公司 | Vr场景中兼容平面与曲面ui事件的触发方法及系统 |
CN115145435A (zh) * | 2022-07-13 | 2022-10-04 | 厦门极致互动网络技术股份有限公司 | 一种基于ui界面的3d粒子特效展示方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US7439975B2 (en) | Method and system for producing dynamically determined drop shadows in a three-dimensional graphical user interface | |
TWI618030B (zh) | 藉由追蹤物件及/或基元識別符的圖形處理增強之方法及系統,圖形處理單元及非暫時性電腦可讀媒體 | |
CN114210054A (zh) | 一种将3d模型嵌入ugui中显示的方法 | |
JP4199663B2 (ja) | ヒューマン−コンピュータインターフェイスにおける視覚画像による触覚調整 | |
RU2427918C2 (ru) | Метафора двумерного редактирования для трехмерной графики | |
KR101431311B1 (ko) | 그래픽 이미지들의 시각적 창작 동안의 성능 분석 | |
CN111583379A (zh) | 虚拟模型的渲染方法、装置、存储介质与电子设备 | |
CN111768488A (zh) | 一种虚拟角色脸部模型的处理方法和装置 | |
CN111158840B (zh) | 图像轮播方法及装置 | |
US8665293B2 (en) | Automatic draw order | |
CN109598672B (zh) | 一种地图道路渲染方法及装置 | |
CN111429587A (zh) | 一种三维设计模型的显示方法、终端及存储介质 | |
WO2023173728A1 (zh) | 图形渲染方法、装置及存储介质 | |
CN113486415B (zh) | 模型透视方法、智能终端以及存储装置 | |
CN107452046B (zh) | 三维城市模型的纹理处理方法及装置、设备及可读介质 | |
CN114186228A (zh) | 一种攻击事件可视化方法、装置及相关设备 | |
JP2003331313A (ja) | 画像処理プログラム | |
JP2023508516A (ja) | 動画生成方法、装置、電子デバイス及びコンピュータ読取可能記憶媒体 | |
CN108876912A (zh) | 三维场景物理渲染方法及其系统 | |
JP4372283B2 (ja) | デザイン支援装置及びデザイン支援プログラムを記録したコンピュータ読み取り可能な記録媒体 | |
CN108959219B (zh) | 应用于新媒体实时图文包装编辑系统的特效编辑方法 | |
WO2023168999A1 (zh) | 一种虚拟场景的渲染方法、装置、电子设备、计算机可读存储介质及计算机程序产品 | |
CN117093069A (zh) | 一种混合应用的跨维度交互方法、装置及设备 | |
JPH10333819A (ja) | 3次元位置入力方法 | |
JP2007094680A (ja) | 画像処理装置、画像処理方法等 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |