PhotoShuffle - image gallery in AS3

PhotoShuffle

As I really needed to show my friends back in Italy this beautiful land I’m living in, last weekend I developed a little photo viewer applet that lets you take a look at the pictures in a very quick simple way

It’s an XML photo gallery that let you see the photos as you were shuffling them from a bunch.

In order to shuffle you have to take the photos to the edge and the photo will reach automatically the bottom of the bunch.

For those of you who want to know the place is Portreath and no I’m not in the pictures as I was taking them! I also made a video here.

see this experiment
As you can notice there are no thumbnails and even if there’s a chance to easily add some, I prefer to leave this as it is. Maybe in a more complete project I will add some widget with a thumb scroller.

Things to do

I’m quite satisfied with the shuffling interface but I still would like to improve something:

  • Add Keyboard interaction
  • edit - Improve pulling out images from the middle
  • Improve physics performance
  • Shuffle in both directions

Source

You can find the source of this here:

as + fla + XML
images

History

edit [23-10-07] - Added possibility to shuffle photos in the background, added visual clues for shuffling directions, improved rotation behavior

edit [01-11-07] - Captions added. Keyboard interaction included.

15 Responses to “PhotoShuffle - image gallery in AS3”


  1. 1 Ali Nov 19th, 2007 at 4:03 am

    Very good work
    it will be good if u publish the FLAs

    best regards
    Ali

  2. 2 admin Nov 19th, 2007 at 4:07 am

    Hello Ali, thanks a lot. A fla will be available shortly!

  3. 3 Alrick Jan 26th, 2008 at 1:11 pm

    Hey, wats up? Is it okay to use your gallery in a site Im doin?

  4. 4 admin Jan 26th, 2008 at 1:51 pm

    Sure, Alrick. The code it is not that great but if you want to use it go ahead!

  5. 5 Tommy Jan 30th, 2008 at 12:27 pm

    Hi Any news for the .fla’s>>

    Thanks!

  6. 6 luca Feb 22nd, 2008 at 1:34 am

    inside zip file ther is a file without extension. I’ve rename it with fla extension and it works. A question: what font do you use for this project? Tnx.

  7. 7 admin Feb 22nd, 2008 at 3:19 am

    Hey Luca!Thanks for reporting the extension error.
    For the fonts: the pixel one is copy 08_55, for the captions I’ve used Futura.

  8. 8 Ben Jun 9th, 2008 at 1:13 pm

    Thanks very much for posting the source files. I am (slowly) migrating from Actionscript 2.0 to 3.0 and dissecting your files will be a great way for me to start to wrap my head around it!

  9. 9 RJ Aug 27th, 2008 at 10:21 am

    I tried integrating in a AS3 project and I keep getting:

    TypeError: Error #1009: Cannot access a property or method of a null object reference.
    at com.tezzutezzu.PhotoShuffle::PhotoShuffle()

    Any ideas on how to remedy this?

  10. 10 kanu kukreja Sep 18th, 2008 at 9:48 am

    1180: Call to a possibly undefined method PixelFont.

    Can you please share the PixelFont class if there’s any?

    -Kanu

  11. 11 kanu kukreja Sep 18th, 2008 at 9:53 am

    I have resolved that issue…

    But now i’m getting one run time error:

    TypeError: Error #1034: Type Coercion failed: cannot convert flash.events::Event@1f44bd01 to flash.events.MouseEvent.

    How to resolve this?

    -Kanu

  12. 12 Danilo Sep 18th, 2008 at 12:12 pm

    you have to find where that event is dispatched… At the moment this app is quite buggy and I’m not having the time to update it,so if you find any bugs and think to have made some improvements I’d be glad if you send me your version!

  13. 13 Kris de Jong Oct 27th, 2008 at 9:04 am

    hey I’ve used this great tutorial for my website. I load the photoshuffle image gallery as an external swf. It works perfectly offline but doesn’t online…Anyone ideas?

    Greeting from Holland

    Kris

  14. 14 Sean Flater Nov 17th, 2008 at 6:11 pm

    I’m having the same issue as above, works great offline, not on. I’ll keep messing with it, and if I find a fix, I’ll post it here for you folks.

    Also, Thanks for the awesome gallery source! I hope you don’t mind if I try to use it for my site?

  15. 15 Danilo Nov 18th, 2008 at 2:53 am

    Hello Sean, no I don’t mind if you use for your site.
    If you can let me know where you have used this it’ll be great.

Leave a Reply