🔹Turn off Anti Aliasing
After creating your 2D project, go to Edit -> Project Settings -> Quality and then:
Anti Aliasing -> Disabled
(If you have more than one Quality Level (Low, High, Ultra...), make sure to disable it on each one)
After creating your 2D project, go to Edit -> Project Settings -> Quality and then:
Anti Aliasing -> Disabled
(If you have more than one Quality Level (Low, High, Ultra...), make sure to disable it on each one)
🔹Sprite Import Settings
Go to each of your sprites, and change these settings:
Filter Mode -> Point (no filter)
Compression -> None
Go to each of your sprites, and change these settings:
Filter Mode -> Point (no filter)
Compression -> None
🔹Pixels Per Unit (PPU)
You can use the PPU that you want, but for Pixel Art games it's often recommended to use your tile size in pixels. On this example, we will use a PPU of 16.
So for each sprite settings:
Pixel Per Unit -> 16
You can use the PPU that you want, but for Pixel Art games it's often recommended to use your tile size in pixels. On this example, we will use a PPU of 16.
So for each sprite settings:
Pixel Per Unit -> 16
🔹Camera Orthographic Size
One sprite pixel needs to equal one screen pixel. To achieve this, change the Orthographic Size of your camera:
Ortho size = Vertical Screen Resolution / PPU / 2
In this example, our resolution is 480x270 and our PPU 16:
270 / 16 / 2 = 8.4375
One sprite pixel needs to equal one screen pixel. To achieve this, change the Orthographic Size of your camera:
Ortho size = Vertical Screen Resolution / PPU / 2
In this example, our resolution is 480x270 and our PPU 16:
270 / 16 / 2 = 8.4375
🔹Snapping to Pixel Grid
Now your game is looking good on you base resolution. But when it is opened on larger resolutions (1920x1080 for example), sub-pixel positions appear!
To solve this, all you need to do is getting the Unity Pixel Perfect package ->
Now your game is looking good on you base resolution. But when it is opened on larger resolutions (1920x1080 for example), sub-pixel positions appear!
To solve this, all you need to do is getting the Unity Pixel Perfect package ->
- Go to Window -> Package Manager
- Advanced -> Show preview packages
- Search 2D Pixel Perfect and install it!
- Advanced -> Show preview packages
- Search 2D Pixel Perfect and install it!
- Select your Main Camera -> Add component -> Pixel Perfect Camera
Then fill component settings, in this example it would be:
- Assets Pixel Per Unit = 16
- Reference Resolution = 480x270
- Upscale Render Texture = Enabled
- Crop Frame = Enabled
- Stretch Fill = Enabled
Then fill component settings, in this example it would be:
- Assets Pixel Per Unit = 16
- Reference Resolution = 480x270
- Upscale Render Texture = Enabled
- Crop Frame = Enabled
- Stretch Fill = Enabled
Those last three properties are related to black bars and maintaining the viewport's aspect ratio while dealing with different resolutions. The values depend on your needs!
Final result should work like this:
Final result should work like this:
That's all! Hope you find these tips useful. Share it with your pals and keep up the good work! 💕
