[PLUGIN]NativeLike Transition - LayoutTransition 2.1 Updated

Post your completed addons to share with the community

Post » Tue Dec 15, 2015 8:56 pm

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
Image

Preview V2.1 (Update) new 5 Animations
Image


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
Image

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

Image

************** 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
Last edited by hmmg on Mon Apr 10, 2017 7:17 pm, edited 7 times in total.
B
28
S
8
G
9
Posts: 294
Reputation: 6,964

Post » Tue Dec 15, 2015 11:13 pm

Looks great. But I think you forgot to paste the link for V2 version of the plugin :)
ImageImageImageImage
B
155
S
61
G
41
Posts: 2,577
Reputation: 34,314

Post » Tue Dec 15, 2015 11:39 pm

sorry for that , i added it to the folder in dropbox
B
28
S
8
G
9
Posts: 294
Reputation: 6,964

Post » Wed Dec 16, 2015 2:12 am

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
Image
B
33
S
10
G
2
Posts: 303
Reputation: 3,539

Post » Wed Dec 16, 2015 3:00 am

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
Image
B
33
S
10
G
2
Posts: 303
Reputation: 3,539

Post » Wed Dec 16, 2015 11:22 am

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

Image
B
28
S
8
G
9
Posts: 294
Reputation: 6,964

Post » Wed Dec 16, 2015 2:32 pm

Really really nice.
B
36
S
15
G
1
Posts: 59
Reputation: 3,441

Post » Fri Dec 18, 2015 9:45 am

@saour You are welcome
B
28
S
8
G
9
Posts: 294
Reputation: 6,964

Post » Thu Dec 31, 2015 10:18 pm

This is great! Any chance for a Fade-out transition?
Like hard platformers? Try my game: http://www.2dcoinboy.com
B
14
S
6
G
10
Posts: 27
Reputation: 6,156

Post » Fri Jan 01, 2016 9:57 am

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.
B
28
S
11
G
18
Posts: 691
Reputation: 12,596

Next

Return to Completed Addons

Who is online

Users browsing this forum: aldi45mts, undeadbobop and 1 guest