Imagebutton GUI Framework [GxImagebuttons]

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.
Post Reply
Message
Author
User avatar
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:

Imagebutton GUI Framework [GxImagebuttons]

#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!
screenshot0044.png
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...
screenshot0038.png
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... :D
  • 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
screenshot0045.png
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.
screenshot0047.png
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 6872 times
Last edited by leon on Wed Jul 31, 2013 7:46 pm, edited 1 time in total.

User avatar
Donmai
Eileen-Class Veteran
Posts: 1567
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:

Re: Imagebutton GUI Framework [GxImagebuttons]

#2 Post by Donmai » Tue Jul 30, 2013 9:28 pm

Thank you cousin leon! Thank you uncle Mugen!
Image
No, sorry! You must be mistaking me for someone else.
TOIRE NO HANAKO (A Story About Fear)

User avatar
Sharm
Miko-Class Veteran
Posts: 558
Joined: Mon May 07, 2012 4:39 pm
Projects: Twin Crowns, Weather Wizard
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#3 Post by Sharm » Tue Jul 30, 2013 9:35 pm

Yes! No more trial and error for me, I will understand it all!
Works in Progress: Twin Crowns | Weather Wizard

User avatar
azureXtwilight
Megane Procrastinator
Posts: 4047
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: Re:Set, Morpheandir Tales, The Alliance, Althernis Precasted
Organization: Memento-Mori VNs, Team Sleepyhead
Location: Yogyakarta, Indonesia.
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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!
ImageImage

User avatar
Kokoro Hane
Miko-Class Veteran
Posts: 905
Joined: Thu Oct 27, 2011 6:51 pm
Completed: 30 Kilowatt Hours Left, The Only One Girl { First Quarter }, Crystal Captor: Memory Chronicle Finale
Projects: False Hope, An Encounter ~In The Rain~, The Only One Girl, Healing in REVERSE
Organization: Tofu Sheets Visual
Deviantart: kokoro-hane
itch: tofu-sheets-visual
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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!
PROJECTS:
False Hope [Demo][WiP][SuNoFes'17]
Crystal Captor: Memory Chronicle Finale [COMPLETE][RPG][#1 in So Bad It's Good jam '17]
An Encounter ~In The Rain~ [Beta is up][NaNoRenO'17]
The Only One Girl [WiP][Up.5/20/2017][1stQ ver. released]
30 Kilowatt Hours Left [COMPLETE][GameJolt GDC Jam2016]

But dear God, You're the only North Star I would follow this far
Owl City "Galaxies"

User avatar
RavenBelmont
Regular
Posts: 36
Joined: Tue Jul 16, 2013 10:47 am
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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. :)

User avatar
OokamiKasumi
Eileen-Class Veteran
Posts: 1766
Joined: Thu Oct 14, 2010 3:53 am
Completed: 14 games released -- and Counting.
Organization: DarkErotica Games
Deviantart: OokamiKasumi
Location: NC, USA
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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

User avatar
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:

Re: Imagebutton GUI Framework [GxImagebuttons]

#8 Post by leon » Sun Aug 04, 2013 7:22 am

Sounds like the file wasn't fully downloaded. Try downloading it again.

User avatar
OokamiKasumi
Eileen-Class Veteran
Posts: 1766
Joined: Thu Oct 14, 2010 3:53 am
Completed: 14 games released -- and Counting.
Organization: DarkErotica Games
Deviantart: OokamiKasumi
Location: NC, USA
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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

User avatar
DragoonHP
Miko-Class Veteran
Posts: 690
Joined: Tue Jun 22, 2010 12:54 am
Completed: Christmas
IRC Nick: DragoonHP
Location: Zion Island, Solario
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#10 Post by DragoonHP » Mon Aug 05, 2013 12:53 am

OokamiKasum: You can upload the file directly to your mediafire account.

--> Click the blue icon labelled "Upload"
--> Select "From the Web"
--> Enter URL ( http://lemmasoft.renai.us/forums/downlo ... p?id=21773 ) and name: ( Renpy Imagebuttons GUI sample.zip )

If you get stuck, here is the link to the file: http://www.mediafire.com/download/ct1uc ... sample.zip

User avatar
OokamiKasumi
Eileen-Class Veteran
Posts: 1766
Joined: Thu Oct 14, 2010 3:53 am
Completed: 14 games released -- and Counting.
Organization: DarkErotica Games
Deviantart: OokamiKasumi
Location: NC, USA
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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

User avatar
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:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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. :D
$ leon_awesome_points += infinity
$ uncle_mugen_awesome_points += infinity
*bows*
Image Image Image Image

User avatar
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:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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

User avatar
VHC_Softwares
Newbie
Posts: 22
Joined: Sat Feb 16, 2013 12:22 am
Contact:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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.

User avatar
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:

Re: Imagebutton GUI Framework [GxImagebuttons]

#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.

Post Reply

Who is online

Users browsing this forum: No registered users