Gradient Wipe - old RM Transition effect, and more

[Tsukimi-neko]

Gradient Wipe v1.0.0
Tsukimi (cji3bp62000)​

Introduction
There are fancy transition effects in RM 2000/XP/VX, but only fading and scaling in MV.
So I decided to make this script to make it more fancier,
and also add the effect to characters/pictures/message window.

*** Notice !!! ***
this is an webGL depending effect. If your RMMV version is below 1.5.0,
"and" your game will be on website/smartphone, this effect may not work.
1.5.0 or upper version allows WebGL rendering for website/smartphone.
(OK for desktop application, even with version below 1.5.0)


Features
- Old-Style Transition Effect
- Character/Picture Fading Effect
- Message Window Fading Effect
※Gradient Image will be stretched to fit the target(screen/char/pic/message), so no need resizing to 816*624, just use what you have(o・ω・o).

Screenshots
Some Japanese, but the important parts are also translated to English.

How to Use
- Open your project, add and turn this script on in plugin manager.
- Create 'transitions' folder under 'img/' directory, and put your Gradient Image in it.

There are Plugin parameters to set as effect default parameter.

・Transition Effect:

Spoiler: plugin commands

　GWTransition <on/off>
　　use Gradient Wipe transition(on) or RM default transition(off).
　　Ignore the <>.

　GWTrans_Setting FadeImg <imageName>
　　set Gradient Image for transition.
　　Ignore the <>.

　GWTrans_Setting FadeInImg <imageName>
　　set Gradient Image for transition(only for fade in).
　　Ignore the <>.

　GWTrans_Setting FadeOutImg <imageName>
　　set Gradient Image for transition(only for fade out).
　　Ignore the <>.

　GWTrans_Setting Duration <frames>
　　set the fading effect duration(in frame).
　　Ignore the <>.

・Character/Picture Fading Effect:

Spoiler: plugin commands

　GWFade character <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)

　　set Gradient Wipe effect for character.
　　id: -1(gamePlayer), 0(this Event), 1~(Event ID)

　　if use fadeOut, will automatically turn the opacity of character to 0 after effect ends.
　　(no auto opacity-changing when using fadeIn)

　　softness is an optional parameter.
　　default is 0, and mostly 5~10 is enough.

　　example:
　　GWFade character -1 fadeOut Circle 60
　　-> game Player(-1) will fade out using 'Circle.png' in 60f.


　GWFade picture <id> [fadeIn/fadeOut] <imgName> <duration> (<softness>)

　　set Gradient Wipe effect for picture.
　　parameters are the same as character fading.

　　example:
　　GWFade picture 1 fadeIn Circle 60 5
　　-> Picture No.1 will fade in using 'Circle.png' in 60f,
　　with softness 5.

・Message Window Fading Effect:

Spoiler: plugin commands

　GWMessageFade <on/off>
　　use Gradient Wipe fade(on) or RM default open/close window effect(off).
　　Ignore the <>.

　GWMessage_Setting FadeImg <imageName>
　　set Gradient Image for message window fading.
　　Ignore the <>.

　GWMessage_Setting Duration <frames>
　　set the fading effect duration(in frame).
　　Ignore the <>.

Script
You can download(press ctrl+s) the script from here, or from my Github.

FAQ
Post question and answers to common question here in the following format:

Q: Fading out character/picture is working fine, but I can't fade in the character/picture again.
A:
The FadeOut command for char/pic will turn the opacity to 0, so you have to turn opacity back in order to fadeIn.
Set the character/picture's opacity to 255 or some else right before or after the fade in plugin command.


Terms of use
Free to use in non-commercial/commercial games. Credits no need. (but I will be happy if you would write in your game!)
Do not reproduce or redistribute this script alone(without any game data).

Credit and Thanks
- Tsukimi (in this forum: cji3bp62000)
- Credit people which have help you in making the script.

Author's Notes
2018/01/22 released.

You can find gradient wipe image by searching :
・gradient wipe
・luma wipe
・luma fade
・ルール画像 (<- japanese)

 

[Isabella Ava]

Hey i adore you since i first came over your plugins on tkool forum like FilterControl, Stairmove ...
And i remember very well your avatar as a blue cat's back there. That's why when i saw a new thread made by someone with same avatar on this forum i was like "Wow, can this be ..", and yes, here you are.

 

[EpicFILE]

Nice plugin!
The last time I use custom screen transition was when I use Rm2k3.
It's really cool that you bring back this feature with a plugin.
Thanks!

 

[Ellie Jane]

Excellent, have been after this for a while.

 

[Nicke]

Love this. Big hug to you!

 

[Poryg]

A custom PIXI filter... That's awesome!

 

[Tsukimi-neko]

Wow, thank you all for replying to this thread!

>> Isabella Ava
It's surprising that there are people watching my plugin threads in jp forum
My first try to put my plugin on English forums. Hope you will like it!

>> EpicFILE
I loved the transition effect in RM2k3, so why not in MV!
Although there are restrictions(WebGL environment), hope you will like this plugin

>> Amy Pond
Thank you! Hope this plugin would help you!

>> Nicke
Thank you! Hope this effect is what you want

