Jump to content

pixel art gets fuzzy when rotating (game.stage.smoothed = false)

Recommended Posts

I've got a pixel art image of a planet.

If I use game.stage.smoothed = false; when I start rotating the image it gets fuzzy and looks... shitty...


here's the basic code that rotates the planet:

update: function () {
        if ((game.input.keyboard.isDown(Phaser.Keyboard.RIGHT) || this.mobileMoveRight) && this.gameLogic.showingMenu == false) {
                 // some other code ...

                 this.groupPlanet.rotation -= 0.003;


NOTE: the fuzziness appears ONLY if game.stage.smoothed = false;

Can anyone explain to me what is the issue and if there's a workaround?


Thanks in advance!


Link to post
Share on other sites
15 hours ago, samme said:

If you mean fuzzy/rippled (rather than "blurry") you may be seeing aliasing.

yup - "RIPPLED" is probably the best word for it :) 

So it is probably the aliasing that is annoying me! Which makes me think it wasn't a very good idea to design a rotating pixel art planet in the first place...

As far as I understand it - pixel art and rotation are not the best buddies.

I'll just sleep it over and decide what to do tomorrow ...


Thanks, guys! You're awesome!!!

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Create New...