Pixel Trick (dribbble.com)

over 9 years ago from Kestonis Storm, Designer

7 comments

Randy H, over 9 years ago (edited over 9 years ago )
If possible, using the angle 26.65 degrees results in much cleaner lines. It is a little thing I learned doing pixel art for games.
3 points
- Cihad Turhan, over 9 years ago
  Is it trial & error or a mathematical background?
  0 points
  - Randy H, over 9 years ago (edited over 9 years ago )
    It comes down to the arrangement of pixels. Basically, you end up with something that is like: 2px over, 1px up. The inverse of that works as well. This results in a crisp line that avoids being anti-aliased.
    Edit: This is a good visual explanation: http://gas13.ru/v3/tutorials/isometric_pixelart_tutorial_mathematics_of_isometrics.php Also, I guess that I was very slightly off. Looks like it should be closer to 26.565.
    1 point
    - Cihad Turhan, over 9 years ago (edited over 9 years ago )
      Here is the exact result :)
      1 point
Alan Tippins, over 9 years ago
This one weird trick....
Joking aside this is super useful.
2 points
Richard Burton, over 9 years ago
This works in Sketch, too! If anyone would like to check out my quick test you can download it here.
0 points
Damián Hernández, over 9 years ago
Nice tip.
0 points

Now playing