Gradient Wipe - old RM Transition effect, and more

Discussion in 'JS Plugin Releases (RMMV)' started by cji3bp62000, Jan 22, 2018.

  1. cji3bp62000

    cji3bp62000 Tsukimi Veteran

    Messages:
    66
    Likes Received:
    177
    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.
    [​IMG]

    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: Jan 22, 2018
    #1
  2. Isabella Ava

    Isabella Ava Veteran Veteran

    Messages:
    635
    Likes Received:
    755
    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.
     
    #2
    cji3bp62000 likes this.
  3. EpicFILE

    EpicFILE Epic Member Veteran

    Messages:
    295
    Likes Received:
    1,139
    Location:
    Bogor
    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
     
    #3
    cji3bp62000 likes this.
  4. Amy Pond

    Amy Pond Veteran Veteran

    Messages:
    667
    Likes Received:
    1,359
    First Language:
    English (UK)
    Excellent, have been after this for a while.
     
    #4
    cji3bp62000 likes this.
  5. Nicke

    Nicke Fortune seeker Veteran

    Messages:
    533
    Likes Received:
    511
    Location:
    Sweden
    First Language:
    Swedish
    Primarily Uses:
    RMMV
    Love this. Big hug to you! :)
     
    #5
    cji3bp62000 likes this.
  6. Poryg

    Poryg Dark Lord of the Castle of Javascreeps Veteran

    Messages:
    3,984
    Likes Received:
    10,075
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    A custom PIXI filter... That's awesome!
     
    #6
    cji3bp62000 likes this.
  7. cji3bp62000

    cji3bp62000 Tsukimi Veteran

    Messages:
    66
    Likes Received:
    177
    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: Jan 22, 2018
    #7
    Isabella Ava, EpicFILE and Poryg like this.
  8. Poryg

    Poryg Dark Lord of the Castle of Javascreeps Veteran

    Messages:
    3,984
    Likes Received:
    10,075
    Location:
    Czech Republic
    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 :(
     
    #8
    cji3bp62000 likes this.
  9. cji3bp62000

    cji3bp62000 Tsukimi Veteran

    Messages:
    66
    Likes Received:
    177
    First Language:
    Japanese
    Primarily Uses:
    RMMV
    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":)
     
    #9
    Poryg likes this.
  10. Nicke

    Nicke Fortune seeker Veteran

    Messages:
    533
    Likes Received:
    511
    Location:
    Sweden
    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! :)
     
    #10
  11. Poryg

    Poryg Dark Lord of the Castle of Javascreeps Veteran

    Messages:
    3,984
    Likes Received:
    10,075
    Location:
    Czech Republic
    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 :)
     
    #11
  12. cji3bp62000

    cji3bp62000 Tsukimi Veteran

    Messages:
    66
    Likes Received:
    177
    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!
     
    #12
    Poryg likes this.
  13. Poryg

    Poryg Dark Lord of the Castle of Javascreeps Veteran

    Messages:
    3,984
    Likes Received:
    10,075
    Location:
    Czech Republic
    First Language:
    Czech
    Primarily Uses:
    RMMV
    They are about basics, not sure if you can learn something.
     
    #13
    cji3bp62000 likes this.
  14. RyanBram

    RyanBram Veteran Veteran

    Messages:
    184
    Likes Received:
    150
    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.
     
    #14
    Lonewulf123 likes this.
  15. Espilonarge

    Espilonarge Veteran Veteran

    Messages:
    117
    Likes Received:
    51
    Location:
    Australia
    First Language:
    English
    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).
     
    #15
  16. seaotter

    seaotter Veteran Veteran

    Messages:
    48
    Likes Received:
    17
    First Language:
    Chinese
    Primarily Uses:
    RMMV
    I use this plugin, I just get a black screen...
     
    #16

Share This Page