Crazy Gems is an addictive game developed in Adobe Flash ActionScript 3.0 Compatible with Flash Player 10.1 and AIR 2.0.

Enjoy the excitement and confusions in dividing the different colored bouncing gems to their respective colored zones.

Resize the game to your convenient gameplay size and enjoy the casual game.

Prerequisites

• This requires Adobe Flash Professional CS5 and I haven’t planned on posting CS4 version as it needs compatibility to Flash Player 10.1 and uses Accelerometer API that is currently available only in CS5.
• I have used TweenLite AS3 from GreenSock for some animations. I haven’t distributed it with the source files, so you might have to download your own license from www.greensock.com.
• I have not shared the font I used for original game. I have used Arial in this project instead.
• If you haven’t followed my previous demo that showcases this game working on many different devices, please visit the post, One Code, Multiple Screens.

Download

(76 downloads)

Once TweenLite class files are downloaded, copy the “greensock” folder to your project’s subfolder “com”, as shown below -

Setting up “Flash Professional to Flash Builder” Workflow

1. Open the .fla file from the archive in Flash Professional CS5.
2. Click on the “Edit Class Definition” button beside the Document Class text box in the Properties Panel
   
3. Flash Professional pops up a dialog asking where you would want to edit the Class Definition. Choose Flash Builder and click OK.
   
4. Flash Builder 4 should automatically open now. Flash Builder now creates a new project linking it to your Flash Professional CS5 .fla file.
5. Give it a project name you desire and specify a location for your Flash Builder Project and click Finish.
   
6. You should see a project structure in Flash Builder similar to the one shown below -

   

7. You should also see Logic.as opened so you can start editing the class definition. Once done editing, to test the movie, follow the same shortcut key as Flash Professional CS5. Being in Flash Builder 4, press Ctrl+Enter (Win) or Cmd+Enter (Mac).
8. You may also delete CrazyGems.as under default package (the same folder as the .fla), since in this particular project, I have all my code in Logic.as.

Do drop me a mail in case you find some trouble understanding the code.

I call this game Crazy Gems and it is hosted on my website. The way the application is written, makes it run successfully on many different platforms irrespective of the screen sizes and some of the device capabilities that vary. The video below showcases the same game from the same server running on 3 different platforms. It also summarizes the fact that your content, if built well, could and would run successfully giving users seamless experience across *all* the platforms that Adobe Flash Player runs on.

More Information

Find below some screen shots of the game running on different platforms -

Internet Explorer on Windows XP	Firefox on Windows XP	Safari on Windows XP
Safari on Snow Leopard	Firefox on Snow Leopard	Firefox on Linux
Native Browser (Landscape) on Android (Google NexusOne)	Native Browser (Portrait) on Android (Google NexusOne)

A similar experiment was carried out by Christian Cantrell running Adobe AIR also on many different platforms. Check it out here.

Flash Professional CS5 to Flash Builder 4 Workflow

I majorly used this workflow, which really made my coding process faster and easier. I designed the game UI in Photoshop CS5 and imported assets, built the layout in Flash Professional CS5. Later coded the app in Flash Builder 4. It was a piece of cake to use the code hinting in Flash Pro CS5 and also code & debug in Flash Builder 4.

According to the image above, the whole project structure was just one .fla file with one main ActionScript file. Making it run on different devices involves publishing for different platforms. This was just 2 in my case. Flash Player and AIR. I just had to change that in the Publish Settings of my Flash Professional CS5.

Support for Accelerometer

This game can also be played on devices supporting Accelerometer. To accomplish this, I used Accelerometer.isSupported API to determine if Accelerometer was supported on the platform that is running the game. If returned true, I create objects and write listeners. If returned false, I ignore the logic of using Accelerometer and instead, make use of touch/mouse controls and keyboard events.

Support for AIR

I am yet to just click a mouse button and set the publish settings of the .fla file to publish the content to AIR 2. That’s all there is to it. I have made use of Capabilities.playerType to determine if the content runs on Flash Player or AIR and based on this, I enable/disable AIR specific features to my content.

Source Code

You can find the source code here – Source: One Code, Multiple Screens

You may play the game for fun – Crazy Gems 2

Crazy Tower is a game based on the famous “Tower of Hanoi” myth. This game involves 3 rods, one through which wooden circular pegs (discs) rest in ascending order. The objective of the game is to move the entire stack of pegs, arranged in order of size from first rod, to the last rod. At any point of time, a bigger peg cannot be placed on a smaller one. Enjoy the thrilling legend right on your mobile phone trying to take the minimum number of steps to complete each level and attain victory.

The game starts with 3 pegs in the 1st level and ends with 8 pegs in the 6th level. Taking one wrong move could prove fatal needing 100s of moves to get back on track.

Here are some screen shots of the same: -

Each level has two gems more than the previous ones and 4 levels in total extending up to 8 gems in each zones.

Developer: Hemanth Sharma

(See more on Showcase)

Get more information and download this content from the below link -

http://www.hsharma.com/projects/crazygems