头顶着一个大血条

你是否遇到过 UI 或血条需要展示在 3D 模型上的需求?

你是否想给一个人物属性介绍面板整上 3D 模型展示?

你是否想做一个 2D 血条跟随 3D 模型?

来,往下看,几块钱解决你的疑惑,节省你的研究时间!

直达:https://store.cocos.com/app/detail/7763

2D/3D混合开发模型与 UI 有四种组合!

第一种

2D 的血条(UI)在 2D 游戏中:

第二种

2D 的血条(UI)在 3D 游戏中:

其中有 2D 图层跟随与根据视距 setScale 缩放逻辑。

第三种

3D 的模型在 2D 信息面板(UI)中:

使用摄像机指向纹理渲染。

第四种

3D 的血条(UI)在 3D 世界中:


上图中的 UI 进入到 3D 世界中,带深度测试。

使用教程

使用 CocosCreator 打开项目,可以看到如下结构:

进入到 main-list,预览,可直接跳转到其它场景。

每个场景中的主脚本名称都一一对应,方便寻找:

限时4折!

直达:https://store.cocos.com/app/detail/7763

感谢大家的支持!

也欢迎大家在下面继续讨论其他有需求的情况,阔阔好继续替老板们研究节省开发时间!

请问这个和直接挂载 RenderRoot2D 有啥区别吗,因为刚好有需求,你这个看起来也不贵,想先了解一下

2D血条是在2D层,一直在3D层上方。而使用了 RenderRoot2D,需要挂载深度材质,然后与 3D 物体之间靠 z 值排序,看具体项目需求。2D血条性能好一些。

正好有用到,省的研究了 :+1:!!!

1赞

后面怪物的2D血条挡住前面的怪物3D模型怎么解决?

抽象一下问题:2D层盖在3D层上面怎么解决?
方案一:2D血条转成3D血条。
方案二:2D血条带有对应3D模型的Z值。如果Z值太靠后可以隐藏掉,或者判断3D重叠改成半透明血条。
方案三:多个2D摄像机与3D摄像机进行排序渲染?感觉不太可行。
方案四:血条做成细长,单色,带点透明。
emmmm,别的想不太出来了

好家伙,正在写3D血条中,就看到了