Tilt/Rotate text: pixelated font?

Discussion in 'RPG Maker MV' started by jjleroy, Dec 10, 2018.

  1. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    Hey guys, a new day a new question. I would like to rotate text in my game. I managed to do so with this line:

    this.rotation = -0.3;

    However, turns out that all my text is kind of pixelated if I do that:

    [​IMG]

    Maybe someone knows what to do so it's clear and readable... Help would be extremely appreciated
     
    #1
  2. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    Add a small blur and it should be better. I use PIXI filters for it.
     
    #2
    jjleroy likes this.
  3. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    Thanks so much but could you explain how to do that? I tried adding these two lines:



    (function() {
    var choicelist_defaultBotCent = Window_ChoiceList.prototype.updatePlacement;

    Window_ChoiceList.prototype.updatePlacement = function() {
    this.rotation = -0.5;
    PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.LINEAR;

    var positionType = $gameMessage.choicePositionType();
    this.y = 120;
    this.width = this.windowWidth();
    this.height = this.windowHeight();
    switch (positionType) { case 0: this.x = (Graphics.boxWidth - this.width) / 2;
    break;
    case 1: this.x = 320; break;
    case 2: this.x = 320; break;
    }
    };

    })();


    But he says "cannot read property of "linear" of undefined....
     
    #3
  4. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    #4
    jjleroy likes this.
  5. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    OK thank you so much, unfortunately I'm a complete js beginner... Where do I have to put that code and what do I have to change?
     
    #5
  6. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    var bf = new PIXI.filters.BlurFilter ();
    bf.blurAmount = whatever value is necessary, just don't make it too large, because it's going to blur the entire window, not just the contents
    SceneManager._scene._messageWindow._choiceWindow.filters = [bf];
     
    #6
    jjleroy likes this.
  7. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    OK..! I tried to put it into a script command but then I get "cannot property BlurFilter of undefined" ..

    [​IMG]
     
    #7
  8. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    In game open the dev tools and type new PIXI.filters.BlurFilter () in there. If it is present, it should return a filter. If not, it will throw an error.
     
    #8
    jjleroy likes this.
  9. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    For some reason, the game only wanted to start if I used

    new PIXI.BlurFilter ()

    instead of

    new PIXI.filters.BlurFilter () .

    The window is blurred now, but I cannot change the amount....


    [​IMG]
     
    #9
  10. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    My mistake. It's not blurAmount, but blur.
     
    #10
    jjleroy likes this.
  11. jjleroy

    jjleroy I love bananas Veteran

    Messages:
    123
    Likes Received:
    26
    Location:
    Germany
    First Language:
    German, English
    Primarily Uses:
    RMMV
    Ok, thank you so much! I can make it blurry now, but it still doesn't look so good... do you perhaps have any other ideas how to increase the readability?
    [​IMG]
     
    #11
  12. Poryg

    Poryg Pixie of the Emvee kingdom, Ham of a Hamster Veteran

    Messages:
    3,646
    Likes Received:
    9,162
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    You can make it spin continuously forwards and backwards. This way the jiggedy jaggedy edges wouldn't be so apparent, because it'd be in constant motion. But it's rather difficult to work something out with it, because it's absolutely normal that non-45° factor angles cause huge problems.
     
    #12

Share This Page