Spread the word, an iPad app built in Flash!

Near the end of June, I started a little experiment, just for fun, which would just immitate fridge magnets. I wanted to make it a multi-user experience.Β So everybody hitting the page would see the changes that are being made realtime. I built the first version and was quite happy.

But a few days ago, it struck me: I can just use the code I used for that experiment and port it to the iPad using the iPhone Packager (which comes with Flash CS5). So I did!

Although I had to change some of the code (loading settings files, etc), I was actually able to build this application rather quickly. I also added a multi-room feature, so everybody can have their own fridge with magnets πŸ˜‰
So you can now actually leave your boy/girlfriend a message on a virtual fridge (with no food in it)Β and then mail him/her the link! He/She can then rearrange the letters and leave you a message in return; Fridge-magnet style! That’s geeky, right!? πŸ˜€

About the application

‘Spread the word’ is both an iPad and a browser application.
The clients are built using Flash Builder (for the browser app) and Flash CS5 (iPad app). The multi-user support is a Red5 application.

‘Spread the word’ online

You can view the application in the browser by hitting the following URL:

http://spreadtheword.nocreativity.com

If you want to have your own fridge, just add ‘?myOwnFridge’ (replace ‘myOwnFridge‘ with a name of your choice). For example

‘Spread the word’ for iPad

Currently the iPad application is only available though my Cydia repo. I will however be trying to get it into the Apple App Store (I know about 3.3.1, I’m still giving it a shot πŸ˜› ). The app also supports rooms, so feel free to go crazy (but be nice, there’s kids on the internet πŸ˜‰ )

If you want to install the iPad application you need a jailbroken iPad. If you haven’t added my repository to your Cydia sources yet, follow these instructions:

  1. Open Cydia on your jailbroken iPad
  2. Go to the ‘Manage’ tab
  3. Tap ‘Sources’
  4. Tap ‘Edit’ in the upper right corner
  5. Tap ‘Add’ in the upper left corner
  6. Fill in the following URL: ‘http://nocreativity.com/cydia’
  7. Tap ‘Add source’
  8. You’re done!

To install Spread The Word for iPad, do this:

  1. Open Cydia on your jailbroken iPad
  2. Go to the ‘Sections’ tab
  3. Find the ‘noCreativity’ section
  4. Tap on the application (there’s only one in that list right now, so you can’t do anything wrong from this point on πŸ˜‰ )
  5. Tap ‘install’ in the upper right corner
  6. Tap ‘Confirm’ in the upper right corner
  7. When the installation is done, exit Cydia. Spread the word should be installed now. Have fun!

Credits

Eventhough I created this app myself, I owe a big thank you to Eugenia Furman for letting me use her beautiful letters. Those are actually real letters, which she created herself. They’re for sale on Etsy. They’re really awesome. Make sure you go and check out her other work. I totally love it!

Ronny

view all posts

Ronny is a freelance frontend developer with a wild passion for creativity and a relentless hate against flat design. Ronny spent years as a Flash developer before moving to HTML5 and rediscovering fun and happiness.

17 Comments Join the Conversation →


  1. Davy

    Cool stuff! πŸ˜€ Thumbs up!

    How long does a room stay alive, after zero activity?

    Reply
  2. Ronny

    Thanks, Davy!
    Rooms should stay alive forever (or until I delete the SharedObjects on the server πŸ˜‰ )

    Reply
  3. Jarne

    Hoe laat je die red5 online werken op je server?
    Very nice, die server shizzle!

    Reply
  4. Ronny

    @Jarne: Heb nen Red5 server draaien online πŸ˜‰

    Reply
  5. Karim

    very nice.

    Although – magnets can be dragged so far right ( by extending browser window ) – that they get lost…. these kinds of social experiments are really nice… Nice one!

    Reply
  6. Ronny

    @Karim: Thx buddy! Will add a few updates later tonight, fixing both this and a few other issues πŸ˜‰ Thanks again!

    Reply
  7. Sarah

    omg this is so fun!

    Reply
  8. Ronny

    Thx, Sarah! I’m glad you like it! πŸ˜€

    Reply
  9. Sarah

    1 small little thing… it could use a resize handler (for the non-ipad users πŸ˜‰ ) so that it resizes the letters on window resize.

    Reply
  10. Ronny

    I’m in the middle of pushing a few updates (browser and iPad version). One of the changes is that you can’t drag the letters outside 1024×768 anymore πŸ˜‰

    Reply
  11. Sarah

    Ah good idea!
    I’m trying to arrange them alphabetically πŸ˜€

    Reply
  12. Daniel

    Hi Ronny,

    Wondering if you could briefly help with an issue on publishing for iPhone/iPad.
    I’ve been trying to publish the IPA file from CS5 (on Mac) without luck.
    If I set my Java version to Java SE 6 64-bit (in the system’s Java Preferences), CS5 will crash at the end of the publishing process (I see the process bar get to the end, and then boom!).
    If i set the default java version to J2SE 5.0 32 bit, I get a dialog right after clicking /publish saying “the digital certificate is invalid”.

    I think I did the certificate/provisioning process correctly, so not sure if I should do it again (i’ve already done it like half a dozen times), or maybe the issue is related to wrong java version or something….

    Thanks in advance, and congratulations for such a good blog

    Reply
  13. Ronny

    Hi Daniel,
    my Java settings are done like this:
    http://shots.nocreativity.com/b87d3f7d6eb6d54251c1b99380d10c72.jpg
    I had that crashing thing at the end too, but it went by itself.

    Ther certificate thing can’t really be done wrong, you just download it from the Apple site and point to it in Flash CS5.

    Good luck!

    Reply
  14. Brrrrrap

    Firstly, before I start love the site, design and topics – great reading and right up my street!

    Now, dude, how the hell did you make a full screen ipad app from Flash CS5 ?

    I can use the ipad OS settings to publish an ipad app but thats no good for my ipad – i want full screen (not the pixelated “2x” iphone version) !!

    Is there any way of publishing full screen ipad native apps from flash through cydia (AppSync) – ?

    Also when trying the iphone Flash made apps i can’t seem to use video without the “Publish” failing – any ideas ?!

    Reply
  15. Brrrrrap

    – Sorry – i meant i can create and publish and sync iPHONE apps but not full size iPad apps…. any ideas?!

    And video?

    Reply
  16. bmabsout

    okay so i did an app that works put it on the ipad and it works but when i take the filename.app folder from the ipa and put it in the Applications folder the icon shows but if i try to open it it just gets stuck on a black screen i don’t know what to do

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *