Sunday, May 31, 2009

Making a Jigsaw Puzzle in Flash



To do the above Jigsaw Puzzle use the mouse to click on a piece, and keep the mouse button held down. Move the piece to a new location, and then release the mouse button to drop it into position.


If all goes well, then the final puzzle should finish up like this:



Making a Jigsaw Puzzle is an excellent introduction to Actionscript 2.0 for people that have never used this feature of Flash.

I use this activity with beginners to Flash, to show them how we can bring what the mouse is doing, into our actual Flash project, and we do this by writing script.

The other great thing about the activity, is that the people doing it choose their own picture to use for making the puzzle, and this gives them greater enthusiasm and ownership of the learning task.

The following is a viewable embedded PDF of detailed instructions on how to make a puzzle like this.
Unfortunately, the PDF is over 1 meg in size, and so takes a while to load in.

The other limitation is that due to blogger column width limitations, we can only have the PDF viewing window a maximum width of 550 pixels.
(I have widened my blog from 400 to 550, there is a separate post on this).




If you would like to have your own copy of this PDF, then simply click the save disk icon button on the PDF viewer, and you should be able to save it to your own hard disk.

Alternatively, you can view or save the PDF by clicking the link below:
Click here to open or save the PDF

If you are wondering how we make a viewable and scrollable PDF within a blog, (or any web page), then click on the image below.



I found out how to do this by "Googling", and it involves using an "iframe". It works much better on normal web pages, where the width of the iframe can be set to 800 pixels, so that the PDF is near normal size.

Enjoy,
Big Passy Wasabi

No comments:

Post a Comment