Animated NVL GUI

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
slaybelles
Newbie
Posts: 9
Joined: Tue Jan 24, 2017 4:30 pm
Projects: Sour Cherry Twist, various others
itch: slaybelles
Location: Chicago
Contact:

Animated NVL GUI

#1 Post by slaybelles » Tue Jan 24, 2017 5:03 pm

I was trying to create a custom NVL screen and got the static version working just fine, but I really wanted to make a version that jitters a bit. I made up a simple animated version of what I wanted, but since Ren'Py doesn't use animated .gifs, I'm a bit at a loss of what to do.

Does Ren'py let you use a .mov file as a screen? If not, any clue how else I could implement this?
Or if I should even implement it? (I've had some concerns about legibility, to be honest.)

(I'm using the newer GUI version, by the way...loving the simplicity of it so far.)

The successful still image NVL customization:
Image



The animation I want to use for the NVL mode GUI (Obviously I have it saved as a PSD, the .gif is for accessibility.)


Image

User avatar
Divona
Miko-Class Veteran
Posts: 678
Joined: Sun Jun 05, 2016 8:29 pm
Completed: The Falconers: Moonlight
Organization: Bionic Penguin
itch: bionicpenguin
Contact:

Re: Animated NVL GUI

#2 Post by Divona » Wed Jan 25, 2017 12:48 am

You can use ATL to make animation out of image sprites:
https://www.renpy.org/doc/html/atl.html ... -atl-block

or you can use Movie displayable:
https://www.renpy.org/doc/html/movie.html?#Movie
Completed:
Image

User avatar
EchoFrost
Newbie
Posts: 6
Joined: Tue Jul 21, 2015 10:12 am
Completed: Palinurus, Fare Thee Well, Lull, Seeds of Sylvia
Projects: Avitus, Palinurus, Seeds of Sylvia, Fare Thee Well, Lull, Cat Girl Safari
Organization: Watercress Studios
IRC Nick: EchoFrost
Github: EchoFrost
Location: In your heart <3
Contact:

Re: Animated NVL GUI

#3 Post by EchoFrost » Wed Jan 25, 2017 4:05 am

Hello! Like Divona said, an option to achieve an animated background is by using a movie displayable.
https://www.renpy.org/doc/html/movie.html

Code would look something like this:

Code: Select all

# The script of the game goes in this file.

# Declare characters used by this game. The color argument colorizes the
# name of the character.

init:
    $ s = Character('Sylvie', kind=nvl, color="#c8ffc8")
    
image background movie = Movie(channel="background", play="background.webm")

# The game starts here.

label start:
    show background movie

    s "Look at this cool animation!"

    hide background movie

    s "Aww, now it's gone..."

    return
Hope that helps! :)

User avatar
slaybelles
Newbie
Posts: 9
Joined: Tue Jan 24, 2017 4:30 pm
Projects: Sour Cherry Twist, various others
itch: slaybelles
Location: Chicago
Contact:

Re: Animated NVL GUI

#4 Post by slaybelles » Wed Jan 25, 2017 6:04 pm

Thank you both! I'll take a look at these options.

Post Reply

Who is online

Users browsing this forum: Google [Bot], OddTillTheEnd, _ticlock_