Ren'Py Fantasy GUI Kit
A downloadable asset pack
This is a fantasy GUI kit for visual novels made with the Ren'Py engine. It's designed to work with games in the size 1920 x 1080 pixels and will fit nicely for visual novels in the fantasy/magical genre.
Contents
Comes with graphics for all the default screens such as main menu, game menu, preferences etc.
After purchasing, you will get two .zip files: one contains only the images, the other contains a Ren'Py project containing configuration and styles that make the kit look and behave like they do in the screenshots.
The main menu image has text on it for showcasing purposes, but you can modify the game_menu.png or game_menu_plain.png files to contain your own logo/text and save a copy of that as the new main menu image.
A ctc (click-to-continue) image is included and animated in the example project.
! Important Notes !
Please note that not all GUI images provided as a standard by Ren'Py have been replaced in this package, some still have the default look. Read the "list of contents" below to see what comes with it.
The screenshots provided on this product page uses the setup code provided in the "example base project with settings" that comes with the product. Just using the images provided will not provide the same look alone!
Some edits have been made to the screens.rpy file as there was no way to use override styles. Those edits are exclusive to:
- screen navigation
- screen file_slots
You can find the changes in the file by searching for comments with the text "CUSTOM CODE".
List Of Image Contents
- Button folder: check_foreground, check_selected, choice_idle_background, choice_hover_background, radio_foreground, radio_selected_foreground, slot_idle_background, slot_hover_background.
- Bar folder: bottom, left, top, right.
- Overlay folder: game_menu, main_menu.
- Scrollbar folder: horizontal_idle_bar, horizontal_idle_thumb, horizontal_hover_bar, horizontal_hover_thumb, vertical_idle_bar, vertical_idle_thumb, vertical_hover_bar, vertical_hover_thumb.
- Slider folder: horizontal_idle_bar, horizontal_idle_thumb, horizontal_hover_bar, horizontal_hover_thumb, vertical_idle_bar, vertical_idle_thumb, vertical_hover_bar, vertical_hover_thumb.
- Other: frame, main_menu, namebox, notify, skip, nvl.
- Extras: arrow_left_idle, arrow_left_hover, ctc.
Extra Content
A base example Ren'Py project with GUI settings and styles to achieve the look in the screenshots provided on this page is included in the product.
This example project contains and uses two fonts from Google which is free to use and include in personal and commercial applications/products. They are:
- Allura: https://fonts.google.com/specimen/Allura/about
- Urbanist: https://fonts.google.com/specimen/Urbanist/about?query=urbanist
You can read more about them and their licenses by following the links.
License
- You may incorporate this GUI kit in your personal and commercial games.
- You may edit the images and code for the kit however you like.
- You may NOT redistribute this GUI kit as-is.
- The forest background used in the example project and seen in the screenshots are for showcasing the GUI kit and is 100% hand-painted digitally by me. If you plan on using it, you should credit me in your game somewhere with a link to this page, or having a text without link as below:
"Forest background made by __ess__ VN Assets on itch.io."
Version Compatibility
The example project was created with version 8.1.1.
It has been tested to work on versions: 8.1.1, 8.1.2, 8.1.3
Got Questions?
Encounter something not quite right or have questions about this kit? Leave them in the comments section below and I'll get back to you.
Purchase
In order to download this asset pack you must purchase it at or above the minimum price of $10 USD. You will get access to the following files:
Development log
- Update v.1.0.1Nov 01, 2023
Comments
Log in with itch.io to leave a comment.
Hey there! Loving this UI, and appreciate how affordable it was!
I'm running into a spot of trouble, though; and as I'm still new to using Ren'py and coding, I don't know how to troubleshoot what's wrong. When I run your test game, everything works exactly as it should.
However, when I tried to use it for my own work in progress, some things have needed tweaking. I was able to move the input box to match up with the gui placement, because it wasn't for things like inputting a player name. But then I ran into the problem of the choice menu background not showing up whenever there's questions being posed. Unlike with your test game, it's entirely transparent, with the text for options and your custom icons next to each choice showing up against the scene image. I tried scouring my game versus yours for differences in coding related to menus, gui, screens, etc- couldn't find any. I wondered if it was because one of my sets of choices had 5 options and that might be too many for your configurations, but it also doesn't show up with the simple yes/no questions. So I transferred my script to your test game to see if the menu options would work there. They don't. And my menu was set up exactly the same as yours, just different words being used.
So I have no idea why the choice menu background isn't showing up whenever it's needed for any question that isn't your test one. Help finding the solution to this problem would be greatly appreciated. Thanks!
Edit- I've been able to solve this problem on my own, but figured I'd leave the original query up as well as the solution in case you feel any need to take another look at the original code or anyone else runs into this problem.
To have more than 4 options display in a single column, rather than starting a second column, the option for box_wrap in the custom_config.rpy needs to be set to false.
To fix the background frame not showing up like it does in your test game: the screens.rpy doesn't actually have any configurations for the choice box to be framed and needs one written in. The following code worked for me-
screen choice(items):
style_prefix "choice"
frame:
vbox:
for i in items:
textbutton i.caption action i.action
style choice_frame:
xsize None
ysize None
background Frame("gui/frame.png", 10, 10)
xalign 0.5
yalign 0.9
Then I altered the custom_config file further, to shrink the size of the box so it wouldn't take up most/all of the screen (that was entirely personal preference). I stress tested that code by doing all sorts of multiple choice options of different sorts, and the box is now showing without fail and adjusting its size appropriately to whatever the current choices are.
Thanks again for this awesome asset! It matches my project's aesthetics and color palette really well and, especially because I'm on an insanely tight budget, I'm grateful I didn't have to try hiring someone to make me a custom one that could blend in well enough. I will be sure to credit and link to your itch page for others to find your work if my project gets to a point of making a demo/final release public. <3
Hello, I'm running into an odd exception while trying to open the test game. It won't launch and gives me this exception:
File "C:\Renpy\renpy-8.0.3-sdk\renpy\bootstrap.py", line 277, in bootstrap renpy.main.main() File "C:\Renpy\renpy-8.0.3-sdk\renpy\main.py", line 558, in main renpy.game.context().run(node) File "game/gui.rpy", line 15, in script define config.check_conflicting_properties = True File "/home/tom/ab/renpy-build/tmp/install.linux-x86_64/lib/python3.9/site-packages/future/utils/__init__.py", line 441, in raise_ File "game/gui.rpy", line 15, in script define config.check_conflicting_properties = True File "C:\Renpy\renpy-8.0.3-sdk\renpy\ast.py", line 2441, in execute self.set() File "C:\Renpy\renpy-8.0.3-sdk\renpy\ast.py", line 2459, in set ns.set(self.varname, value) File "renpy/common/000namespaces.rpy", line 33, in set setattr(self.nso, name, value) File "C:\Renpy\renpy-8.0.3-sdk\renpy\defaultstore.py", line 105, in __setattr__ raise Exception('config.%s is not a known configuration variable.' % (name)) Exception: config.check_conflicting_properties is not a known configuration variable.I'm not the best at GUI coding, so I'm a bit stumped. How might I go about fixing this?
Hello! That error would indicate you're using an older version of Ren'Py (8.0.3) than the version this UI was created with (8.1.1, as stated in the product page for this UI). So I'd recommend updating Ren'Py to the latest version or at least 8.1.1 for it to work.
Oh! I didn't know the new update had been released yet. Thank you so much!
Glad it could be sorted out! 😊