seilaalek

Villager
Member
Joined
Aug 26, 2021
Messages
6
Reaction score
0
First Language
PTBR
Primarily Uses
RMMZ
well I need a lot of help because I've looked everywhere and I can't find the solution for that, I used tiled to create a map for the rpg maker mv, I use a plugin to remove the blur in fullscreen, and a plugin to change the resolution, I use the 1440x1040 resolution, the problem is that after exporting the .json map to the rpg maker, the sprites are perfectly fine, but the map has a horrible blur that no plugin has resolved, please I need a lot of help.
1632355281605.png
 

Shaz

Global Moderators
Global Mod
Joined
Mar 2, 2012
Messages
44,083
Reaction score
15,499
First Language
English
Primarily Uses
RMMV
What plugin did you use to remove the blur in fullscreen? Maybe it doesn't cater for parallaxes.

As far as I'm aware, you're always going to get this issue when enlarging pixel-based images, because you're taking one pixel and making it cover an area that's twice the size, or more. Vector-based images can resize without blur, but those aren't used in RPG Maker.

I'd be surprised if any plugin could avoid this problem, so I'm very keen to see what you're using, and if it's removed the blur from your other sprites, and how.


Think I'll move this to Plugin Support

 

seilaalek

Villager
Member
Joined
Aug 26, 2021
Messages
6
Reaction score
0
First Language
PTBR
Primarily Uses
RMMZ
What plugin did you use to remove the blur in fullscreen? Maybe it doesn't cater for parallaxes.

As far as I'm aware, you're always going to get this issue when enlarging pixel-based images, because you're taking one pixel and making it cover an area that's twice the size, or more. Vector-based images can resize without blur, but those aren't used in RPG Maker.

I'd be surprised if any plugin could avoid this problem, so I'm very keen to see what you're using, and if it's removed the blur from your other sprites, and how.


[mod]Think I'll move this to Plugin Support[/mod]

the plugin code is this:
//-----------------------------------------------------------------------------
// * Remove smoothing from graphics
//-----------------------------------------------------------------------------
Graphics._centerElement = function(element) {
var width = element.width * this._realScale;
var height = element.height * this._realScale;
element.style.position = 'absolute';
element.style.margin = 'auto';
element.style.top = 0;
element.style.left = 0;
element.style.right = 0;
element.style.bottom = 0;
element.style.width = width + 'px';
element.style.height = height + 'px';
element.style["image-rendering"] = "pixelated";
element.style["font-smooth"] = "none";
};
 

Shaz

Global Moderators
Global Mod
Joined
Mar 2, 2012
Messages
44,083
Reaction score
15,499
First Language
English
Primarily Uses
RMMV
I'd prefer a link to the plugin as that shows me very little, and not the bit I was interested in seeing.

Unless it was created exclusively for you or was a paid plugin, of course.
 

Archeia

Level 99 Demi-fiend
Staff member
Developer
Joined
Mar 1, 2012
Messages
15,525
Reaction score
15,998
First Language
Filipino
Primarily Uses
RMMZ
That's not a parallax right? I used Tiled plugin and don't get this issue. There are ways to fix this if this is a parallax image.

1. Make sure that your image file dimensions are divisible by 2. Otherwise, PIXI will auto blur your images.
2. Use Parallax Blur fix by Kentou. It's in one of these: https://drive.google.com/drive/folders/1u_tQVcfmJYipNsheJRx1AOUgzymG4Mcg

@Shaz, that is the plugin. To be specific:
Code:
//-----------------------------------------------------------------------------
// * Remove smoothing from graphics
//-----------------------------------------------------------------------------
Graphics._centerElement = function(element) {
    var width = element.width * this._realScale;
    var height = element.height * this._realScale;
    element.style.position = 'absolute';
    element.style.margin = 'auto';
    element.style.top = 0;
    element.style.left = 0;
    element.style.right = 0;
    element.style.bottom = 0;
    element.style.width = width + 'px';
    element.style.height = height + 'px';
    element.style["image-rendering"] = "pixelated";
    element.style["font-smooth"] = "none";
};
 
Last edited:

seilaalek

Villager
Member
Joined
Aug 26, 2021
Messages
6
Reaction score
0
First Language
PTBR
Primarily Uses
RMMZ
oh sure, I found this plugin on this forum in a thread. https://forums.rpgmakerweb.com/index.php?threads/rpg-maker-mv-remove-smooth.113865/

That's not a parallax right? I used Tiled plugin and don't get this issue. There are ways to fix this if this is a parallax image.

1. Make sure that your image file dimensions are divisible by 2. Otherwise, PIXI will auto blur your images.
2. Use Parallax Blur fix by Kentou. It's in one of these: https://drive.google.com/drive/folders/1u_tQVcfmJYipNsheJRx1AOUgzymG4Mcg

