Screen space - camera canvas has 'choppy' UI when camera moves.

I tried to upload a video of what is happening, but the file is too small so vimeo won't accept it.

I have a canvas set to Screen Space - Camera. In the canvas is just one image at the moment.

The camera needs to move in the game, I've tried using both these methods:

Code (CSharp):

1.  
2.             cameraTrans.position = Vector3.MoveTowards(cameraTrans.position, cameraStartPos, 5 * Time.deltaTime);

Code (CSharp):

1.  
2.             cameraTrans.position = Vector3.Lerp(cameraTrans.position, cameraStartPos, 5 * Time.deltaTime);

When the camera moves, the image shakes a bit, like it's reacting to drag or being held back somehow.

Sorry I don't have a video to show.

I'm not sure if it's a bug or if there's another way it can be done.

Thanks!

 

canvas must not be a child of camera .

 

I never said it was a child of the camera...

 

It looks like it depends on when the camera movement is updated.
Sadly, for my current game, the camera is updated in FixedUpdate to follow properly the player.
It's a fast pace game, so the UI is just about showing a few flickering pixels at the bottom of the screen. Currently, Screen Space is out of question for me.

 

Interesting. I've got mine running in Update.

It's only for a short time that my camera needs to move in the game, I might have to end up moving the background instead, just to keep the UI clean.

 

Sorry for the ignorance, but why not?
How else do you rig a GUI that you want to follow the camera? Or does the overlay mode automatically ensure that the content is rendered in the active camera..?

 

dont know why , just know what it will cause jerky behaviour , and ye overlay mode automaticly follows camera .

 

Hi everyone!

I have a similar issue. I have a basic project that exposes the problem (see the zip file). In my case, i make a uGUI button, with canvas set to "Screen Space - Camera". The camera that displays the GUI come from to the FPS character controller standard package.

 

I had issues like this in a scrolling list which may be similar. When scrolling the list the frame rate dropped to 8fps on a device. I tracked this down to unity rebuilding the meshes used for the gui, well in fact I think it's down to it's layout calculations possibly being called too many times.

Anyway a quick fix for me was to switch OFF pixel perfect. Although ideally it should not need to recalculate the contents of the scrollview but instead offset the scrollview by an amount that keeps everything inside it pixel perfect.

 

Hello,

I've found the same (orig post) problem, but i was forced to use the world or screen space version of the canvas, with a attached renderer, because i want post proccess effects on the gui.

Long story short, unity messes up the scaling of the UI and i think the very low size of the canvas and it's children makes it "choppy".

I think its a problem in unity, but there are some ways around it. The most important things are the:
-scaling
-position
-event camera attaching

Also, attached a file with 3 "solutions/fixes" for this problem, i hope it helps.

 

Yes, like you, I think its a problem in unity. But your tricks works fine. I had not thought to include the canvas as child camera's. Thanks inkipinki.

 

Thanks inkipinki. I haven't had a chance to spend some time and sort out my problem, your files will help though, thanks!

 

Thanks inkipinki, the solution for me was to have the canvas as child of camera, in Screen Space, and with the Render Camera linked properly. In your package I found it unlinked, so I don't know if is an import problem or you resolved differently. The method I used seem the only one behaving correctly also with the Reference Resolution component to scale the GUI based on the proportion of the device.

 

Welcome, the unlinked camera was One of the solutions! try attaching it in that project.

 

Having the canvas child of camera works for me also as I update camera location in FixedUpdate. Thanks inkinpi.

 

Can you please post case numbers of submitted bug reports, please?

We're interested in fixing this issue in Unity, not just require everyone to implement workarounds.

Thanks.

 

i have the same problem. jerky camera.
i think if you add UI elements and use the "Camera Follow" script that unity created you will get the jerky motion. I do.

 

I reported this bug 10th September. 4 versions ago.
http://fogbugz.unity3d.com/default.asp?632332_cfm5impdrq2vb2st

 

Thanks for pointing us towards it.

 

This is still an issue. We use a canvas for a display in a vehicle. It is a world space canvas and is a child of the vehicle rig. The GUI does not move in sync with the vehicle. When the vehicle is at speed, there is significant perceived judder of the display - even to the point of it clipping below the dash. (And no, this is not a precision issue - it happens very close to origo).
Any news on the progress of fixing this or will we have to scrap the use of the UI system for this purpose? Thanks in advance!

 

BTW - this is marked as fixed in the issue tracker...? Is it? If so, will the fix appear in b22? (It is still present in 21).

 

Well, no new betas has been released since a I posted the comment "Thanks for pointing us towards it.".

A fix to this issue will be in the next beta.

 

I only considered that the thread was old and so was the bug report, but fair enough. Thank you for looking into / fixing the issue!

 

I found the problem. When I turn on the 'Screen Space - Camera' and the camera changes the fov, there is 'choppy' effect. Bug found in version 4.6.0 f3

 

Do you have a case number?

 

Probably not. This is my first time on this forum... I googled the problem description, and stumbled on this topic. The problem arises when I gradually change the FoV of the camera in any cycle (Update, LateUpdate etc.). Through lerp function

 

