A place for Ren'Py tutorials and reusable Ren'Py code.
Forum rules
Do not post questions here!
This forum is for example code you want to show other people. Ren'Py questions should be asked in the Ren'Py Questions and Announcements forum.
-
leon
- Miko-Class Veteran
- Posts: 554
- Joined: Sun Oct 09, 2011 11:15 pm
- Completed: Visual Novel Tycoon, Night at the Hospital, Time Labyrinth, The Buried Moon, Left of Center, Super Otome Quest
- Projects: Lemon Project, Porcelain Heart, Dream's Dénouement
- Organization: Team ANARKY
-
Contact:
#1
Post
by leon » Tue Jul 30, 2013 6:42 pm
mugenjohncel wrote:The lack of an open complete GUI example featuring Imagebuttons is probably one of the biggest wall in Ren'py that prevents layman people like me from adopting this superior method... While Imagemap is easier to use... everyone knows that the future of Ren'py belongs to Imagebuttons...
Not anymore, Uncle Mugen! Here is a complete GUI example so everyone can learn to imagebutton!
All the GUI resources were ripped and stolen from Uncle Mugen's Imagemap Framework.
Okay, actually I asked for permission, but I like to sound badass...
Features:
- Fully functioning GUI using screen based imagebuttons.
- Heavily commented code explaining all the mysterious behaviors for imagebutton in layman terms.
- A mini script written by Uncle Mugen.
You will love it...

- Background graphics (updated), sprites (updated) and GUI graphical assets by Uncle Mugen.
- All the code is in the public domain.
- And all the goodies from the FREE RENPY SCREEN BASED IMAGEMAP FRAMEWORK are still here:
mugenjohncel wrote:- Screen Based Image
Map Button Main Menu with provision for unlockable content (like Extras)
Seperate Joined Screen Based Image Map Button Save and Load Screen
- Full Featured Screen Based Image
Map Button Config Screen
- Screen Based Image
MapButton prompt screens
- Characters with Side Show Properties
- Lucy and the lovable Handsome Uncle Mugen (me)
- Extras screen that contains... nothing
- Hover Tooltip on hotspots providing description of what button does what
- Separate sound channels for each GUI hotspot hover sound circumventing an image map bug
- Commented code
Imagebutton facts:
- They are awesome
- They are great dancers (may depend on your skills with ATL)
- They are easy to code (the code is very similar, just a bit simpler, than with imagebuttons)
- They take less disk space
But they require a bit of extra time when exporting them from .psd to .png No they don't.
To use it, just put the contents of the zip file into your Ren'Py games directory.
-
Attachments
-
- Renpy Imagebuttons GUI sample.zip
- (7.48 MiB) Downloaded 8847 times
Last edited by
leon on Wed Jul 31, 2013 7:46 pm, edited 1 time in total.
-
Donmai
- Eileen-Class Veteran
- Posts: 1854
- Joined: Sun Jun 10, 2012 1:45 am
- Completed: Toire No Hanako, Li'l Red [NaNoRenO 2013], The One in LOVE [NaNoRenO 2014], Running Blade [NaNoRenO 2016], The Other Question
- Projects: Slumberland
- Location: Brazil
-
Contact:
#2
Post
by Donmai » Tue Jul 30, 2013 9:28 pm
Thank you cousin leon! Thank you uncle Mugen!
-
Sharm
- Miko-Class Veteran
- Posts: 558
- Joined: Mon May 07, 2012 4:39 pm
- Projects: Twin Crowns, Weather Wizard
-
Contact:
#3
Post
by Sharm » Tue Jul 30, 2013 9:35 pm
Yes! No more trial and error for me, I will understand it all!
-
azureXtwilight
- Megane Procrastinator
- Posts: 4078
- Joined: Fri Mar 28, 2008 4:54 am
- Completed: Fantasia series (ROT and ROTA), Doppleganger: Dawn of The Inverted Soul, a2 (a due), Time Labyrinth
- Projects: At Regime's End
- Organization: Memento-Mori VNs, Team Sleepyhead
- Location: Yogyakarta, Indonesia.
-
Contact:
#4
Post
by azureXtwilight » Tue Jul 30, 2013 10:09 pm
OMG I LOSE. I have to admit. Imagebuttons are mad skillz! Thank you for this!
-
Kokoro Hane
- Eileen-Class Veteran
- Posts: 1001
- Joined: Thu Oct 27, 2011 6:51 pm
- Completed: 30 Kilowatt Hours Left, The Only One Girl { First Quarter }, Crystal Captor: Memory Chronicle Finale, Journey of The Scroll, An Encounter ~In The Rain~
- Projects: Gakusei, Final Pirate Haven: Rebellion of Gilfer's Bay, False Hope, The Only One Girl
- Organization: Tofu Sheets Visual
- Deviantart: kokoro-hane
- itch: tofu-sheets-visual
-
Contact:
#5
Post
by Kokoro Hane » Wed Jul 31, 2013 12:16 am
I've always loved imagebuttons. I can easily make anything in my games fancy with their simple usage (because imagemaps make no sense to me), and now that you can use the beauty of the imagebutton for GUI? My life is now complete as a simple amateur Ren'Py user programmer person! Thank you so much, I could almost cry! *glomps*
Now time to play with this, ahahaha...AHAHAHAHA!
-
RavenBelmont
- Regular
- Posts: 36
- Joined: Tue Jul 16, 2013 10:47 am
-
Contact:
#6
Post
by RavenBelmont » Wed Jul 31, 2013 9:06 am
Incredible! This is just what I needed! Thank you for sharing this, Leon, and please keep up with your great work, it's of great value to us all.

