The "Text" object is jittering.

Not favoritedFavorited Favorited 0 favourites
  • 5 posts
From the Asset Store
Hand-painted tiles, objects, animated objects, and background to build a colorful Mayan civilization environment.
  • If the text moves slowly, you can see it stuttering, which is a problem for me.

    Any ideas on how to fix this? Using images instead of text would be slow and difficult (due to the large number of languages ​​and texts).

    I’ve attached the game file.

    drive.google.com/file/d/1Ry3zfPs781trgvg2hgziPSjHjy9N9yVE/view

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Hmm interesting. That seems to be an artifact due to how the text is rendered. It's probably intentionally rendered pixel-perfect to ensure it always displays as crisp as possible, which is why it stutters.

    I think your options are:

    EDIT for future reference: Best option is as Ashley suggested below, set the texts angle to 0.01

    1. On start of layout, you can render the Text you need onto canvas objects. These should not have that issue. Something along the lines of:

    - Set text (based on whatever language you need)

    - Paste text object to canvas object

    - Destroy or hide the text objects

    I'd recommend trying this first.

    construct.net/en/make-games/manuals/construct-3/plugin-reference/drawing-canvas

    2. Use a Spritefont since it doesn't have this issue. You'll have to find a font that supports all the special characters you need for all the languages you want to support. You can use this tool to generate a spritefont construct.net/en/forum/game-development/tools-and-resources-27/sprite-font-generator-v3-64038 You need to make sure to plop down all the special characters in the tool for export.

    This is what I have used in the past which I think should support English, French, Italian, German, Spanish and Turkish if I'm not mistaken.

    ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.,;:?!-_~#"'&()[]|`\/@°+=*$£€<>%ÀÂÄÇÉÈÊËÎÏÑÔÖÜÙÛİĞŞàâäçéèêëîïñôöùûüßığş
  • Hmm interesting. That seems to be an artifact due to how the text is rendered. It's probably intentionally rendered pixel-perfect to ensure it always displays as crisp as possible, which is why it stutters.

    I think your options are:

    1. On start of layout, you can render the Text you need onto canvas objects. These should not have that issue. Something along the lines of:

    - Set text (based on whatever language you need)

    - Paste text object to canvas object

    - Destroy or hide the text objects

    I'd recommend trying this first.

    https://www.construct.net/en/make-games/manuals/construct-3/plugin-reference/drawing-canvas#internalH1Link7

    2. Use a Spritefont since it doesn't have this issue. You'll have to find a font that supports all the special characters you need for all the languages you want to support. You can use this tool to generate a spritefont construct.net/en/forum/game-development/tools-and-resources-27/sprite-font-generator-v3-64038 You need to make sure to plop down all the special characters in the tool for export.

    This is what I have used in the past which I think should support English, French, Italian, German, Spanish and Turkish if I'm not mistaken.

    > ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789.,;:?!-_~#"'&()[]|`\/@°+=*$£€<>%ÀÂÄÇÉÈÊËÎÏÑÔÖÜÙÛİĞŞàâäçéèêëîïñôöùûüßığş

    Thanks! A long time ago, I used the "drawing-canvas" method. But I suddenly discovered that on some Mac models, there was a pink area instead of the "drawing-canvas" — perhaps they didn't support that type of rendering.

  • Text objects default to pixel-snapping to ensure they display with best quality. The easiest way to disable that is set the angle to something like 0.01 degrees - rotated Text objects skip pixel-snapping as they won't line up with the display anyway, and so a small nonzero angle will not visually look rotated, but will be enough to stop the pixel snapping.

  • Text objects default to pixel-snapping to ensure they display with best quality. The easiest way to disable that is set the angle to something like 0.01 degrees - rotated Text objects skip pixel-snapping as they won't line up with the display anyway, and so a small nonzero angle will not visually look rotated, but will be enough to stop the pixel snapping.

    Interesting hack. Wouldn't it be better to have a nice little checkbox in the properties though? If I ever need this I might not remember that rotating by 0.01 degrees fixes it magically :V

Jump to:
Active Users
There are 0 visitors browsing this topic (0 users and 0 guests)