Page 1 of 8

Imagebutton GUI Framework [GxImagebuttons]

Posted: Tue Jul 30, 2013 6:42 pm
by leon
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.

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Tue Jul 30, 2013 9:28 pm
by Donmai
Thank you cousin leon! Thank you uncle Mugen!

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Tue Jul 30, 2013 9:35 pm
by Sharm
Yes! No more trial and error for me, I will understand it all!

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Tue Jul 30, 2013 10:09 pm
by azureXtwilight
OMG I LOSE. I have to admit. Imagebuttons are mad skillz! Thank you for this!

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Wed Jul 31, 2013 12:16 am
by Kokoro Hane
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!

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Wed Jul 31, 2013 9:06 am
by RavenBelmont
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. :)

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Sun Aug 04, 2013 1:33 am
by OokamiKasumi
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

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Sun Aug 04, 2013 7:22 am
by leon
Sounds like the file wasn't fully downloaded. Try downloading it again.

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 12:27 am
by OokamiKasumi
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?

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 12:53 am
by DragoonHP
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

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 6:09 am
by OokamiKasumi
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.

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 1:01 pm
by GlassHeart
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*

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 2:04 pm
by leon
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

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Mon Aug 05, 2013 9:00 pm
by VHC_Softwares
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.

Re: Imagebutton GUI Framework [GxImagebuttons]

Posted: Tue Aug 06, 2013 1:36 am
by leon
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.