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
43,672
Reaction score
15,291
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
43,672
Reaction score
15,291
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,493
Reaction score
15,939
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,493
Reaction score
15,939
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,493
Reaction score
15,939
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

I'm having toooo much fun designing the new MP (Mental Psyche) system. I've only worked it out for enemies so far, but it's fun to stun them, then go after their MP and delete them instead to farm for better item drops.
anyone know of a place I can promote my game? sorta like game awards but for indie devs, like a place where I can drop a trailer and like stir up some hype
Doing RPG Maker News for 17th October 2021

That moment when you came up with a very good game title, but when you searched it, it has already been used... T.T
Crazy week. My anxiety decides to go nutz. Worse thing about it is that it causes me to lose focus on my work. I was able to leave early one day and take a nap. Seemed to help. How is everyone? Boosters coming soon here. Get my life back on track again.

Forum statistics

Threads
115,875
Messages
1,093,670
Members
151,122
Latest member
AusterFan420
Top