【cocos creator 3.x】3Dui创建,模型遮挡ui效果

官方文档:https://docs.cocos.com/creator/3.8/manual/zh/ui-system/components/editor/ui-model.html

1、3Dui创建

创建label,默认会添加canvas根节点和2dCamera

将Camera删除,canvas上组建去除cc.Canvas,cc.widget,添加cc.renderRoot2D,就可以在3d场景里看到ui

2、实现模型遮挡ui效果

ui默认在模型上层

如果需要修改

复制默认material文件ui-sprite-material到自己的文件夹里

勾选depthTest

将material文件拖到ui材质处

相关推荐
私人珍藏库1 小时前
Adobe Photoshop CS6 Lite:PS极端简化版,压缩后大小仅50M,Photoshop精简版
ui·adobe·photoshop
HelloRevit13 小时前
快速入门 - Azure 数字孪生的 3D 场景工作室(预览版)入门
3d·flask·azure
再希1 天前
React+Tailwind CSS+Shadcn UI
前端·react.js·ui
覆东流1 天前
Photoshop通道的应用
ui·photoshop
我命由我123451 天前
Photoshop - Photoshop 工具栏(24)磁性套索工具
学习·ui·职场和发展·求职招聘·职场发展·课程设计·美工
Larry_Yanan1 天前
QML学习笔记(五十二)QML与C++交互:数据转换——时间和日期
开发语言·c++·笔记·qt·学习·ui·交互
夏之繁花1 天前
Adobe Photoshop 2026 v27.0.0
ui·adobe·photoshop
我命由我123451 天前
Photoshop - Photoshop 工具栏(20)混合器画笔工具
经验分享·笔记·学习·ui·职场和发展·职场发展·photoshop
CHOTEST中图仪器1 天前
3d光学轮廓仪如何局部测量标准台阶?
3d·光学轮廓仪·三维形貌·微观尺寸
Aevget2 天前
界面控件Telerik UI for WPF 2025 Q3亮点 - 集成AI编码助手
人工智能·ui·wpf·界面控件·ui开发·telerik