Love this! Animations on the main menu screen just adds a nice touch. Also love the animations in the main menu of your game that you showed at the end! Again a really nice touch.
Thank you! short, sweet, to the point. I was able to get it to work in the code, but it was blacked out--but your tip on switching to a mp2 file type worked perfectly. Thank you for making this!
Hi Visual Novel Design i have problem i do this what you say i do all what you say but i have problem black screen i put main_menu.ogg in gui file and reny py gui script :define gui.main_menu_background = Movie("gui/main_menu.ogg") reny py dont say the problem just black screen why??? and start load settings show but no animation main manu
Hey man I just watched your "Ren'py Transitions and Animation Tutorial" video. When do you think that the character "wallking around" tutorial is coming out? I would love to use it in a Game Jam that's justing starting in 4 days (The Adventure Jam!).
Probably in another month or two - if you want the code though, I'll throw it up on a github and send it over; there are some caveats to the engine, so it might not be the best fit for what you need! I'm really doing stuff ren'py is not made for!
@@vimi Bro if you really could send the GH link it would be amazing! I'm already learning how to create screens/labels with image maps and I did a basic "inventory belt" with image buttons.
github.com/VimislikArt/WalkTest *I have my code here ^^^* I based it off of a really early version of Per K Grok's walking engine, but we went in kind of different directions. If you're using this for a game jam, you might be in for a rough time, unless you can get this code optimized. It's pretty janky - I listed out most of the issues with it on github, but I may have forgotten a few other quirks. Per K Grok's code is a bit easier to parse, and he has videos that cover the code as well, but I wouldn't advise using this either, unless you have some time to optimize it. lemmasoft.renai.us/forums/viewtopic.php?t=53333 Someone else has made a walking engine in Ren'py, but I have not tested this out, and I'm not totally sure how well it would work: lemmasoft.renai.us/forums/viewtopic.php?f=51&t=54451&sid=15b849a6fee8978d9395bcf180fd57e8
The video is really helpfull and just tried to customize my main menu. Unfortunately the result is not what I expected. the background that I replaced became too small and didn't fit the existing screen. The background is located in the left corner of the screen. is there a solution?
You can make the background you designed bigger to match the screen size of your visual novel. You can see this size displayed under "gui.rpy"; if your game size is 1920x1080 pixels, you'll see it displayed with this line of code: init python: gui.init(1920, 1080)
I'll be doing some Live2d stuff in the next month or so where I'll be covering some basics and simple demos! Basically though, if you include live2d files in your ren'py game, you can define them while initializing python, and then they operate the same way in engine as any other animated image - you can even apply matrixtransforms to them!
Question, I place a hide NPC1 to remove a character from the screen and then I create a scene Block as an IMAGE sequence that lasts 10 seconds in total. Finally I put a show NPC1 back on so that it appears again. My problem is that it does not appear 3 seconds into the sequence and not when it finishes starting, should I place the show not inside the Block? Or is there a way to add time to the show so that he doesn't appear once the sequence ends?
Probably. When you reference the webm file as an image file for easy reference, you can also make a NEW image file that references that image, but with a different scale. You can also set movies to be fullscreen directly in ren'py.
How do make the Quick Menu slide in and slide out? I get errors when I do it the same way as in my script. I just want the Quick Menu to slide down when the player hovers the mouse in the area, and slide up when the area is unhovered. I can't find any information on this anywhere. I thought my search terms would paint a pretty clear picture, but nothing useful is coming up. It took a full day just to find the hover and unhovered method. The only problem is that the Quick Menu only blinks in and blinks out. It's not very attractive to look at that way. And don't even get me started on attaching a background to the Quick Menu. All that I can find are recommendations to instead use image buttons or change the colors of the text buttons. Anyone willing to help, thanks in advance!
Thank you for this super straightforward tutorial, and the use of two different methods. For some reason, neither the supported video files tested, nor the one-image-at-a-time way haven't worked for me yet. I still get a blank screen. I've tried .ogv, .mp4, .webm and .webp, but nothing changes. No sound, either. Do you have a solution for this? Aside from possibly downgrading to a different version? I'm using 8.3.3+. Update: The image method works now~! But nada on the video front. Thank you, again!
Thanks, my friend! Just what I needed! One question... Is there any easy way to make the main menu animated but the other ones fixed (preferences, &c...). I know I can change the background of those menus to a fixed one when you're in-game, but, when you're on the main menu, if you go to those options, it's the same image as the main menu just with the other overlay added. Thanks!
Heyy! Do you know how to put Live2D animation files on the main menu background? I have my characters emotions working fine on the actual game, but on the main menu I have no idea how to make it work >
Yeah, it requires defining all of your images, and then putting them together in an image statement, and using that image name as your new background image. This covers the very basics of it in the library, so you'll have to do some tweaking on your own to get it to work, but it's very doable: www.renpy.org/doc/html/displaying_images.html#image-statement
@@vimi I actually followed your tutorial of Ren'Py to do the animations of my characters, and placed them on the game as you did on the tutorial, so there aren't really any ".png" images, and it's undoable to make an image sequence of the animation (130 images for 1 animation,), and all the examples I see are using .png files... It works just fine using the .motion3 files for the game itself, but on the main menu it doesn't work the same way, or if it does, I can't find a good example to follow... (for context, I'm doing my university school final project on Ren'Py for the first time even seeing Python or Ren'Py, hopefully everything works out so I can put it on Steam one day)
@@owabbie It doesn't have to be pngs; as long as you define images within renpy, you can use those image definitions the same way you would use any other image. You can define an image by using other images you define. So you can define a live2d animation file as an image, then define an image using a live2d animation file along with the associated motion file, then define ANOTHER image by listing out that defined image with whatever other images you want to use.
@@vimi Thank you so much for your help and answers. I've read the forum and your messages some times to try and understand it. Although I managed to understand the logic, I have no clue how to turn it into code and actually make it work. I think I'll make what I have in mind on a video format and then try to place the video, as I just cannot figure it out how to make it in code. Thank you so much tho! Maybe one day, with more practice and learning, I'll manage ^^ Good luck!
@@vimi ! I've came to update you! After some reasing of your message and the help of your videos and others aswell, I finally was able to do what I was looking for using code! Thank you so much for your help and patience, I finally understood it! Hope everything is alright on your side, and when the game comes out, I'll definitely notify you about it! ❤️
In GUI.rpy, there are a bunch of variables under the "positioning and spacing" area that let you change the positions and adjustments of the various main menu buttons!
You can place the image definition almost anywhere (renpy automatically parses your code to look for it), but I usually place it in start.rpy, above "label start:", in the same area where you put character definitions.
@@vimi Thanks. Your videos are great, I was just having a super hard time trying to figure out why my code wasn't working. I appreciate the prompt response.
I've been browsing through a lot of your videos, eventually came across the camera tool, and decided to test it out. Works like a charm! But now encountering a new problem, I can't get the "aura flow" to loop, as "repeat" keeps popping up as an error, and I want it to display while the player reads through the dialogue. Currently I have the animations like this: window auto hide show aura_wave_blue_1: subpixel True xpan 0.0 linear 45.0 xpan 360.0 show aura_trail_blue_1: subpixel True xpan 0.0 linear 30.0 xpan 360.0 show aura_trail_blue_2: subpixel True xpan 0.0 linear 30.0 xpan 360.0 with Pause(45.1) show aura_wave_blue_1: xpan 360.0 show aura_trail_blue_1: xpan 360.0 show aura_trail_blue_2: xpan 360.0 window auto show And then below, some dialogue. What happens is when I click, the animation immediately stops and the dialogue is shown, or the animation pauses itself (if I don't click anything for the next 45 seconds) before proceeding with the dialogue. What to change here?
Just a quick guess, but I think Ren'py is interpreting "xpan 360.0" as "xpan 0", so it's not moving at all - maybe try splitting that by having it pan to 180 or -180 over 15 seconds, and then from there to 360?
@@vimi The animations work completely fine, it's just the problem of looping the animations. Just got it working! Apparently I put "repeat" in the wrong locations of the code, and to top it off, I had "Pause(45.1)", and "show [image]" right after the animations. The new code looks like this, and it finally works along with the dialogue too! (I can put "hide [image]" or "show [image]" in any part of the dialogue afterwards): window auto hide show aura_wave_blue_1: subpixel True xpan 0.0 linear 45.0 xpan 360.0 repeat show aura_trail_blue_1: subpixel True xpan 0.0 linear 30.0 xpan 360.0 repeat show aura_trail_blue_2: subpixel True xpan 0.0 linear 30.0 xpan 360.0 repeat window auto show
I've already watched such videos, but yours is definitely the best. Short, focused and completely understandable. Thank you
Glad it was helpful!
Love this! Animations on the main menu screen just adds a nice touch. Also love the animations in the main menu of your game that you showed at the end! Again a really nice touch.
I feel so stupid to know about animating images in Ren'Py but not using them for main menu xDD
Half of programming seems to be knowing what you can and can't do?
Thank you! short, sweet, to the point. I was able to get it to work in the code, but it was blacked out--but your tip on switching to a mp2 file type worked perfectly. Thank you for making this!
Yus, thx! I just tested the .webm title screen background approach on the latest Renpy HTML5 build, and it worked nicely.
you're a life saver! thank you so much for making these
Your effort matters, thank you.
Thank you! That means a lot!
Great vid! I came back to making my game and it helped so much in pulling off an idea I had!
I'm glad I could help!
Great Video! Thanks so much, keep up the Ren'py tutorials, subbed! :)
Thanks! I'll keep'em coming!
Ooooooh I'm hyped. May just try something a little fancy for the main menu in Invisible Seams!
Go for it!!!
Bro, Thanks!! I needed this for months, I didn't know how do... THANKSS!!!
I'm glad I'm being a help!
Where do you put your script at 0:45 ?
I dont get where you are supposed to do it ?
in screens
under hotspots (screens main_menu())
also change “ground “gui/main_menu.png” to “ground “main_menu_animated”
Your videos are crazy polished. Keep it up!
I'll try my best!
Hi Visual Novel Design i have problem i do this what you say i do all what you say but i have problem black screen i put main_menu.ogg in gui file and reny py gui script :define gui.main_menu_background = Movie("gui/main_menu.ogg") reny py dont say the problem just black screen why??? and start load settings show but no animation main manu
i have the same problem
.ogg is a sound file format, try webm or avi
I get black screen even though if it's webm and ogv
using webm and its just a black screen :(
Thank you i tried but in my main menu there is not transparency as in yours. How you did that?
Hey man I just watched your "Ren'py Transitions and Animation Tutorial" video. When do you think that the character "wallking around" tutorial is coming out? I would love to use it in a Game Jam that's justing starting in 4 days (The Adventure Jam!).
Probably in another month or two - if you want the code though, I'll throw it up on a github and send it over; there are some caveats to the engine, so it might not be the best fit for what you need! I'm really doing stuff ren'py is not made for!
@@vimi Bro if you really could send the GH link it would be amazing! I'm already learning how to create screens/labels with image maps and I did a basic "inventory belt" with image buttons.
@@vimi Btw your channel is new but also already one of the most usefull ones when it comes to Ren'py content.
@@vimi I'm also looking forward to it!
github.com/VimislikArt/WalkTest
*I have my code here ^^^*
I based it off of a really early version of Per K Grok's walking engine, but we went in kind of different directions. If you're using this for a game jam, you might be in for a rough time, unless you can get this code optimized. It's pretty janky - I listed out most of the issues with it on github, but I may have forgotten a few other quirks.
Per K Grok's code is a bit easier to parse, and he has videos that cover the code as well, but I wouldn't advise using this either, unless you have some time to optimize it.
lemmasoft.renai.us/forums/viewtopic.php?t=53333
Someone else has made a walking engine in Ren'py, but I have not tested this out, and I'm not totally sure how well it would work:
lemmasoft.renai.us/forums/viewtopic.php?f=51&t=54451&sid=15b849a6fee8978d9395bcf180fd57e8
The video is really helpfull and just tried to customize my main menu. Unfortunately the result is not what I expected. the background that I replaced became too small and didn't fit the existing screen. The background is located in the left corner of the screen. is there a solution?
You can make the background you designed bigger to match the screen size of your visual novel. You can see this size displayed under "gui.rpy"; if your game size is 1920x1080 pixels, you'll see it displayed with this line of code:
init python:
gui.init(1920, 1080)
only vid I found that helped. thanks
untuk scrip 0:45 animated di taruh dimana ya?
di gui.rpy atau buat file baru?
I was wondering if it would be possible to use an animation created in live2d as a background image... Do you have any suggestions?
I'll be doing some Live2d stuff in the next month or so where I'll be covering some basics and simple demos!
Basically though, if you include live2d files in your ren'py game, you can define them while initializing python, and then they operate the same way in engine as any other animated image - you can even apply matrixtransforms to them!
Question, I place a hide NPC1 to remove a character from the screen and then I create a scene Block as an IMAGE sequence that lasts 10 seconds in total. Finally I put a show NPC1 back on so that it appears again. My problem is that it does not appear 3 seconds into the sequence and not when it finishes starting, should I place the show not inside the Block? Or is there a way to add time to the show so that he doesn't appear once the sequence ends?
not sure if anyone will be able to help, but can you resize a webm movie in the gui script?
Probably. When you reference the webm file as an image file for easy reference, you can also make a NEW image file that references that image, but with a different scale.
You can also set movies to be fullscreen directly in ren'py.
I just solved the issue the easy way by resizing the video itself.
I tried the first option, but the moving image only shows up in the top left corner. Is it something to do with my resolution?
It sounds like it! The movie and game resolution need to be the same for it to fill up the screen.
How do make the Quick Menu slide in and slide out? I get errors when I do it the same way as in my script. I just want the Quick Menu to slide down when the player hovers the mouse in the area, and slide up when the area is unhovered. I can't find any information on this anywhere. I thought my search terms would paint a pretty clear picture, but nothing useful is coming up. It took a full day just to find the hover and unhovered method. The only problem is that the Quick Menu only blinks in and blinks out. It's not very attractive to look at that way. And don't even get me started on attaching a background to the Quick Menu. All that I can find are recommendations to instead use image buttons or change the colors of the text buttons. Anyone willing to help, thanks in advance!
Thank you for this super straightforward tutorial, and the use of two different methods. For some reason, neither the supported video files tested, nor the one-image-at-a-time way haven't worked for me yet. I still get a blank screen. I've tried .ogv, .mp4, .webm and .webp, but nothing changes. No sound, either. Do you have a solution for this? Aside from possibly downgrading to a different version? I'm using 8.3.3+.
Update: The image method works now~! But nada on the video front.
Thank you, again!
damn same
fixed my issue it was the size of the file
@@kisukeurahara3886 What you mean size of the file, is it the resolution or is it the actual size
i went in renpy and where i set the video as the menu background i put the size parameter as "1920,1080" to fit with my game
Woohooo definitely using this one 😆😆
Please do!
Thanks, my friend! Just what I needed! One question... Is there any easy way to make the main menu animated but the other ones fixed (preferences, &c...). I know I can change the background of those menus to a fixed one when you're in-game, but, when you're on the main menu, if you go to those options, it's the same image as the main menu just with the other overlay added. Thanks!
Is there a way to remove buttons other than the Start button and Load button from the Start screen? Please let me know I really need your help
You can comment them out.
Then can you tell me where to write comments and an example of comments?
Heyy! Do you know how to put Live2D animation files on the main menu background?
I have my characters emotions working fine on the actual game, but on the main menu I have no idea how to make it work >
Yeah, it requires defining all of your images, and then putting them together in an image statement, and using that image name as your new background image. This covers the very basics of it in the library, so you'll have to do some tweaking on your own to get it to work, but it's very doable:
www.renpy.org/doc/html/displaying_images.html#image-statement
@@vimi I actually followed your tutorial of Ren'Py to do the animations of my characters, and placed them on the game as you did on the tutorial, so there aren't really any ".png" images, and it's undoable to make an image sequence of the animation (130 images for 1 animation,), and all the examples I see are using .png files... It works just fine using the .motion3 files for the game itself, but on the main menu it doesn't work the same way, or if it does, I can't find a good example to follow...
(for context, I'm doing my university school final project on Ren'Py for the first time even seeing Python or Ren'Py, hopefully everything works out so I can put it on Steam one day)
@@owabbie It doesn't have to be pngs; as long as you define images within renpy, you can use those image definitions the same way you would use any other image.
You can define an image by using other images you define. So you can define a live2d animation file as an image, then define an image using a live2d animation file along with the associated motion file, then define ANOTHER image by listing out that defined image with whatever other images you want to use.
@@vimi Thank you so much for your help and answers.
I've read the forum and your messages some times to try and understand it. Although I managed to understand the logic, I have no clue how to turn it into code and actually make it work.
I think I'll make what I have in mind on a video format and then try to place the video, as I just cannot figure it out how to make it in code.
Thank you so much tho! Maybe one day, with more practice and learning, I'll manage ^^
Good luck!
@@vimi ! I've came to update you! After some reasing of your message and the help of your videos and others aswell, I finally was able to do what I was looking for using code! Thank you so much for your help and patience, I finally understood it! Hope everything is alright on your side, and when the game comes out, I'll definitely notify you about it! ❤️
It didn't work for me. I even try with lots of different video formats.
Did you double check your syntax? Sometimes these things can just be a misplaced quotation mark. Can you post your code?
hey how do you change the position of the main_menu button?
In GUI.rpy, there are a bunch of variables under the "positioning and spacing" area that let you change the positions and adjustments of the various main menu buttons!
So I gonna use mp2 then?
Hi I was wondering if after you add your own code to change the start screen do you delete the old stuff?
I like to comment stuff out instead of delete it - just in case I break something and need to revert back my changes!
@@vimi oh ok thank you 💪
how to make it fullscreen?
Easiest way is to make sure the image or video you're using is the same size or larger than the default screen size of your ren'py game.
Esses são os codecs de vídeo que o Ren'Py aceita:
Theora
V8
MPEG 4 part 2 (incluindo Xvid e DivX)
MPEG 2
MPEG 1
Where are you placing your image main_menu_animated code? Afterwards you say to go "back to gui.rpy", but never say where you're going there from.
Also your end card cuts off the code you're trying to show at the end of the video. Not super helpful.
Fixed!
You can place the image definition almost anywhere (renpy automatically parses your code to look for it), but I usually place it in start.rpy, above "label start:", in the same area where you put character definitions.
@@vimi Thanks. Your videos are great, I was just having a super hard time trying to figure out why my code wasn't working. I appreciate the prompt response.
so i can resize it?
Yeah - I'd change the image size in a separate image definition first, before referencing it in the GUI.
I've been browsing through a lot of your videos, eventually came across the camera tool, and decided to test it out. Works like a charm! But now encountering a new problem, I can't get the "aura flow" to loop, as "repeat" keeps popping up as an error, and I want it to display while the player reads through the dialogue. Currently I have the animations like this:
window auto hide
show aura_wave_blue_1:
subpixel True
xpan 0.0
linear 45.0 xpan 360.0
show aura_trail_blue_1:
subpixel True
xpan 0.0
linear 30.0 xpan 360.0
show aura_trail_blue_2:
subpixel True
xpan 0.0
linear 30.0 xpan 360.0
with Pause(45.1)
show aura_wave_blue_1:
xpan 360.0
show aura_trail_blue_1:
xpan 360.0
show aura_trail_blue_2:
xpan 360.0
window auto show
And then below, some dialogue. What happens is when I click, the animation immediately stops and the dialogue is shown, or the animation pauses itself (if I don't click anything for the next 45 seconds) before proceeding with the dialogue. What to change here?
Just a quick guess, but I think Ren'py is interpreting "xpan 360.0" as "xpan 0", so it's not moving at all - maybe try splitting that by having it pan to 180 or -180 over 15 seconds, and then from there to 360?
@@vimi The animations work completely fine, it's just the problem of looping the animations.
Just got it working! Apparently I put "repeat" in the wrong locations of the code, and to top it off, I had "Pause(45.1)", and "show [image]" right after the animations. The new code looks like this, and it finally works along with the dialogue too! (I can put "hide [image]" or "show [image]" in any part of the dialogue afterwards):
window auto hide
show aura_wave_blue_1:
subpixel True
xpan 0.0
linear 45.0 xpan 360.0
repeat
show aura_trail_blue_1:
subpixel True
xpan 0.0
linear 30.0 xpan 360.0
repeat
show aura_trail_blue_2:
subpixel True
xpan 0.0
linear 30.0 xpan 360.0
repeat
window auto show
works for me, thanks :)
Love it!
the screen is black, no matter what i do
what are you putting on the screen?
It's work thankyou
Awesome!
POG
: O
code: define gui.main_menu_background = Movie(play="images/example.webm")
define gui.main_menu_background = Movie(play="images/videoname.webm")