@Shaz, that is the plugin. To be specific:
Code:
//-----------------------------------------------------------------------------
// * Remove smoothing from graphics
//-----------------------------------------------------------------------------
Graphics._centerElement = function(element) {
    var width = element.width * this._realScale;
    var height = element.height * this._realScale;
    element.style.position = 'absolute';
    element.style.margin = 'auto';
    element.style.top = 0;
    element.style.left = 0;
    element.style.right = 0;
    element.style.bottom = 0;
    element.style.width = width + 'px';
    element.style.height = height + 'px';
    element.style["image-rendering"] = "pixelated";
    element.style["font-smooth"] = "none";
};
I'm going to try this solution, and it's not really a parallax, it's the tiled .json file, but I hope it solves the problem

in case anyone finds it necessary to look deeper, i can share the game files
 

seilaalek

Villager
Member
Joined
Aug 26, 2021
Messages
6
Reaction score
0
First Language
PTBR
Primarily Uses
RMMZ
Check your tileset file dimension size first.
all tilesets were made in 32x32
and the grid in tiled 32x32

That's not a parallax right? I used Tiled plugin and don't get this issue. There are ways to fix this if this is a parallax image.

1. Make sure that your image file dimensions are divisible by 2. Otherwise, PIXI will auto blur your images.
2. Use Parallax Blur fix by Kentou. It's in one of these: https://drive.google.com/drive/folders/1u_tQVcfmJYipNsheJRx1AOUgzymG4Mcg

@Shaz, that is the plugin. To be specific:
Code:
//-----------------------------------------------------------------------------
// * Remove smoothing from graphics
//-----------------------------------------------------------------------------
Graphics._centerElement = function(element) {
    var width = element.width * this._realScale;
    var height = element.height * this._realScale;
    element.style.position = 'absolute';
    element.style.margin = 'auto';
    element.style.top = 0;
    element.style.left = 0;
    element.style.right = 0;
    element.style.bottom = 0;
    element.style.width = width + 'px';
    element.style.height = height + 'px';
    element.style["image-rendering"] = "pixelated";
    element.style["font-smooth"] = "none";
};
thank you very much, it worked, but in case it doesn't bother you too much, could you say if the pixels are a little wrong due to the resolution or something? 1632438456873.png
 

Archeia

Level 99 Demi-fiend
Staff member
Developer
Joined
Mar 1, 2012
Messages
15,525
Reaction score
15,998
First Language
Filipino
Primarily Uses
RMMZ
For anyone else reading this, File dimensions does NOT equate the grid. I am talking about this specifically.
1632467919180.png

@seilaalek It's either that or you accidentally resized the window somehow.
Also, I keep having to merge your posts I have to remind you:

seilaalek, please avoid double posting, as it is against the forum rules. You can use the "Edit" function on your posts to add additional information you've forgotten or respond to multiple people. You can review our forum rules here. Thank you.

 
Last edited:

seilaalek

Villager
Member
Joined
Aug 26, 2021
Messages
6
Reaction score
0
First Language
PTBR
Primarily Uses
RMMZ
For anyone else reading this, File dimensions does NOT equate the grid. I am talking about this specifically.
View attachment 202268

@seilaalek It's either that or you accidentally resized the window somehow.
Also, I keep having to merge your posts I have to remind you:
[dpost]seilaalek[/dpost]
ok guy, thanks a lot anyway, you saved my game. And sorry for the topic errors, I don't have much experience with forums
 

Archeia

Level 99 Demi-fiend
Staff member
Developer
Joined
Mar 1, 2012
Messages
15,525
Reaction score
15,998
First Language
Filipino
Primarily Uses
RMMZ
ok guy, thanks a lot anyway, you saved my game. And sorry for the topic errors, I don't have much experience with forums
Glad you got it working. And no problem, blue text is just there to remind.
 

Latest Threads

Latest Posts

Latest Profile Posts

I've finished (most of) the sprites for two of my main characters, Ashlyn and Lizzabelle. And I've already drawn actual artwork of Lizzabelle and Suki months ago. I can't wait to show some of my stuff. I'm hesitant because their outfits aren't my own original design, which must be changed before I get too serious with this.
Heh, um. I've spent $1500~ so far for my game. Most of that went into purchasing some software I need, as well as some commissions. But still, I didn't realize I had spent so much since the beginning of October.

Do not trust me with money, lol.
Working on my first ideas for a tileset... I really don't know if anyone would like or even want my style.

k5a4BHk.png
Plus-size sprite continues! Front and back views done, or at least mostly there depending on if there's any more work you all think she needs. Once I get her done I can get working on her masculine counterpart:
PlusTest-03.gif
My game is basically turning into a 2 on 2 fighting game disguised as an rpg lol. here's eveyone doing their own intro in battle.

Forum statistics

Threads
116,987
Messages
1,103,551
Members
152,858
Latest member
EMP
Top