-
OokamiKasumi
- Eileen-Class Veteran
- Posts: 1775
- Joined: Thu Oct 14, 2010 3:53 am
- Completed: 14 games released -- and Counting.
- Organization: DarkErotica Games
- Deviantart: OokamiKasumi
- Location: NC, USA
-
Contact:
#7
Post
by OokamiKasumi » Sun Aug 04, 2013 1:33 am
leon wrote:...To use it, just put the contents of the zip file into your Ren'Py games directory.
For some reason I am getting an error when I try to unzip this.
! L:\Library\!Kenetic Novels\RenPy\Renpy Imagebuttons GUI sample.zip: Unexpected end of archive
Ookami Kasumi ~ Purveyor of fine Smut.
Most recent Games Completed:
For ALL my completed games visit:
DarkErotica Games
"
No amount of great animation will save a bad story." --
John Lasseter of
Pixar
-
leon
- Miko-Class Veteran
- Posts: 554
- Joined: Sun Oct 09, 2011 11:15 pm
- Completed: Visual Novel Tycoon, Night at the Hospital, Time Labyrinth, The Buried Moon, Left of Center, Super Otome Quest
- Projects: Lemon Project, Porcelain Heart, Dream's Dénouement
- Organization: Team ANARKY
-
Contact:
#8
Post
by leon » Sun Aug 04, 2013 7:22 am
Sounds like the file wasn't fully downloaded. Try downloading it again.
-
OokamiKasumi
- Eileen-Class Veteran
- Posts: 1775
- Joined: Thu Oct 14, 2010 3:53 am
- Completed: 14 games released -- and Counting.
- Organization: DarkErotica Games
- Deviantart: OokamiKasumi
- Location: NC, USA
-
Contact:
#9
Post
by OokamiKasumi » Mon Aug 05, 2013 12:27 am
leon wrote:Sounds like the file wasn't fully downloaded. Try downloading it again.
That's exactly what's happening.
-- Apparently, my DSL isn't fast enough to hold the connection from this site. It keeps breaking off. I've tried downloading all day. No dice.
Can you upload this file to MediaFire?
Ookami Kasumi ~ Purveyor of fine Smut.
Most recent Games Completed:
For ALL my completed games visit:
DarkErotica Games
"
No amount of great animation will save a bad story." --
John Lasseter of
Pixar
-
OokamiKasumi
- Eileen-Class Veteran
- Posts: 1775
- Joined: Thu Oct 14, 2010 3:53 am
- Completed: 14 games released -- and Counting.
- Organization: DarkErotica Games
- Deviantart: OokamiKasumi
- Location: NC, USA
-
Contact:
#11
Post
by OokamiKasumi » Mon Aug 05, 2013 6:09 am
DragoonHP wrote:OokamiKasum: You can upload the file directly to your mediafire account.
Whoa... I had no idea...! Thank you, this will help with all the
other files I can't seem to download from here.
Ookami Kasumi ~ Purveyor of fine Smut.
Most recent Games Completed:
For ALL my completed games visit:
DarkErotica Games
"
No amount of great animation will save a bad story." --
John Lasseter of
Pixar
-
GlassHeart
- Regular
- Posts: 105
- Joined: Fri Mar 11, 2011 12:13 pm
- Completed: Out of Sight, Summer Found Me, Signed X, Trapped
- Projects: Poison Sweet, CryptoHaven
- Location: Romania
-
Contact:
#12
Post
by GlassHeart » Mon Aug 05, 2013 1:01 pm
I've always used imagemaps before because I thought imagebuttons were a pain to export one by one, but seeing all the cool things you can do with them, I really want to give them a try (I shall make all my buttons float around the screen forever!!!1)
Thanks so very much for the code. I'll have a fun time playing Frankenstein with it.
$ leon_awesome_points += infinity
$ uncle_mugen_awesome_points += infinity
*bows*
-
leon
- Miko-Class Veteran
- Posts: 554
- Joined: Sun Oct 09, 2011 11:15 pm
- Completed: Visual Novel Tycoon, Night at the Hospital, Time Labyrinth, The Buried Moon, Left of Center, Super Otome Quest
- Projects: Lemon Project, Porcelain Heart, Dream's Dénouement
- Organization: Team ANARKY
-
Contact:
#13
Post
by leon » Mon Aug 05, 2013 2:04 pm
GlassHeart wrote:I've always used imagemaps before because I thought imagebuttons were a pain to export one by one
They certainly are. It used to take me a couple hours to do it (not a big deal for me, since it very slow at making the GUI anyhow). But... if you have Photoshop, you can automate the whole process -
http://lemmasoft.renai.us/forums/viewto ... 46&t=22583
-
VHC_Softwares
- Newbie
- Posts: 23
- Joined: Sat Feb 16, 2013 12:22 am
-
Contact:
#14
Post
by VHC_Softwares » Mon Aug 05, 2013 9:00 pm
First off, awesome work! You really sold me on the superiority of imagebuttons over imagemaps.
One question though: What's the easiest way to use your code in 800x600 resolution? From the looks of it, I'd have to change every position value in screens.rpy... I think.
-
leon
- Miko-Class Veteran
- Posts: 554
- Joined: Sun Oct 09, 2011 11:15 pm
- Completed: Visual Novel Tycoon, Night at the Hospital, Time Labyrinth, The Buried Moon, Left of Center, Super Otome Quest
- Projects: Lemon Project, Porcelain Heart, Dream's Dénouement
- Organization: Team ANARKY
-
Contact:
#15
Post
by leon » Tue Aug 06, 2013 1:36 am
VHC_Softwares wrote:What's the easiest way to use your code in 800x600 resolution? From the looks of it, I'd have to change every position value in screens.rpy... I think.
Yes, changing position values is pretty much unavoidable. The easiest way is probably to divide every x coordinate with 1.28.