>> Poryg
A somehow simple filter. It's easier to make a filter than doing something to the bitmap, though restricted to WebGL mode
By the way, you really looked into my script! It's real honor to hear that Appreciate your watching.

 

[Poryg]

How can it be an honor, I'm a nobody I'm an aspiring programmer and I'm very interested in OpenGL and WebGL programming, so when I saw it, I just had to look at the code... Although I didn't understand it, because I don't know anything about WebGL programming

 

[Tsukimi-neko]

How can it be an honor, I'm a nobody I'm an aspiring programmer and I'm very interested in OpenGL and WebGL programming, so when I saw it, I just had to look at the code... Although I didn't understand it, because I don't know anything about WebGL programming

Your messages and likes recieved tells everything!
I know little about GL language too. PIXI made a good interface for easily touching GL, otherwise there is no this plugin...
The really mattering point is the fragment part, and inside there is just "take a look at gradient image pixels, and set alpha of the other image"

 

[Nicke]

Not really related to this plugin but any plans on updating your Pixi filter plugin? I saw they have added alot of new filters such as reflection etc. I am using it now with godrays and it works flawlessly but would be cool to have some more effects!

 

[Poryg]

My likes tell nothing, since likes can be cheap to gain sometimes. Once I mentioned that I had to speed up the messages, because I was trying to keep 100 less likes than messages... Then someone came and boom, 80 likes to all my comments that were recent. So I don't really care about them anymore, which is also why I deactivated like alerts.
So the only thing my likes tell is that I should spend less time hunting status feeds

I see, the code sounds understandable when it's explained like this I'm just afraid of vertex shader, fragment shader, vec2, vec4,... And stuff like that

 

[Tsukimi-neko]

>> Nicke
Wow! I didn't notice that.
It has been just 1 or 2 weeks, and they created 5 new filters and update old filter parameters ... how creative they are.
The structure of current filter plugin isn't good, so I will update the plugin and maybe release it here, also adding new filters into it.
Maybe not so fast, but I will do it.

>> Poryg
Glad to hear it helped you!
those unique things in GL is a bit scary at first glance, but maybe not that hard as everyone think. (although I'm not good at GL)

I noticed that you create some tutorial about PIXI sprites and other classes, gonna take a look at them!

 

[Poryg]

They are about basics, not sure if you can learn something.

 

[RyanBram]

Hi.
This is a really nice plugin.

Can you add plugin option for battle processing transition?
Currently your plugin has option for fade, fade in, and fade out, so battle transition will follow those settings. If there is option for battle only transition, it will be nice.

Thanks.

 

[Espilonarge]

I just wanted to point out there's a small quirk that I ran in to with this plugin that may need to be fixed to avoid the issue I ran in to.

If you use a "Transfer Player" function in an event and you have the "Use Custom Transition" setting set to "true" in the plugin (which you've left it set to "true" by default) without a Transition Fade/FadeIn/FadeOut image being set (which are all empty by default), it will freeze the player in place indefinitely (events will still be moving around, jumping, doing stuff, etc, but the player will be permanently stuck which will require the game to be closed).

 

[seaotter]

I use this plugin, I just get a black screen...

 

[Destra47]

I know this hasn't been touched in a while, but I've been trying for several hours now and I'm not sure how to apply it to regular bitmaps.
It's very specific, but basically I'm trying to apply it to the turn icons in Yanfly's CTB plugin so that they do a nice pixel dissolve when they get removed from the queue. His icons inherit from Window_Base, so I tried applying the relevant methods in this plugin. But instead the icon just disappears in one frame.

 

[Tsukimi-neko]

@Destra47
Hello! Does other thing work alright?
I can think of several situations lead to this phenomenon, including broken due to update of core-script. (I haven't maintain this plugin for years)

 

[Destra47]

@Destra47
Hello! Does other thing work alright?
I can think of several situations lead to this phenomenon, including broken due to update of core-script. (I haven't maintain this plugin for years)

I've tried it on events and it works perfectly. But that's what the plugin is supposed to do.

I just wanted to apply it to the icons in Yanfly's CTB script. They extend Window_Base, but the window isn't drawn, it's just a bitmap. So in theory applying it directly to either should work fine. By default they fade by decreasing contentsOpacity.

 

[CEO1234]

Perhaps this question has already been asked, but is this plugin compatible with Yanfly's Core plugin? I changed my default game box size and now it may not match (don't know about full screen though). The default size 816*624 may be what the plugin is looking for, but can this be changed to match the modifications made possible by Yanfly's plugin? My current size is 1104*624.






Update: There are 2 issues I noticed. If the 'use custom transitions' is set to true in the plugin's parameters, then the game's RPG Maker MV logo fails to load properly and freezes (meaning I can't get to the menu). Maybe other people have had this problem too. I'm using version 1.6.2 of MV. Don't know if that's the issue or not.

The other issue can be seen in the picture. Once I was able to load my game up, even with the plugin's option to even be able to use it set to false, the above happened. It's pretty self explanatory. And absolutely ridiculous...

Has this ever happened to anyone before? I haven't even used the plugin yet... I think the red arrows are from my menu. I custom made them, but they're certainly not supposed to appear there!