CC 2.1 How to use UI widget component with 3D nodes using 3D camera?

Cocos Creator
#1

Hi,

Is it possible to utilize UI widget for 3D nodes on 3D camera? Cause according to the picture below, it seems like it doesn’t work.

I want the left Cocos logo to stick on the far left, like on the iPhone 4 screen. I’ve set the Canvas to fit width to ensure the width is always according to the screen width, which means it should stay on the left. But seems like it only moves X pixel according to the parent, but not based on the screen, which is logical, I guess.

I’ve attempted to put the UI nodes as children of camera but no avail. Making them 2D nodes doesn’t work as well, cause it will be affected by camera Z.

Basically I need user interface objects to stick on the 3D camera, utilizing widget component that stays with the screen (I assume in this case is the 3D camera).

The cocos logo will stick to the left just fine regardless of the screen if I use normal 2D environment.

Untitled-1
Untitled-11920×1080 108 KB

Anyone can help?

Cheers.

#2

the widget component will calculate a new position when the resolution changed, but the function will only change the x and y properties of node caused of the widget component is not support 3d.
so, if you use widget component on 3d node, it will just change the node’s x and y properties based the resolution size.
reference this demo:NewProject.zip (576.5 KB)

#3

Thanks for the reply Big_Bear. Yes I guess that confirms it then.