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,109
Reaction score
15,524
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,109
Reaction score
15,524
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
16,000
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
16,000
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
16,000
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

When can we get this?
RPG Maker MZ Saturn.png
Saturn port when?
I'm new to rpgmaker mv, link me some good stuff to learn.
Finally, I have graduated from college and now I can put a lot more work into my game, after having not worked on it for the better part of a year.
post so i can change my profile picture ^^
Creating Some art for a fighter game.

Forum statistics

Threads
117,068
Messages
1,104,275
Members
153,046
Latest member
peady
Top