creator3d 中把3D坐标转换成UI坐标

Creator 3.x
#1

想要实现的效果：3D角色头顶有一个血条，不过3d模型如何移动，血条都能正确的显示在角色顶部。血条是绘制在2DUI下的。也就是3D角色直接添加到scene下的一个节点，而血条是在scene下的包含canvas组件的一个节点。这个时候血条的坐标该怎么获取呢？

1赞
Creator3d怎么使用2d元素，官方没设计有吗
#2

可以看下我们的测试例 https://github.com/cocos-creator/test-cases-3d 里的 coordinate-ui-3d

#3

没找到这个案例啊，在哪个文件夹下？

#4

直接搜啊，这个场景 coordinate-ui-3d

#5

找到了

#6

官方能不能出一个3D的摇杆的教程啊

#7

有的，你看下 https://github.com/cocos-creator/demo-ui 里有

#8

this.D3Node.getWorldPosition(_v3_0);
this.mainCamera.convertToUINode(_v3_0, this.UINode.parent, _v3_0);
this.UINode.setPosition(_v3_0);

1赞
#9

mark

#10

版本3.0，转换的坐标只跟D3Node的坐标有关，摄像机旋转之后，位置就不对了，请问怎么解决？

camera1
camera1997×679 20.9 KB

image
image1896×930 106 KB

camera2
camera2601×565 24.4 KB

#11

不对是指什么呢，我这里没有看很明白，展示的代码看起来没有什么问题

#12

Button的位置没在cube上啊

#13

知道问题了，代码放在start里没用，第一帧执行完之前，Camera的_matViewProj都是初始单位矩阵

#14

你在做计算的时候手动执行一次 camera.update 就能更新相机计算相关的矩阵了