(SOLVED) Animated/Transitioning Menus

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
ZeroQ
Newbie
Posts: 20
Joined: Thu Jun 21, 2012 12:05 am
Contact:

(SOLVED) Animated/Transitioning Menus

#1 Post by ZeroQ »

Hello.

I've seen this done in a lot of Ren'py projects, but I just can't figure out how to do it myself. When the time comes in the game to make a choice, the menu dissolves onto the screen. In some games, the separate choices will move in from opposite parts of the screen. Sometimes both.

How would I go about making something like this?

It's probably a lot easier than I think, but any help will be greatly appreciated.
Last edited by ZeroQ on Sat Feb 23, 2013 10:18 pm, edited 1 time in total.

SundownKid
Lemma-Class Veteran
Posts: 2299
Joined: Mon Feb 06, 2012 9:50 pm
Completed: Icebound, Selenon Rising Ep. 1-2
Projects: Selenon Rising Ep. 3-4
Organization: Fastermind Games
Deviantart: sundownkid
Location: NYC
Contact:

Re: Animated/Transitioning Menus

#2 Post by SundownKid »

You need to make an ATL transform, then add it to the window/button/whatever in the screens file.

ZeroQ
Newbie
Posts: 20
Joined: Thu Jun 21, 2012 12:05 am
Contact:

Re: Animated/Transitioning Menus

#3 Post by ZeroQ »

SundownKid wrote:You need to make an ATL transform, then add it to the window/button/whatever in the screens file.
Alright, well my scripting skills are pretty limited.
How would I set it up so that the menu choices dissolve onto and off of the screen?

SundownKid
Lemma-Class Veteran
Posts: 2299
Joined: Mon Feb 06, 2012 9:50 pm
Completed: Icebound, Selenon Rising Ep. 1-2
Projects: Selenon Rising Ep. 3-4
Organization: Fastermind Games
Deviantart: sundownkid
Location: NYC
Contact:

Re: Animated/Transitioning Menus

#4 Post by SundownKid »

Transform for dissolve:

Code: Select all

transform alphadissolve:
   alpha 0
   linear 1.0 alpha 1.0
Transform for sliding onscreen:

Code: Select all

transform leftslide:
   xalign -0.5
   linear 1.0 xalign 0.5
And to add it to a screen:

Code: Select all

screen stuff:
   window "blabla" at alphadissolve:
      screen goes here

ZeroQ
Newbie
Posts: 20
Joined: Thu Jun 21, 2012 12:05 am
Contact:

Re: Animated/Transitioning Menus

#5 Post by ZeroQ »

And to add it to a screen:

Code: Select all

screen stuff:
   window "blabla" at alphadissolve:
      screen goes here
What do I put in place of "blabla" and "screen goes here"?

SundownKid
Lemma-Class Veteran
Posts: 2299
Joined: Mon Feb 06, 2012 9:50 pm
Completed: Icebound, Selenon Rising Ep. 1-2
Projects: Selenon Rising Ep. 3-4
Organization: Fastermind Games
Deviantart: sundownkid
Location: NYC
Contact:

Re: Animated/Transitioning Menus

#6 Post by SundownKid »

That's just an example. Find the screen you want, and then find the element you want to add the transform to, like "imagebutton" or "vbox", then add "at (transform)"

ZeroQ
Newbie
Posts: 20
Joined: Thu Jun 21, 2012 12:05 am
Contact:

Re: Animated/Transitioning Menus

#7 Post by ZeroQ »

SundownKid wrote:That's just an example. Find the screen you want, and then find the element you want to add the transform to, like "imagebutton" or "vbox", then add "at (transform)"
Alright, now I see where I was getting confused. I've got it working now.
Thanks a lot!

^_^

Post Reply

Who is online

Users browsing this forum: Bing [Bot], Google [Bot], Silac