UGUI UI lagging behind camera movement

Hi I've recently added Cinemachine cameras to my game but I'm getting a big lag between the UI positions and the camera position. Ie: in this video the ui should be attached to the tanks but as I move the camera around the UI lags behind in a jelly look.

I have my cinemachine brain set to LateUpdate (but I've tried Smart Update as well). The UI is a Screen Space - Overlay canvas.

 

Yes, it happens in play mode. The above gif is from play mode.

 

I'm using 2017.4.1f1 and cinemachine 2.1.10

not sure if I can export some sort of package from the game, it would take quite a while to put something together and we are releasing next week.. But here's a script I use to anchor the UI to a gameobject, perhaps this cant be done on lateupdate with cinemachine?

Code (CSharp):

1. using UnityEngine;
2. using System.Collections;
3.  
4. public class AnchorUiToObject : MonoBehaviour {
5.  
6.     public Vector2 offset;
7.     public Transform objectToFollow;
8.     public bool followCurrentSelectedObject = false;
9.  
10.     private RectTransform uiElement;
11.     private Camera mainCamera;
12.  
13.     // Use this for initialization
14.     void Start ()
15.     {
16.         if (PlatformSettings.Instance.isVR)
17.             mainCamera = GameObject.Find("Camera (eye)").GetComponent<Camera>();
18.         else
19.             mainCamera = GameObject.Find("MainCamera").GetComponent<Camera>();
20.  
21.         uiElement = GetComponent<RectTransform>();
22.     }
23.  
24.     public void SetObjectToFollow(Transform followThis)
25.     {
26.         objectToFollow = followThis;
27.     }
28.  
29.     void Update()
30.     {
31.         if (followCurrentSelectedObject) {
32.             if (BattleManager.Instance.currentSelectedObject != null)
33.             {
34.                 objectToFollow = BattleManager.Instance.currentSelectedObject.transform;
35.             }
36.         }
37.     }
38.  
39.     // Update is called once per frame
40.     void LateUpdate ()
41.     {
42.         if (objectToFollow)
43.         {
44.             if (!PlatformSettings.Instance.isVR)
45.                 uiElement.position = RectTransformUtility.WorldToScreenPoint (mainCamera, objectToFollow.position) + offset;
46.         }
47.     }
48.  
49. }

 

Yes, that was it, thank you!

 

Oh my gosh, I was having troubles with making UI objects always face the camera and setting the lower priority (higher number) in Script Execution Order seemed to fix the issue even with or without Cinemachine. Thanks Gregoryl!

 

Hi @Gregoryl,
I have the exact same issue as described by @capitalJmedia.

My cinemachine brain is set to LateUpdate
I have set the script execution order:


My script updates the UI element's position in LateUpdate:

Code (CSharp):

1. void LateUpdate()
2. {
3.     // Update marker position
4.     Vector3 iconPosition = Camera.main.WorldToViewportPoint(markerPosition);
5.     markerCtrl.rect.anchorMin = iconPosition;
6.     markerCtrl.rect.anchorMax = iconPosition;
7. }

Unity version: 2018.3.5f
Cinemachine version: 2.2.8

 

Sweet! It works
Thanks!

I ended up using both LateUpdate and CameraUpdated because the tracked objects are also moving independently from camera movement.

 

Hi! Is there such event in a current version of Cinemachine? I couldn't find it.

 

Hello, we use cinemachine and uGUI, update position in CinemachineCore.CameraUpdatedEvent callback didn't helped. Isn't reason in Canvas . screensSpace - Camera movement behaviour?

 

Hello, thanks for fast answer! But I don't know when uGUI really draws, I only move it's positions on CameraUpdatedEvent callback

 

Similar issue with AR rendering and solution here for anyone interested.