[Request] Transition shader for layouts/layers

0 favourites
  • 12 posts
  • Is possible do a shader that applied on a layout/layer do a fade-out from black or X color and disappear? Using squares, circles, bars, diagonal, curtain... some tipical transitions we have in video editors but in a shader.

    About presets here a lot of ideas:

    https://videohive.net/search?utf8=%E2%9 ... transition

    Love this glitch transitions:

    https://videohive.net/item/glitch-trans ... ?s_rank=19

    Instead of do 1x1 maybe there is some way to create a "Transition shader editor" ? In the same way i did the Shader Effect Editor?: effect-shader-effect-amp-editor-released-create-your-shader_t150076 .

    That shader editor was build from a simple fire shader that i converted adding and parsing all the values in the .fx to the .xml. So, there is a template and a stand alone version to create your own shaders with a big variety.

    Now i not have much time if not i will give a try but something like that for transitions will be so cool. If not as i said at least the basic ones will be great.

    Gigatron what you think? <img src="{SMILIES_PATH}/icon_rolleyes.gif" alt=":roll:" title="Rolling Eyes">

  • Yes it's possible ... don't know for shader editor but you can draw circle square fade or what you want with shaders for

    screen transition ...

    I can publish a demo soon for this request ;

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • Gigatron Oh Great!

    Also i'm looking for this one:

    I did it as animation in pixels for a lowres game. Will be great something like this on you can set the direction like Up/Down/Left/Right, set how many black bars you want and speed.

    So, how a shader editor for transitions will be very tricky, for a presets one maybe something with parameters like this:

    Type: List with: Square, Circle, Bars...

    (General values that works on all types)

    Speed: Based in miliseconds i guess .

    Position X: Using 0-1. So 0.5 on both X/Y will do the shape starting from the center. With 0-both diagonal,etc....

    Position Y: Using 0-1.

    Direction: List with Up/Down/Left/Right

    Fade: List with In/Out

    • Then config values that only works for one of the types

    [Square] BlaBla bla...

    [Square] BlaBla bla...

    [Circle] BlaBla bla...

    [Circle] BlaBla bla...

    [Bars] List with Horizontal/Vertical

    etc....

    What you think?

  • Long time ago i started multi transition fx, but no one here are interested about it and i dropped this fx. But

    i found this on my SSD disk; You can test this ;

    http://gigatron3k.free.fr/html5/C2/FX/mtransition.rar

    Bouncer contain curtain fx ... viewtopic.php?f=184&t=171684&p=1032075&hilit=transition#p1032075

  • Gigatron That effect curtain is not what i'm looking for, but the transition .FX looks cool!! .

    I don't know if you can work on this again to improve, maybe start a thread showing this and see how people is interested and if worth it.

    In case you are able to work on this again, here are more ideas:

    About Transition 0:

    The squares with a big size looks ok, but if i try to use them at small size like 1x, 2x,etc.. you can see the pattern :S

    Now they appear with some kind of seed. Will be great some option to appear ordered in horizontal/vertical/diagonal to the opposite.

    About Transition 1:

    The circle effect is good but is a ellipse , i guess is because i'm using a 16:9 and the effect stretch to the window size instead of keep a 1x1 circle ratio.

    Also will be great have this type of transition for squre/rectangle/rhomb/bar(horizontal\vertical).

    General:

    When the effect is finished, if i restart the layout not start again. Maybe this is more a problem of my project config but i can't get it, any idea?.

  • matriax

    the aspect ratio is now corrected . appliyed to layout;

    yes it use random seed function ... but let me add some shape transition...

    I think i have all the source of transition fx i found around the web...i can

    continue this work...

    http://gigatron3k.free.fr/html5/C2/FX/mtransition.rar

  • Gigatron Thanks! Now the circle on Transition 2 works correctly.

    On transition 1 with block size at 0.25 or 0.1 get interesting results with some kind of Star/Rhomb that can fit perfect in the game too. Also with a 64 block size i have some kind of ordered dithering that looks awesome :O

  • Gigatron one problem i found is that when i add the transition effect to the layout, this one disappears and i can't edit the objects in the layout :S .

    How can i fix that?

  • matriax

    The C2 editor run the shader, this is the reason of this case.

    You must simply preview fx off on the editor (projet);

  • Ops forgot that! Thanks.

    What about the other transitions forms and shapes? More interested in bars horizontal/vertical like the animation i posted or like the ones appears in the video links. From the most basic to whatever cool can we get

  • matriax

    Yes i am working on; shadertoy (my shader lab) have now webgl2 featutres i am testing the new functions.

    Be patient please ;

  • Gigatron That effect curtain is not what i'm looking for, but the transition .FX looks cool!! <img src="{SMILIES_PATH}/icon_e_surprised.gif" alt=":o" title="Surprised" /> .

    I don't know if you can work on this again to improve, maybe start a thread showing this and see how people is interested and if worth it.

    In case you are able to work on this again, here are more ideas:

    About Transition 0:

    The squares with a big size looks ok, but if i try to use them at small size like 1x, 2x,etc.. you can see the pattern :S

    Now they appear with some kind of seed. Will be great some option to appear ordered in horizontal/vertical/diagonal to the opposite.

    About Transition 1:

    The circle effect is good but is a ellipse , i guess is because i'm using a 16:9 and the effect stretch to the window size instead of keep a 1x1 circle ratio.

    Also will be great have this type of transition for squre/rectangle/rhomb/bar(horizontal\vertical).

    General:

    When the effect is finished, if i restart the layout not start again. Maybe this is more a problem of my project config but i can't get it, any idea?.

    Oh yes,it's possible. I think you can draw circle square fade or what you prefer shaders with for screen transition.Years back,I started multi transition fx found hovement.com/how-to-measure-for-curtains very handy in helping deal with the curtain provisions.I understand that effect curtain is not what you are lookingfor,but I'm sure you might find that link helpful.Thank me latter.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)