PhotoShuffle - image gallery in AS3 at tezzutezzu

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.

18 Responses to “PhotoShuffle - image gallery in AS3”

Feed for this Entry Trackback Address

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 admin Nov 19th, 2007 at 4:07 am

Hello Ali, thanks a lot. A fla will be available shortly!
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 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 Tommy Jan 30th, 2008 at 12:27 pm

Hi Any news for the .fla’s>>

Thanks!
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 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 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 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 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 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 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 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 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 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.
16 anthony Pace Nov 27th, 2008 at 9:28 am

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

This is a great photo viewer; however, I receive this error when I leave the stage.
17 anthony Pace Nov 27th, 2008 at 9:31 am

I just read other comments, and I they had the same problem…

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

The number changes based on the tab that they are in for firefox or IE, and it fires when you move your mouse outside the swf dimensions.
18 David Dec 29th, 2008 at 8:35 pm

Thank you for posting this code, it isn’t exactly what I need but it is perfect for taking apart and learning. After a day of teasing it and breaking it I have a pretty good feel for how it works, except for one thing.

It’s so stupid I’m a little embarrassed to ask.
How are the Action-script files connected to the FLA?

I’d expect for something to be connected to the first and only frame but there isn’t anything when I double click it in the time-line.