【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材质处

相关推荐
qq_4542450320 分钟前
从 UI 操作到环境交互:一种通用元命令自动化协议的设计与意义
人工智能·ui·自动化·交互
格林威34 分钟前
工业视觉检测:提供可视化UI调试工具的实现方式是什么?
开发语言·人工智能·数码相机·ui·计算机视觉·视觉检测·工业相机
ZC跨境爬虫2 小时前
跟着 MDN 学 HTML day_8:(高级文本语义标签+适配核心功底)
前端·css·笔记·ui·html
bzmK1DTbd2 小时前
OpenGL与Java:JOGL库的3D图形渲染实战
java·3d·图形渲染
橙子1991101614 小时前
UI 绘制相关
ui
Math_teacher_fan15 小时前
Flutter 跨平台开发实战:鸿蒙与音乐律动艺术(六)、Lissajous 利萨茹曲线:频率耦合的轨迹艺术
flutter·ui·数学建模·华为·harmonyos·鸿蒙系统
jiejiejiejie_19 小时前
Flutter for OpenHarmony 萌系 UI 实战合集:骨架屏 + 引导页一站式指南
flutter·ui·华为
Ulyanov19 小时前
《现代 Python 桌面应用架构实战:PySide6 + QML 从入门到工程化》 开发环境搭建与工具链极简主义 —— 拒绝臃肿,构建工业级基座
开发语言·python·qt·ui·架构·系统仿真
Ulyanov20 小时前
《现代 Python 桌面应用架构实战:PySide6 + QML 从入门到工程化》:QML 声明式语法与霓虹按钮 —— 当 Python 遇见现代美学
开发语言·python·ui·qml·系统仿真·雷达电子对抗仿真
动恰客流管家1 天前
动恰3DV3丨2026年实体商业数字化转型:客流数据是第一生产力——全场景智慧客流解决方案
大数据·人工智能·3d·性能优化