Gradient Wipe - old RM Transition effect, and more

cji3bp62000

Tsukimi
Veteran
Joined
Oct 25, 2017
Messages
66
Reaction score
179
First Language
Japanese
Primarily Uses
RMMV
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:
 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:
 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:
 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)
 
Last edited:

Isabella Ava

Veteran
Veteran
Joined
Sep 13, 2016
Messages
635
Reaction score
756
First Language
English
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

Epic Member
Veteran
Joined
Sep 27, 2017
Messages
295
Reaction score
1,141
First Language
Indonesia
Primarily Uses
RMMV
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! :D
 

Amy Pond

Veteran
Veteran
Joined
Mar 17, 2012
Messages
667
Reaction score
1,361
First Language
English (UK)
Primarily Uses
Excellent, have been after this for a while.
 

Nicke

Fortune seeker
Veteran
Joined
Apr 4, 2012
Messages
537
Reaction score
530
First Language
Swedish
Primarily Uses
RMMV
Love this. Big hug to you! :)
 

Poryg

Dark Lord of the Castle of Javascreeps
Veteran
Joined
Mar 23, 2017
Messages
4,038
Reaction score
10,258
First Language
Czech
Primarily Uses
RMMV
A custom PIXI filter... That's awesome!
 

cji3bp62000

Tsukimi
Veteran
Joined
Oct 25, 2017
Messages
66
Reaction score
179
First Language
Japanese
Primarily Uses
RMMV
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:cutesmile:

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

Poryg

Dark Lord of the Castle of Javascreeps
Veteran
Joined
Mar 23, 2017
Messages
4,038
Reaction score
10,258
First Language
Czech
Primarily Uses
RMMV
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 :(
 

cji3bp62000

Tsukimi
Veteran
Joined
Oct 25, 2017
Messages
66
Reaction score
179
First Language
Japanese
Primarily Uses
RMMV
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

Fortune seeker
Veteran
Joined
Apr 4, 2012
Messages
537
Reaction score
530
First Language
Swedish
Primarily Uses
RMMV
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

Dark Lord of the Castle of Javascreeps
Veteran
Joined
Mar 23, 2017
Messages
4,038
Reaction score
10,258
First Language
Czech
Primarily Uses
RMMV
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 :D

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 :)
 

cji3bp62000

Tsukimi
Veteran
Joined
Oct 25, 2017
Messages
66
Reaction score
179
First Language
Japanese
Primarily Uses
RMMV
>> 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:blush:)

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

Poryg

Dark Lord of the Castle of Javascreeps
Veteran
Joined
Mar 23, 2017
Messages
4,038
Reaction score
10,258
First Language
Czech
Primarily Uses
RMMV
They are about basics, not sure if you can learn something.
 

RyanBram

Veteran
Veteran
Joined
May 13, 2012
Messages
184
Reaction score
159
First Language
Indonesian
Primarily Uses
RMMV
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

Veteran
Veteran
Joined
Apr 24, 2016
Messages
120
Reaction score
53
First Language
English
Primarily Uses
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

Veteran
Veteran
Joined
Mar 2, 2019
Messages
80
Reaction score
17
First Language
Chinese
Primarily Uses
RMMV
I use this plugin, I just get a black screen...
 

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

Latest Threads

Latest Posts

Latest Profile Posts

Been busy with non-RM stuff, can't wait to get back into making a game.
i'm not only drawing girls tbh
i like grubby old man
Kes wrote on Chef's profile.
I have deleted your profile post as our Rules are quite clear that you may not use them to advertise non-RM products, nor may you give a link to anything that solicits payment for you.
140 Thousand words, take one down, toss it around, discover I hate the direction I went and decide to start a complete rewrite.
I like being a butt to people.

Forum statistics

Threads
93,604
Messages
913,875
Members
123,158
Latest member
kikki0080
Top