As a beginner on Unity, I'm looking for a solution to a rather annoying problem. I've been through a lot of videos and articles, but I still can't solve it.
On a blank Scene, in a Canvas containing a Panel and an Image. I'm trying to display this image correctly. It is a pixel art image.
The problem is that it remains blurred and badly arranged according to the resolutions.
I try to find a way to display it correctly while keeping its pixel art aspect.
(I looked at the pixel perfect cameras, the stretch settings and others, I set the sprite parameters to Point and No compression and others. But nothing works).
I don't know how to propose different types of zoom according to the resolution and that the image doesn't blur
If someone has a little time, and can make me a scene just with his camera, and therefore the canvas, panel and image, with good setting so that I can understand my error. It would be a great help for me !
Thanks for reading !
The background picture :
Try selecting the image in the assets and change the Resize algorithm to Point(no filter)
Hop, I found the solution thanks to this threed :
Official - Pixel Perfect Preview Package
By looking correctly at the settings apply. It came from the resizing of the Canvas and the management of the Camera.
Thanks for your messages !
And thanks to the author of the threed : rustum !
Related
I am making a 3D game on Unity. Currently I work on main menu. The problem is
when I use 16:9 aspect ratio I get this result:
The background is not scaled.
However when I use Free aspect ratio, I get this:
Here is background object properties and sprite properties:
I have no clue what is the problem here and how to solve it. I hope to find some help here. Thanks in advance.
You should extract one tile of the background sprite like this:
Then it should be tiled correctly.
The key is to extract the smallest repeatable element.
Also, you don't have to worry about the Free Aspect. Just make sure it looks fine on the real screen resolutions.
I'm new to Unity so Hopefully this is an easy fix.
So everything looks super low res for me. I wish my images looked high res.
Even SVG looks low res even though they're vector nodes, I don't get that at all but I assume Unity doesn't play with svg yet? the black outline graphic is SVG, the rest are PNG with alpha.
Take a peek at my three different windows. Let me know your suggestions (remember I don't know anything so the easiest thing can been overlooked)
There is a "Scale" slider on top of the game view. Right now it is set to 2.8x. When you do that Unity just zooms in but it doesn't set the the resolution or actually change anything at all. It's like moving the screen really close to your face :D Nothing else besides that particulat window is affected by this setting. So my advice would be to always keep it at 1. Unless you want to see something specific at the screen of course
I have a problem in Swift with UITableViewCell background image. Let's say that it shows quite fine one iPhone5 but on iPhone 6Plus it is stretch and thus it looks bad. This is probably due to Aspect fill or something which I really couldn't manage to change and achieve what I want so would be the best if someone could poke sample code I am providing as well as image how it should look, so anyone can check it out and maybe give me some hint or tip or sample code or even fixed demo version.
So here it is:
Note that on left side there is a curve (like half a circle) around right side of icon. On bigger phones or tablet, that curve gets super stretch thus completely destroying the look.
Demo code link
Thanks all in advance for any help. I am pretty stuck with this one.
You can stretch an image while preserving the aspect ratio of a portion of that image using slicing. Xcode offers a graphical interface for doing this. The idea is that you decide what parts of the image are allowed to stretch and which aren't.
https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html
I'm working on a Unity 2D project and making the levels at the moment.
For some reason even really high resolutions (higher than 1920x1080) become really pixelated. It's like the camera is zoomed in too much. My player is rendered at a scale of 0.2x0.2.
I've tried changing the z-depth of camera back but everything still becomes very pixelated. Really frustrating because edges of tiles on the screen become really pixelated.
Anyone had any issue or can think of anything that will help solve this?
here's a picture of it in the editor mode. Based on the tile grid you can see everything's really tiny and it's awfully zoomed in. Not sure how to fix this.
In game:
Noticed how pixelated it is. Thanks
On your first screenshot the sprites are also pixelated.
Every time you see bad image quality - checkout import settings. Try to increase max size. Also try different format. You should find the suitable values for yourself.
I find that when I set the export settings to Android, everything gets pixelated, even skies (I suppose it does that in order to adapt to the device's lower capacity). Turning export settings back to web player for example, solves this issue.
I'm searching for library or just code snippet to provide function like resize, crop with frame and rotate image after user pick image from image picker. Something like on this video: http://www.youtube.com/watch?v=Gb6xncXg1PY (0:55). Maybe someone has the same issue?
This one could help you relating the images. It's for iPad but this shouldn't make much differences. The principles should be the same. (icodeblog.com is really a good page, could be that there is much more relating this issue)
http://icodeblog.com/2010/10/14/working-with-uigesturerecognizers/
But there are also so much out which you can find via Google. I had a good one but I don't find it anymore.