Page Flip Animation?

Discuss how to use the Ren'Py engine to create visual novels and story-based games. New releases are announced in this section.
Forum rules
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
Post Reply
Message
Author
User avatar
Windchimes
Veteran
Posts: 288
Joined: Fri Nov 27, 2015 9:02 am
Projects: Reanimation Scheme, Emberfate: Tempest of Elements
Organization: Wind Chimes Games
Contact:

Page Flip Animation?

#1 Post by Windchimes » Sun Dec 06, 2015 10:54 am

Hi there!

So I'm rather new to the whole idea of ATL. I was reading on it in the documentation/some relevant pages but I can't really find what I need (or I'm just too dumb to even realize it was what I needed.) What I'm trying to do is just, when it goes from main menu to start, the transition is something of a page flip, starting from bottom right corner. I have no idea where to even begin with this though.

Any help would be very much appreciated. Thank you so much! :D

User avatar
xela
Lemma-Class Veteran
Posts: 2481
Joined: Sun Sep 18, 2011 10:13 am
Contact:

Re: Page Flip Animation?

#2 Post by xela » Sun Dec 06, 2015 2:33 pm

I don't believe that there are ready to use tools available for this... you could try and do something with UDD but it'll be very tricky and complicated.
Like what we're doing? Support us at:
Image

Onishion
Veteran
Posts: 295
Joined: Mon Apr 20, 2015 10:36 am
Contact:

Re: Page Flip Animation?

#3 Post by Onishion » Sun Dec 06, 2015 5:31 pm

I have no idea how to go about this in Renpy. Maybe hand drawing an animated sequence of a page flipping, then using it as an alpha for the screen as the new one is shown behind it? I think that would be possible, but it'd be a lot of work.

User avatar
xela
Lemma-Class Veteran
Posts: 2481
Joined: Sun Sep 18, 2011 10:13 am
Contact:

Re: Page Flip Animation?

#4 Post by xela » Sun Dec 06, 2015 5:47 pm

I'd load main screen/start screens into memory, Transform crop them into lines and use zoom/movement effect updated through UDD to flip them. Performance may be an issue... and I am not entirely sure how to get to the next screen (start) from previous (main) before starting the process :(

There should be a better way and PyTom promised something along the lines of these kinds of transitions in future releases (he'd know how to do the damn thing properly) but if the goal is to get one now, I'd start with a UDD/Transform cut between two images, code for that is fairly simple and if performance is an issue, pixel width of a single line can be increased. That should work out and since Transform doesn't care what it cuts, next step would be figuring out a good way to do that between statements, over entire layers... I am clueless about this step, never touched that stuff before. First step with line-cutting/zooming is easy, I have seen on forums and worked with somewhat similar stuff which performed quite well at decent speed.
Like what we're doing? Support us at:
Image

User avatar
Jae
Regular
Posts: 192
Joined: Sun Sep 13, 2015 5:41 pm
Projects: Pokémon Academy Life
Location: New York, NY
Contact:

Re: Page Flip Animation?

#5 Post by Jae » Sun Dec 06, 2015 7:16 pm

It's not really a page flip, but maybe it can be a temporary animation of some sort?

Code: Select all

init -1 python:
    flipfade = ImageDissolve(im.Tile("TransCornerFlip.jpg"), 1.5, 16)

Code: Select all

label start:
    scene blank2
    
    show page1 at center
    
    show girl norm at left
    e "I wonder what's on the next page."
    
    show page2 with flipfade
    
    show girl happy
    e "Oh. That's...{w=0.25} interesting?"
    
    return
Image
Attachments
TransCornerFlip.jpg

Onishion
Veteran
Posts: 295
Joined: Mon Apr 20, 2015 10:36 am
Contact:

Re: Page Flip Animation?

#6 Post by Onishion » Mon Dec 07, 2015 7:25 am

Nifty illusion. Kudos.

User avatar
Windchimes
Veteran
Posts: 288
Joined: Fri Nov 27, 2015 9:02 am
Projects: Reanimation Scheme, Emberfate: Tempest of Elements
Organization: Wind Chimes Games
Contact:

Re: Page Flip Animation?

#7 Post by Windchimes » Tue Dec 08, 2015 3:17 am

Oh I had no idea it'd be that difficult x: It's alright I guess. I like the temporary animation though. I'll probably use it for some pics transitions. Thank you!

Post Reply

Who is online

Users browsing this forum: Bing [Bot], _ticlock_