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

相关推荐
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_14:(尺寸调整技能测试与实战解析)
前端·css·ui·html·tensorflow
ZC跨境爬虫3 小时前
跟着 MDN 学CSS day_13 :(深入理解CSS中的元素尺寸调整)
前端·javascript·css·ui·html·tensorflow
threelab3 小时前
Three.js 加载 3D Tiles 瓦片数据 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
烛阴6 小时前
用 MCP 调教 AI 代理:让 Cocos Creator 3.8.8 核心逻辑一键全自动生成
typescript·cocos creator
CG_MAGIC7 小时前
风格化手绘风 3D 渲染出图参数调校技巧
3d·blender·贴图·效果图·渲云渲染
dsyyyyy11017 小时前
CSS 2D 效果、3D 效果 与 Animation 总结
前端·css·3d
掌动智能7 小时前
从“感知”到“认知”:RunnerAgent如何重塑UI自动化的稳定边界
人工智能·ui·自动化
a1117768 小时前
动森UI组件(开源 html animal-island-ui )
前端·javascript·ui·开源·html
ZC跨境爬虫9 小时前
跟着 MDN 学CSS day_15:(掌握CSS背景与边框的创造性用法)
前端·css·ui·html·tensorflow
ZC跨境爬虫10 小时前
跟着 MDN 学CSS day_12 :(值与单位的技能测试与深入理解)
前端·javascript·css·ui·交互