Creation of a jigsaw puzzle game – Flash AS3 version

Emanuele Feronato Actionscript 3, Flash, Game design, Users contributions

Last month I published a 4 steps tutorial about the creation of a jigsaw puzzle using HTML5 Canvas and KineticJS (also see step 2, 3 and 4), and now I am going to show you Ami Hanya‘s AS3 version of the engine.

You can see it in action at this page, it was made with FlashDevelop and GreenSock for the tweening.

Ami also made game based on Toony Flash game prototype, you can find it at this page clicking on the zebra.

Back to our jigsaw engine this is the main class:

and this is Piece class

You can also download the entire project.

From null to full HTML5 cross platform game

I will take you by hand from the bare bones of JavaScript programming through the creation of a full cross platform HTML5 game, with detailed explainations and source code.

If you don't know where to start, then From null to full HTML5 cross platform game is the book for you.

Comments 13

  1. Pingback: Creation of a jigsaw puzzle game – Flash AS3 version – Emanuele Feronato « eaflash

  2. verdasco

    hi i downloaded the file but i am also having problem locating the flash file. does it exist? how do i publish a swf from your source file?

  3. Jesse

    Hi. I am a newbie in as3 . i have downloaded the source file. but i am having trouble making a swf file because i cannot locate the flash file. Can someone help?

  4. Eduardo

    Great game :-) but I have a question:
    How can I make it work with another images? When I try with a different image it shows me some empty spaces between the pieces.

    Sorry for my poor English, and thank you :-)

  5. A Setiawan

    It’s nice game and great code. But I have a question. How to detect all piece is on the right place? because i need to detect state when game is complete.

    Thank you :)

    1. Post
  6. Martin


    Could you explain me what does dollar sign ($) do in front obj variable in init function? It’s pretty rare for me to see that in AS code…

    Thanks in advance.

  7. Cali

    @Martin: Some people like to prefix their function parameters to avoid confusion with class members. It does look like retarded php code indeed.

Leave a Reply

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