Ren'Py Credits Screen UI Templates
This asset pack includes free-to-use Ren'Py UI code templates for credit screens which you can copy-paste and edit for your own use, including commercial projects.
- Mixing up, removing or expanding parts of the templates is greatly encouraged.
- Has templates that are tailored for small teams, or larger teams with many roles.
- Beginner-friendly
- Tested for Ren'Py 7.5.3 and 8.0.3, but I assume it works for older versions too.
(Web build has delay and is not representative of normal performance)
Asset:
Only the potato__renpy_credits_screen_ui_templates.zip file counts as the UI asset pack. I've included the full unarchived Ren'Py project variant (one you need to manually build and others that are already built) so you can see how it's structured.
In the VN project you'll find the itch and twitter site icons that aren't originally made by me. They only serve the purpose of demo and are not meant for distribution, as I normally hide art assets from player's view. The same goes for my logo that cannot be used as an asset. That's why placing the Potato__RenPy_Credits_Screen_UI_Templates folder in your own Ren'Py project won't build since they reference image files that are not there.
(Eileen on my project cover is taken from the official art of Ren'Py's home page)
Credit to my name ("Gaming Variety Potato") is not required, but much appreciated. In that case you can list it under UI asset attribution. See "More Information" block for the licences.
Instructions:
Some additional instructions and tutorial are included in the README pdf.
The 'a' templates start off with how I would have done it when I used Ren'Py for the first time doing basic modifications to the default screens.rpy. Then I move on to bonus variants that do similar things with more maintainable code. Personally I prefer the versions with for-loops and classes since you need less line edits for effect to take place.
Contact:
Testing projects like this also led me to the discovery that using the text {a=url}link{/a} method has a limit of 15 urls on a screen where most links become unclickable when exceeding this number. As a wild guess I changed it to textbutton with OpenUrl() action which resolved this issue. Let me know if you still run into trouble for using too many links on a screen.
I'm not actually schooled in Python or thoroughly knowledgeable about Ren'Py's ins-and-outs. If you have feedback on the code overhead or efficiency, I would love to hear about it too.
Feel free to ask questions or share screenshots of your GUI with this asset in the comment section!
Download
Click download now to get access to the following files:
Development log
Comments
Log in with itch.io to leave a comment.
Is there any way to change the text of the URL (Such as "Twitter" instead of www.twitter.com). I found that using the a=~ wrap works but as you pointed out there is a limit to how many of these you can have per screen. Any help greatly appreciated!
Nevermind I figured it out!
In case it helps anyone else:
Within the file of the template you want to use (1b, 2a, ect) find
textbutton _(url_tuple[1]) action OpenURL(url_tuple[1])
and replace with
textbutton _(url_tuple[1]) action OpenURL(url_tuple[2])
In this instance the first item in the tuple will be the text and the second will be the URL it links to
So in init_credit_objects file when listing the credits you will put "img", "text", "url"
(When I first tried this it kept breaking due to unrelated typos so I had doubt in my code but nope pretty sure this is the correct answer)
Hi, I'm glad you managed to find the solution after all! What you do is indeed correct.
I wrote the code that the 'label' and 'url' both show the same value 'url' because in Ren'Py you can't see the link where you're going to be redirected to unlike a browser, so for someone who doesn't want to click on a link they don't trust they can at least type it manually. Admittedly, it's not exactly pleasing for the UI, or it can take a lot of space too.
Thanks for the response! Your code helped me so much and I'm so happy I get to include the robust credit page that I thought was beyond my coding ability (which to be fair it was haha, but I have learned a bit more now by studying your code and others and other tutorials). And you will be able to see yourself on that credit page once the game is out xD.
I never thought about that issue before (potentially including sketchy links in Renpy games); in my head I thought that having a direct link is the most useful for the player and having a shorthand is the most attractive, but now I will have to think a bit more about my design philosophy.
Hope you have a nice day,
-M
This project is fairly old and there's probably code I could write differently, though I don't revisit old stuff (so many new project ideas and not enough time). Regardless, I'm very happy it had been helpful to you and thank you for crediting me!
Yes, it's probably not a thing that players are cautious about, usually the worst you get is a broken link to a non-existing page. When you wrote your comment I was also suddenly thinking about whether displaying @handlename could have been alternative for the label, but a player might not recognise it as a clickable link. Not to mention, there are so many Twitter alternatives nowadays and a handle wouldn't be clear which site it represents. So your way of doing with "Twitter" as label is still the most common and intuitive for an average Ren'Py player as other devs do it the same way as well from what I've seen.
I wish you all the success for finishing your game!
Is there anyway to change the color of the text to black? I have been looking around!
Yes, you should first refer to the official Ren'Py documentation for how to customise the GUI: https://www.renpy.org/doc/html/gui.html#colors-fonts-and-font-sizes. I checked again and I haven't overwritten the default fontcolours in the extra styles I've defined so what you see are the default values defined in your project's gui.rpy.
Oh! Thank you, Almost forgot about that section 😅
Hey! Errr, I’m having trouble figuring out where it’s getting it’s all white text color from.. Most of the gui colors i set are not white, They are black, grey, Or transparent.. I hardly use white in the gui.rpy
Hi! Thanks for the template! Just wanted to know if the credits screen is available to use in a commercial project? (it's modified in some aspects, but still is your base code)
Have a good day :]
Yes, go ahead. I'm glad it could be useful to you. Have a nice day too!
Much appreciated! Thank you so much for such helpful template~
Thank you for your comment! I'm glad you find it helpful.
Oh! This looks great!
Also feels like a good template to keep item info or character info in a game. Thanks for sharing!
Thank you for your kind comment! Yes, a lot of times you are repurposing code blocks, so it's cool you found a new use for them. :)