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,130
Reaction score
15,531
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,130
Reaction score
15,531
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,002
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,002
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,002
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 Profile Posts

ready to fall into another development hell...
Mega has been giving me a lot of problems as of late, so I think I'll need to switch to another cloud service. I'm considering Dropbox.
Rough week, but in the end there's light in the darkness.
Mental health is an issue I wish was taken more seriously.
Take care.
1638421271905.jpeg
By the power of timezones! This picture shall still be posted on december 1st!!!
7xI2Gc2.jpg

This is not something I'd ever even considered but wow! What a way to use music in a game.

Forum statistics

Threads
117,121
Messages
1,104,750
Members
153,163
Latest member
tgjtjtjt
Top