Tutorial create a simple jigsaw puzzle game in flex.
Posted By :
Redni
| Posted At:
11/5/2009 3:52:52 AM
Summary:Tutorial to create a simple jigsaw puzzle game in flex.
Requirements: Flex installed, Flash CS.
Project Source files :Tutorial to jigsaw puzzle in flex.zip
Solution: To create jigsaw puzzle Game we need an image which will be divided inti movieclips os shape and size required accourding to design. These movieclips will be used by flex project to display pieces of image randomly and attach mouse events to drag and drop pieces and bind them together to solve th puzzle. Here I am using an mickey mouse cartoon cut into four pieces placed randomly in flex .You can drag and drop them to solve the puzzle.
First of all we need to create flash symbols of or jigsaw puzzle game.
Step 1: Open Flash CS:
Create a new flash file File-->New---> Flash file(Actionscript 2.0).
Step 2: Creat new project in flex
private function dragIt(e:Event):void{
e.target.startDrag();
}
Final Flex jigsaw puzzle game.
As you can see that once a image component clicked it starts draging itself by calling dragIt() function and as soon as user releases the mouse the clip is draged by mouse up event.
Thats all you can extend this application by cutting clips into more complex shapes and adding more functionality as you wish. Source files are here.