All right, see this message for how to file bug reports:
http://forum.unity3d.com/threads/reminder-how-to-get-bugs-fixed-quickly.266818/

 

Hi Guys

Any updates on this issue as I seem to be experiences the same judder with the canvas.

 

The original bug (the one I had anyway) has been fixed.
But I noticed a similar issue when moving the camera through space, and I believe it's simply by design, as each point in the canvas tried to snap to a pixel it jumps around because it's actually flying through space.

I mitigated the issue by having a separate static camera that renders my UI.

 

I am using the built-in assets for a first person camera controller and my game is a split screen first person shooter. I have two UI canvases because I have two cameras and those canvases are set to render per camera. When my players move the UI images sort of flash in and out constantly. I'm not sure if this is a different problem than what is described here but I would really like to know the solution.

 

I can add my voice to this thread and confirm this issue is still a very present problem in v. 5.1. I need to use screen space canvases and whenever I move them or their parent objects the UI stutters and shakes terribly. Elements will randomly appear and disappear and as the camera rotates some elements lose their ability to be interacted with.
It seems the stutter gets worse the closer the canvas is rendered to the camera's minimum frustum plane. This issue is making my UI completely unusable, so I'm starting on a workaround now.

 

Hello,
I've the same issues,
When moving camera (Update, LateUpdate), UI (Screen Space - Camera) can't catchup and offsets itself in oposite direction to the camera moving direction (looks like UI position is updated less fraquent then camera position).
Setting UI as child of the camera is not helping.
Is there some solution for that problem?
Thanks in advance!

Quick Update:
My problem occurs only if my Screen Image Effect is on and only in Editor, on device everything is runnig perfectly fine.

 

Use a different camera for UI only (set to clear depth only), and don't move that camera.

 

I have similar problem in Unity 5.0.2f1. In my case:
I'm developing cockpit-view space shooter. As the transform.position of the spaceship (and following camera which is a child of spaceship) gets greater, the objects near the camera (not only Canvas objects, such as cockpit frame) start jittering. The position of the camera gets close to the default position (0,0,0), the jittering stops.
Render mode of the Canvas is 'World Space'.

I've tried the solutions mentioned above, but they don't work. I think this problem is not only about new GUI.

 

This is an entirely different problem. You are experiencing floating point precision issues. Don't get too far away from the origin (0,0,0).

 

I found this bug too, unreal....

 

Yep, I'm also getting this problem when altering the FOV of a camera that a screen-space canvas is connected to. I've tried updating in both Update and LateUpdate (as well as in a coroutine), to no avail. I know I can use separate cameras for the UI overlay; it's just a bit tedious when I already have several cameras doing different things.

 

I'll reiterate: If you believe you are seeing bugs, we need bug reports. Just discussing issues here without reporting them in our bug tracker will not get anything fixed.

See this message for how to file bug reports:
http://forum.unity3d.com/threads/reminder-how-to-get-bugs-fixed-quickly.266818/

If you have already filed a bug report, you can post the case number here, then UI Team or others who look in this thread can see that it has already been reported. Thanks!

 

Hi @runevision

I've known about this bug for about a year, but always found a way around it. Recently I didn't want to so I found this thread

The bug still exists.

Any uGUI that is in screen space - camera, on a moving camera, using a render camera, gets tremendous amounts of lag.

Reported with scene file.

Case no: 763883

 

Thanks!

I'm not on UI Team myself anymore but I've forwarded to them.

Edit: Unfortunately this case had no repro project attached and could not be reproduced by QA.

 

I have the same problem with ScreenSpace Overlay and in World Space. Submitted a bug report: 791841

 

I found out that putting the camera in overlay at a long distance (ex.: 250) removes a lot of the flickering. For some reason, putting the canvas too close (<1) to the camera make the issue a lot more visible.

 

check this out. You can see the choppy UI Text when attached to the camera. Something that is hard not to notice is how smooth the other text while using a non out of the box component.

 

i have exactly the same problem, did you find a solution?

 

Setting the plane distance in the Canvas fixed it too for me. Its was at 1 and setting it to 10 fixed it!! Thanks

 

I am seeing this issue. I cannot seem to get any solution. I have a Camera and no UI. I have a few objects, and when I try to move the Camera at a constant speed, everything else jitters. Actually, the Camera jitters, hence seeming like the whole screen space is shaky. I tried lerping, changing the position manually, interpolations, PPU and Sprite import settings, setting VSync.count to 0, lowering the quality, even buffering Physics updates and reading the values in the Update() function. However, the Camera is shaky, and I don't really know what else can be done here. Any ideas?

 

I couldn't find any solution. We ended up redesigning the interface to work in the world space.

 

If you are seeing issues, please file a bug report. The one above did not have a repro project attached and could not be reproduced by QA.

 

Hi there! I have been the same problem and found a solution (accidentally). I'm having:

The main camera and UI (Canvas) on the same level:


Camera component settings:


Canvas component settings:


Previously The canvas' property of "Plane Distance" was 100 and I had UI (canvas) flicker while camera moving. Now I set 1 unit and the problem was solved in my case.