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

相关推荐
芳草萋萋鹦鹉洲哦11 小时前
【elemen/js】阻塞UI线程导致的开关卡顿如何优化
开发语言·javascript·ui
是Yu欸16 小时前
DevUI MateChat 技术演进:UI 与逻辑解耦的声明式 AI 交互架构
前端·人工智能·ui·ai·前端框架·devui·metachat
棒棒的皮皮17 小时前
【Python】Open3d用于3D测高项目
python·3d·open3d
沉默金鱼18 小时前
Unity实用技能-格式化format文字
ui·unity·游戏引擎
dotent·2 天前
C#基于WPF UI框架的通用基础上位机测试WPF框架
ui·c#·wpf
CV实验室2 天前
CV论文速递:覆盖视频生成与理解、3D视觉与运动迁移、多模态与跨模态智能、专用场景视觉技术等方向 (11.17-11.21)
人工智能·计算机视觉·3d·论文·音视频·视频生成
安卓理事人2 天前
安卓多种通知ui更新的方式(livedata,rxjava,eventbus等)
android·ui·echarts
半兽先生2 天前
uniapp高性能ui框架uni-ui
ui·uni-app
马剑威(威哥爱编程)3 天前
鸿蒙6开发中,UI相关应用崩溃常见问题与解决方案
ui·华为·harmonyos
Highcharts.js3 天前
使用 Highcharts 3D图表入门
3d·highcharts·使用文档·3d图表·交互图表·三维图表·3d 可视化