Smooth pixelart camera and pixelperfect UI?

I have a problem with the camera in my pixel art game. When the camera does not move, everything is fine, but if the camera is following the player, other objects jams on the stage. I have read many threads in various forums, but answers didn't help or were mutually exclusive. So I wanted to ask what is the right way to make the camera work smoothly. I use cinemamachine and Pixel Perfect Camera 2D (from unity package). I also wanted to ask if it is possible for the UI to be Pixel Perfect. If so, how should I set a canvas? Or should I just create "ui" from sprites on scene?

 

@deadpixelpl

Hi, what do you mean by "other objects jams on the stage."

It sounds like if you make your camera follow player, other objects stop moving in worlds space. Or is it something else?

 

They are moving but in ... "laggy" way.

 

How do you move them, and how do you move the camera?

 

I think the UI part of question could be another question...

But anyway.

Have you checked the manual? First google search for pixel perfect UI is (2018.3):
https://docs.unity3d.com/ScriptReference/Canvas-pixelPerfect.html

I haven't yet used 2018.3 so I can't say if this is helpful.

I think canvas based UI can be pixel perfect. To me it sounds like you haven't even tested it yet. Try doing it first and you'll see how far you can get with all needed components.

I'm going to use such setup (possibly), it's doable it seems, of course more work than slapping elements on screen and some things should be considered regarding resolution and aspect ratios, how elements are snapped to grid etc.

Here's a test I made.



And yes, it's not probably looking OK in browser, but if you download the picture, you'll see it as it is supposed to be.

I think it's pretty much what I need. Panel pixels are at least exactly on the grid.

 

I move other objects (enemies) by this script:

Code (CSharp):

1. using UnityEngine;
2.  
3. public class EnemyController : MonoBehaviour
4. {
5.  
6.     public Transform target;
7.     public float speed = 3f;
8.  
9.     void Update()
10.     {
11.         transform.position = Vector2.MoveTowards(transform.position, target.transform.position, speed * Time.deltaTime);
12.     }
13. }
14.  

Enemy just always go to player location.

I move camera by Cinemachine


I probably misspoke when I spoke about UI. I meant a different size of pixel blocks in UI elements when I'm scalling screen size. Here's example:

Size of these pixels is not uniform. It is difficult for me to describe a problem, which I don't fully understand, in not my native language.

Here's my canvas settings:

 

@deadpixelpl

Pixels / UI - try to match your sprite Pixels Per Unit and Canvas Reference Pixels per Unit - Naturally, UI elements must be full int values, like x40,y21 for position, width and so on - otherwise you are between pixels.

 

I set same PPU (16) for sprites and for reference PPU in canvas. When I'm adding image to my UI I just click "Set Native Size"

One of my sprite setting in canvas example:

 

I know this is very old but I'm also looking for a way to make all "pixels" in my screen the same dimensions, so that there are no overlapping pixels at all, neither in the game world nor in the UI.

 

Nevermind https://forum.unity.com/threads/canvas-with-pixel-perfect-camera.768377/