Using canvas to add Blur effect on specific area

Hisao Shou

Veteran
Veteran
Joined
Jan 8, 2015
Messages
153
Reaction score
22
Primarily Uses
Hello everyone! Recently I have tried some PIXI Filters plugins around the community (Mog's and Tsukimi's) since I needed a plugin for zoom blur or blur overall. In the end my graphic card didn't work well with PIXI (it displaced the game camera. I confirmed this is a graphic card issue as the game worked fine for a friend of mine), so I have decided to find Canvas alternatives. It works fine on their filters demo site though)

So far, I have found a plugin which applies blur effect... but it applies it to the whole game screen (Menu, Text, Characters, ALL). And here I need your help, to find a way to apply this blur effect only on the game map + events and certain images, if someone could help me with this I would be really grateful!

If someone has alternatives to this plugin, please tell me! I have not found any other plugins out there similar to these...
 

biud436

Veteran
Veteran
Joined
Sep 28, 2014
Messages
172
Reaction score
179
First Language
Korean
Primarily Uses
RMMV
Hello, dude.

There is no solution.

The CSS filter is applied by Web standards to DOM only, so there is no way to apply it into non-DOM specific textures.

if it adds and overlays multiple canvases on a single page, I guess it's possible to implement it like as this. But, I don't recommend that. because it is hard to manage the coordinates of drawing objects and it is possible to have performance penalties for less powerful devices such as phones.
 
Last edited:

Hisao Shou

Veteran
Veteran
Joined
Jan 8, 2015
Messages
153
Reaction score
22
Primarily Uses
Hello, dude.

There is no solution.

The CSS filter is applied by Web standards to DOM only, so there is no way to apply it into non-DOM specific textures.

if it adds and overlays multiple canvases on a single page, I guess it's possible to implement it like as this. But, I don't recommend that. because it is hard to manage the coordinates of drawing objects and it is possible to have performance penalties for less powerful devices such as phones.
So there is no other way to blur a certain area of the game without pixi.js?
Because my issue 1 is: pixi filters seem to not behave well with my graphic card (the screen gets zoomed and camera no longer centered on player - while for other players it works well)
And issue 2: The game will also be exported on android, and most of the times android won't run pixi filters.
 

Users Who Are Viewing This Thread (Users: 1, Guests: 1)

Latest Threads

Latest Posts

Latest Profile Posts

Just finished composing a boss battle theme!
Scripted a multi-variable weather system that randomizes wind speed, cloudiness, rain, fogginess, etc, while attempting to realistically account for interactions between them (e.g. wind speed affects fogginess, cloudiness affects rain, etc), the current weather pattern, and the player's biome e.g. swamp, beach, etc. Now I "just" have to tie visuals and sounds to the variables so stuff actually happens...
I'm having a headache balancing the combat using flat defense so I'm gonna use percentual armor, in this pic, Simon has 16 on Defense which means all the incoming damage will be reduced by 16% this will ease my burden a bit.
!Have a nice day everybody¡
SO glad they patched outer worlds for switch! I can finally play it! Weird that other peeps are still having issues. I know it was really chugging on my lite when it first came out.

Forum statistics

Threads
105,553
Messages
1,014,597
Members
137,229
Latest member
Lagune
Top