[PLUGIN]NativeLike Transition - LayoutTransition 2.1 Updated

  • If you like the PLUGIN , a little help is always welcome! Donate

    The V2

    ! important : Works only for the canvas , HTML elements are not handled

    Download the plugin from here : LayoutTransition

    Other HMMG Plugins : Plugins Directory

    Hey guys , sorry i was not availble last few months , Working and studying , now i am back to work on some new plugins for Construct 2 .

    So today i present to you , the seconde version of the Plugin LayoutTransition that i have already made .

    What's new

    • The feature in this plugin is that it's looks so much to a Native Transition .
    • The V1 just plays an Out-animation of the canvas it deasapear then it plays the In-animation , this version the canvas will be always displayed
    • Before you had to handel the start and the finish event to play the animation , now it's all done in the click event

    Preview

    Preview V2.1 (Update)

    new 5 Animations

    How it works

    When you call the action "Prepare the layout transition" it will take a snapshot of the canvas which will take the place of the canvas and move the real canvas to another place to play the transition

    How to install

    Copy/Paste the Folder in the zip file to your plugin's directory

    Close and re-open Construct 2 if it's opened

    How to use it

    Please follow what i used in this pic

    Or like this to be sure that the Transition is ready to be played

    ************** Condition **************

    Is transition ready : Trigger when the Transition is Ready

    Did transition start : Trigger when the Transition starts

    Did transition finish : Trigger when the Transition finish

    ************** Action **************

    Prepare Transition : Prepare the Layout for the transition

    Start Transition : Start the Transition animation

    Animation List :

    Slide Up Push

    Slide Down Push

    Slide Right Push

    Slide Left Push

    Slide Up Overlay

    Slide Down Overlay

    Slide Right Overlay

    Slide Left Overlay

    Flip X

    Flip Y

    New animations V2.1

    Fade

    Fade with delay

    Zoom

    Roll

    Rotate

    Tests

    Tested on :

    *Samsung galaxy S4 on Chrome as a webApp and Cordova as an App very smooth , but after you tap a button for the transition there will be a dealy of 100ms -> 400ms (it's cause by the snapshot function)

    * iphone 5 works like a charm

    *PC -Chrome/Firefox , works very good and very smooth

    If you like the PLUGIN , a little help is always welcome! Donate

  • Looks great. But I think you forgot to paste the link for V2 version of the plugin

  • sorry for that , i added it to the folder in dropbox

  • the last one make my game goes to a back screen when it transition just goes blank have to restart game...

    i export with intel xdk crosswalk... going to try this one and thanks again

  • Try Construct 3

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

    Try Now Construct 3 users don't see these ads
  • drive DOT google DOT com/folderview?id=0B0MCCeWLbpwYTk5ERndjVzZ0MUk&usp=sharing

    here is your new update same thing happen in the first one that get the back screen...

    download and run the file in the above like put "." where "DOT" is in the above link

    in the browser just keep pressing the PINK and Yellow looking color lol Box rapid and repeatedly until you get the back screen take me about 12 - 30 fast click to get back screen...

    i think because the first layout 1 is still in transition when click layout 2 than both layout start transiton which goes black screen

    here is a video i upload

    youtube DOT com/watch?v=XHfLMvNWf5g&feature=youtu.be

  • hey , in that case , just use the event "is transition ready" to be sure it's ready for the transition like this

  • Really really nice.

  • saour You are welcome

  • This is great! Any chance for a Fade-out transition?

  • This looks really good.

    Could you give me more information about this ?:

    ! IMPORTANT: Works only for the canvas, HTML elements are not handled

    That means it only works with canvas ?.

    What are the HTML elements ?.

    Any examples?

    The demo link download appears broken.

  • Mirlas

    HTML elements are the Form elements, which as the manual states:

    [quote:2523y1vb]Form controls are actual HTML elements floating above the game canvas in the HTML page. Therefore, nothing can be displayed on top of a form control, apart from other form controls.

    Form elements are Button, Slider Bar, Text, Text Box etc.

  • Ok I understand, thanks for the clarification.

  • Mirlas , hey sorry , i was busy with a new Plugin , the problem is when i screenshot a HTML element (Not a canvas) it loose it's original looking , and it will not match what i want exactly , take a look at this picture , you will understand ,

  • hmmg And Fade-In/OUT transitions will be possible? Is what i'm looking now .

  • matriax hey , i am at work now I will add it tonight to the plugin , if you want any other animation tell me and i will add it

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