iPhone style menu maker

iPhone style menu maker for Construct 2

<img src="http://dl.dropbox.com/u/22173473/MobiMaker%20splash.png" border="0">

<img src="http://dl.dropbox.com/u/22173473/3splash.png" border="0">

You need Construct r2 (Not C2) to run run it (its a cap file), and Construct 2 to view the Finished menu.

How it works:

The zip file contains the following files/folders-

1, Folder 'bg' containing various background textures.

2, Folder 'C2 Example' containing 'Test1 caproj'

3. File ' iphone.ini'

4, MobiMaker1.cap

5, Read me.xls file

1, Basically, you run MobiMaker1.cap, create your menu (see instructions) and save it.

2, Open 'Test1 caproj' with Construct 2(inside the C2 Example folder) and your menu should appear in the main window.

Really confusing I know, but the instructions will make things clearer(?)

Currently you can only create a single page, its just for testing.

Work in progress.

Download files

Good luck <img src="smileys/smiley5.gif" border="0" align="middle">

All feedback welcome

It looks great! Thank you for sharing that!

It looks great! Thank you for sharing that!

Thanks, I'm trying to work out a way to do the same thing but with C2 as the menu creator, where you just drag and drop buttons and components into the window and it allows you to save the objects positions...sizes..ect as a template that C2 can load.

I know there is a sprite bank plugin, but Im not 100% how to use it, or if it would even work?

<img src="smileys/smiley5.gif" border="0" align="middle" />

chrisbrobs

The concept of sprite bank plugin is very simple: it stores properties of instance in a hash table, then use JSON to transfer hash table into string.

I failed to access file system by javascript since browser can not allow user to do this, local data only can be saved by webstorage (as I know)

So currently, sprite bank plugin is not suitable in this case.

chrisbrobs

If you know how to access file system by javascript/browser, please share this knowledge. Thanks.

rexrainbow

You just can't.

chrisbrobs

The concept of sprite bank plugin is very simple: it stores properties of instance in a hash table, then use JSON to transfer hash table into string.

I failed to access file system by javascript since browser can not allow user to do this, local data only can be saved by webstorage (as I know)

So currently, sprite bank plugin is not suitable in this case.

---------------------------------------------------

The idea was to have the elements(buttons, background etc) stored on the server. After the user creates the layout and saves it....the sprite positions\sizes would be saved in a format that C2 would be able to read?

chrisbrobs

Sorry for missing this thread.

Yes, sprite bank could save instances positions\sizes then transfer to a JSON string. It could be send to server. And finally, sprite bank could be used in parsing this saved (JSON) string then create them (by plugin).

But, it's pity that we need send data to server then receive them instead of save them directly.

I found it --File system on HTML5, but I'm not sure what's it.

rexrainbow & chrisbrobs : you can access filesystem in HTML5 on recent build. You can use shims like Filesaver.js (http://eligrey.com/demos/FileSaver.js/.

If I have the time this week, I'm going to make a plugin of that.

Pode rexrainbow

It seems to be supported only by Chrome... ?

Awesome, I would use semi transparent buttons on my game and this will help

^^

rexrainbow@

Sorry for missing this thread.

Yes, sprite bank could save instances positions\sizes then transfer to a JSON string. It could be send to server. And finally, sprite bank could be used in parsing this saved (JSON) string then create them (by plugin).

But, it's pity that we need send data to server then receive them instead of save them directly.

I found it --File system on HTML5, but I'm not sure what's it.

------------------------------------------------------------

Thanks for info, I will download and read (but if your not sure what it is, what chance have i got!)

------------------------------------------------------------

Pode@

rexrainbow & chrisbrobs : you can access filesystem in HTML5 on recent build. You can use shims like Filesaver.js (http://eligrey.com/demos/FileSaver.js/.

If I have the time this week, I'm going to make a plugin of that.

---------------------------------------------------------

I will look forward to seeing your plugin

----------------------------------------------------------

I have got templates for all phonetypes...Android, Apple and Blackberry.

So it could be a universal menu creator, if i can find a way to implement it.

septeven : there's a lot of things in the FF nightlies ;)

septeven

At the link of FileSaver.js provided by Pode says it supports

Firefox 4+
?Google Chrome
Opera 11+
Safari 5+