Syndicate

Flash Jam Site

Featured Articles

Flower Rain


Creating a Flower Rain

You can create a rain of flowers using Flash. To do this, follow the steps given below:

1. Open a new Flash document, set the stage size to 800px X 400 px and the Frame rate to 30 fps.

2. Click Insert –> New Symbol,name the symbol Flower and choose Movie clip as its behavior.

    

    

3. Draw a flower on to the movie clip and fill color.

    

4. Go back to the main timeline, Insert another symbol by clicking Insert –> New Symbol. Name the symbol background and choose Movie Clip as its behavior.

    

5. Insert 2 layers and name them starting from top:

    � Actions

    � Background

    

6. Click the 1st frame of the Actions layer, right click –> Actions.

    

7. Click �+� –> Global Functions –> Timeline Control –> Stop.

    

8. Click the background layer and insert a rectangle with no fill. Approximately set the rectangle to 800 px X 400 px.

9. Go back to the Main Timeline by clicking scene 1.

10. Insert 3 layers and name them starting from top as:

    � Actions

    � Flower

    � Background

    

11. Click frame 1 on background layer, Drag and Drop the background Movie clip on to the stage.

12. Click frame 1 on flower layer, Drag and drop the flower movie clip on to the stage as shown:

    

13. Now, select the flower and name its instance as flower.

    

14. Click the 1st frame on the actions layer and right click –> actions. Now paste the following action script:

stop();

import mx.transitions.Tween;

import mx.transitions.easing.*;

flower._visible = false;

var i:Number = 1;

var total:Number = 500;

onMouseMove = function()

{

var gm = flower.duplicateMovieClip(”gm” + i, total - i );

scale = random(60) + 41;

position_x = _xmouse + random(120) - 60;

position_y = _ymouse + random(60) - 30;

new Tween(gm, “_xscale”, Strong.easeOut, 10, scale, 2, true);

new Tween(gm, “_yscale”, Strong.easeOut, 10, scale, 2, true);

new Tween(gm, “_alpha”, Strong.easeOut, 20, scale, 2, true);

new Tween(gm, “_x”, Strong.easeOut, _xmouse, position_x, 2, true);

gm_tween = new Tween(gm, “_y”, Strong.easeIn, position_y, 400, 2, true);

gm_tween.onMotionFinished = function()

{

removeMovieClip(gm);

}

if(i >= total)

{

i = 1;

}

i++;

}

15. Save your Work and Test Movie.

    

Download .fla File of Flower Rain

Download .swf File of Flower Rain

Comments (0)

Glowing Effect


Glowing Effect

You can create a glowing effect to your text using Flash. All you need to do is follow the steps given below:

1. Open a new flash document.

2. Draw a rectangular block using the rectangle tool at the center of the page and give it a color fill.

3. Choose the text tool and type a message. Align the text to the center of the page as shown below:

    

4. Select the text using the selection tool, Click Filter.

    

5. Choose the �+� sign to add a filter and choose Glow.

    

6. Change the following:

    � Blur X to 14

    � Blur Y to 14

    � Strength to 100

    � Quality to Low

    

7. Make this into a movie clip by clicking Modify –> Convert to Symbol. Name the symbol Movie and select Movie as its behavior.

    

8. Click the Movie from the library and Select the text.

9. Click the 10th frame and Insert KeyFrame

    

10. Click Filter�Glow, and change the effects as shown:

    � Increase the strength to 450%

    � Change Quality to Medium.

    

11. Click 20th frame and Insert KeyFrame

12. Create a Motion Tween between 1st and 10th frame.

    

13. Create another Motion Tween between the 10th and the 20th frame.

14. Save the Workand Test Movie.


Download .fla File of Glowing Effect

Download .swf File of Glowing Effect

Comments (0)

Water Effect


The Water Effect

You can create the ripples in flowing water using flash. To do this, just follow the steps given below:

1. Open a new Flash document and set the stage size to 400 px X 300 px and the Frame rate to 30 fps.

    

2. Click File –> Import –> Import to Stage, and insert an image onto the stage.

    

3. Align the picture image to the center of the stage using the Align and Transform tool.

4. Rename Layer 1 as Water.

5. Insert a new layer and name it Land and Sky.

    

6. Select the image, Right Click and choose Break Apart.

    

7. Select the lasso Tool and clearly select the portion of the image where you do not want to apply the water effect.

    

8. Copy the selected land area and paste in onto the Land and Sky Layer.

    

9. Go back to the water layer , select the image, click Modify –> Convert to symbol,

    

10. Name the Symbol effect and choose Movie Clip as its behavior.

    

11. In scene one, select the image and give its nstance name as Movie in the Properties window.

    

12. Create another new layer and name it Actions.

    

13. Right Click Frame 1 of the Actions layer and select actions. Type the following action script:

    

14. The action script is as follows:

15. Save your work and Test movie.

    

Download .fla File of Water Effect

Download .swf File of Water Effect

Comments (0)

Puzzle Game


Puzzle Game

This is a Brainteaser�. Using Flash you can create this puzzle game. Just follow the steps given and create your own puzzle�

1. Open a new flash document; set the stage you the size you choose.

2. Initially you need to create a Board. The design is your choice.

    

3. But remember that when you design the board, select the board using the selection tool, click Insert –> Convert to Symbol. Name the symbol Board and choose Graphic as its behavior.

    

4. Once the board is ready, Click Insert –> New Symbol, name the symbol Hole and choose Movie Clip as its behavior.

    

5. Design a Hole as shown. This needs to be inserted on the board to fit in the Pegs.

    

6. Now you need to create a Peg. Click Insert –> New Symbol, name the symbol Peg and choose Button as its behavior.

    

7. Insert a KeyFrame on the Hit event.

8. Create a reset button to reset the puzzle. To do this Insert –> New Symbol. Name the symbol Reset and choose Button as its behavior.

    

9. Insert a KeyFrame on Over and Hit events.

    

10. Click Insert –> New Symbol, name the symbol dragpeg and choose Movie clip as its behavior.

    

11.Select the peg, Right click –> actions,

    

12. Insert the following action script:

on(press) {

startDrag(getProperty(_x, _y));

OrgX = getProperty(”", _x);

OrgY = getProperty(”", _y);

}

on (release) {

stopDrag();

setProperty(”", _y, OrgY);

setProperty(”", _x, OrgX);

if (_name eq “p1″ and Number(getProperty(”/p3″, _visible)) == 1 and Number(getProperty(”/p7″, _visible)) == 0 and _droptarget eq “/h7″) {

setProperty(”/p1″, _visible, “0″);

setProperty(”/p3″, _visible, “0″);

setProperty(”/p7″, _visible, “1″);

}

if (_name eq “p1″ and Number(getProperty(”/p2″, _visible)) == 1 and Number(getProperty(”/p5″, _visible)) == 0 and _droptarget eq “/h5″) {

setProperty(”/p1″, _visible, “0″);

setProperty(”/p2″, _visible, “0″);

setProperty(”/p5″, _visible, “1″);

}

if (_name eq “p1″ and Number(getProperty(”/p4″, _visible)) == 1 and Number(getProperty(”/p9″, _visible)) == 0 and _droptarget eq “/h9″) {

setProperty(”/p1″, _visible, “0″);

setProperty(”/p4″, _visible, “0″);

setProperty(”/p9″, _visible, “1″);

}

if (_name eq “p2″ and Number(getProperty(”/p6″, _visible)) == 1 and Number(getProperty(”/p10″, _visible)) == 0 and _droptarget eq “/h10″) {

setProperty(”/p2″, _visible, “0″);

setProperty(”/p6″, _visible, “0″);

setProperty(”/p10″, _visible, “1″);

}

if (_name eq “p2″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p12″, _visible)) == 0 and _droptarget eq “/h12″) {

setProperty(”/p2″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p12″, _visible, “1″);

}

if (_name eq “p2″ and Number(getProperty(”/p3″, _visible)) == 1 and Number(getProperty(”/p4″, _visible)) == 0 and _droptarget eq “/h4″) {

setProperty(”/p2″, _visible, “0″);

setProperty(”/p3″, _visible, “0″);

setProperty(”/p4″, _visible, “1″);

}

if (_name eq “p3″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p11″, _visible)) == 0 and _droptarget eq “/h11″) {

setProperty(”/p3″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p11″, _visible, “1″);

}

if (_name eq “p4″ and Number(getProperty(”/p3″, _visible)) == 1 and Number(getProperty(”/p2″, _visible)) == 0 and _droptarget eq “/h2″) {

setProperty(”/p4″, _visible, “0″);

setProperty(”/p3″, _visible, “0″);

setProperty(”/p2″, _visible, “1″);

}

if (_name eq “p4″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p10″, _visible)) == 0 and _droptarget eq “/h10″) {

setProperty(”/p4″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p10″, _visible, “1″);

}

if (_name eq “p4″ and Number(getProperty(”/p8″, _visible)) == 1 and Number(getProperty(”/p12″, _visible)) == 0 and _droptarget eq “/h12″) {

setProperty(”/p4″, _visible, “0″);

setProperty(”/p8″, _visible, “0″);

setProperty(”/p12″, _visible, “1″);

}

if (_name eq “p5″ and Number(getProperty(”/p6″, _visible)) == 1 and Number(getProperty(”/p7″, _visible)) == 0 and _droptarget eq “/h7″) {

setProperty(”/p5″, _visible, “0″);

setProperty(”/p6″, _visible, “0″);

setProperty(”/p7″, _visible, “1″);

}

if (_name eq “p5″ and Number(getProperty(”/p2″, _visible)) == 1 and Number(getProperty(”/p1″, _visible)) == 0 and _droptarget eq “/h1″) {

setProperty(”/p5″, _visible, “0″);

setProperty(”/p2″, _visible, “0″);

setProperty(”/p1″, _visible, “1″);

}

if (_name eq “p5″ and Number(getProperty(”/p10″, _visible)) == 1 and Number(getProperty(”/p13″, _visible)) == 0 and _droptarget eq “/h13″) {

setProperty(”/p5″, _visible, “0″);

setProperty(”/p10″, _visible, “0″);

setProperty(”/p13″, _visible, “1″);

}

if (_name eq “p6″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p8″, _visible)) == 0 and _droptarget eq “/h8″) {

setProperty(”/p6″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p8″, _visible, “1″);

}

if (_name eq “p7″ and Number(getProperty(”/p6″, _visible)) == 1 and Number(getProperty(”/p5″, _visible)) == 0 and _droptarget eq “/h5″) {

setProperty(”/p7″, _visible, “0″);

setProperty(”/p6″, _visible, “0″);

setProperty(”/p5″, _visible, “1″);

}

if (_name eq “p7″ and Number(getProperty(”/p8″, _visible)) == 1 and Number(getProperty(”/p9″, _visible)) == 0 and _droptarget eq “/h9″) {

setProperty(”/p7″, _visible, “0″);

setProperty(”/p8″, _visible, “0″);

setProperty(”/p9″, _visible, “1″);

}

if (_name eq “p7″ and Number(getProperty(”/p3″, _visible)) == 1 and Number(getProperty(”/p1″, _visible)) == 0 and _droptarget eq “/h1″) {

setProperty(”/p7″, _visible, “0″);

setProperty(”/p3″, _visible, “0″);

setProperty(”/p1″, _visible, “1″);

}

if (_name eq “p7″ and Number(getProperty(”/p11″, _visible)) == 1 and Number(getProperty(”/p13″, _visible)) == 0 and _droptarget eq “/h13″) {

setProperty(”/p7″, _visible, “0″);

setProperty(”/p11″, _visible, “0″);

setProperty(”/p13″, _visible, “1″);

}

if (_name eq “p8″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p6″, _visible)) == 0 and _droptarget eq “/h6″) {

setProperty(”/p8″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p6″, _visible, “1″);

}

if (_name eq “p9″ and Number(getProperty(”/p8″, _visible)) == 1 and Number(getProperty(”/p7″, _visible)) == 0 and _droptarget eq “/h7″) {

setProperty(”/p9″, _visible, “0″);

setProperty(”/p8″, _visible, “0″);

setProperty(”/p7″, _visible, “1″);

}

if (_name eq “p9″ and Number(getProperty(”/p4″, _visible)) == 1 and Number(getProperty(”/p1″, _visible)) == 0 and _droptarget eq “/h1″) {

setProperty(”/p9″, _visible, “0″);

setProperty(”/p4″, _visible, “0″);

setProperty(”/p1″, _visible, “1″);

}

if (_name eq “p9″ and Number(getProperty(”/p12″, _visible)) == 1 and Number(getProperty(”/p13″, _visible)) == 0 and _droptarget eq “/h13″) {

setProperty(”/p9″, _visible, “0″);

setProperty(”/p12″, _visible, “0″);

setProperty(”/p13″, _visible, “1″);

}

if (_name eq “p10″ and Number(getProperty(”/p6″, _visible)) == 1 and Number(getProperty(”/p2″, _visible)) == 0 and _droptarget eq “/h2″) {

setProperty(”/p10″, _visible, “0″);

setProperty(”/p6″, _visible, “0″);

setProperty(”/p2″, _visible, “1″);

}

if (_name eq “p10″ and Number(getProperty(”/p11″, _visible)) == 1 and Number(getProperty(”/p12″, _visible)) == 0 and _droptarget eq “/h12″) {

setProperty(”/p10″, _visible, “0″);

setProperty(”/p11″, _visible, “0″);

setProperty(”/p12″, _visible, “1″);

}

if (_name eq “p10″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p4″, _visible)) == 0 and _droptarget eq “/h4″) {

setProperty(”/p10″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p4″, _visible, “1″);

}

if (_name eq “p11″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p3″, _visible)) == 0 and _droptarget eq “/h3″) {

setProperty(”/p11″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p3″, _visible, “1″);

}

if (_name eq “p12″ and Number(getProperty(”/p11″, _visible)) == 1 and Number(getProperty(”/p10″, _visible)) == 0 and _droptarget eq “/h10″) {

setProperty(”/p12″, _visible, “0″);

setProperty(”/p11″, _visible, “0″);

setProperty(”/p10″, _visible, “1″);

}

if (_name eq “p12″ and Number(getProperty(”/p8″, _visible)) == 1 and Number(getProperty(”/p4″, _visible)) == 0 and _droptarget eq “/h4″) {

setProperty(”/p12″, _visible, “0″);

setProperty(”/p8″, _visible, “0″);

setProperty(”/p4″, _visible, “1″);

}

if (_name eq “p12″ and Number(getProperty(”/p7″, _visible)) == 1 and Number(getProperty(”/p2″, _visible)) == 0 and _droptarget eq “/h2″) {

setProperty(”/p12″, _visible, “0″);

setProperty(”/p7″, _visible, “0″);

setProperty(”/p2″, _visible, “1″);

}

if (_name eq “p13″ and Number(getProperty(”/p11″, _visible)) == 1 and Number(getProperty(”/p7″, _visible)) == 0 and _droptarget eq “/h7″) {

setProperty(”/p13″, _visible, “0″);

setProperty(”/p11″, _visible, “0″);

setProperty(”/p7″, _visible, “1″);

}

if (_name eq “p13″ and Number(getProperty(”/p10″, _visible)) == 1 and Number(getProperty(”/p5″, _visible)) == 0 and _droptarget eq “/h5″) {

setProperty(”/p13″, _visible, “0″);

setProperty(”/p10″, _visible, “0″);

setProperty(”/p5″, _visible, “1″);

}

if (_name eq “p13″ and Number(getProperty(”/p12″, _visible)) == 1 and Number(getProperty(”/p9″, _visible)) == 0 and _droptarget eq “/h9″) {

setProperty(”/p13″, _visible, “0″);

setProperty(”/p12″, _visible, “0″);

setProperty(”/p9″, _visible, “1″);

}

count = 0;

loop = 0;

while (Number(loop)<=13) {

loop = Number(loop)+1;

if (getProperty (”/p” add loop, _visible ) == 1) {

count = Number(count)+1;

}

}

if (Number(count) == 1) {

tellTarget (”/”) {

gotoAndStop(”win”);

}

}

}

on (release) {

}

13. Go back to the Main Timeline by clicking scene1.

14. Drag and Drop the Board graphic on to the stage.

15. Drag and drop the hole movie clip from the library to each and every corner of the stage and the intersection of 3 lines on the board.

    

16. Similarly place all the holes on the board and for every hole you drag change its instance name to h1,h2,h2,h4��..up to h14

    

17. Once all the holes are placed, now drag and drop the pegs one by one onto the holes and give the instance name as p1,p2,p3,��.. Till p13.

    

    

18. Drag and drop the Reset button from the library onto the top left corner of the stage.

19. On the main timeline, create 3 layers, starting from top name them:

        � action

        � pegs

        � board

    

20. Click the pegs layer, on the 1st Frame insert a KeyFrame then right click –> actions,

    

21. Type the following action code:

setProperty(”/p1″, _visible, “1″);

setProperty(”/p2″, _visible, “1″);

setProperty(”/p3″, _visible, “1″);

setProperty(”/p4″, _visible, “1″);

setProperty(”/p5″, _visible, “1″);

setProperty(”/p6″, _visible, “1″);

setProperty(”/p7″, _visible, “1″);

setProperty(”/p8″, _visible, “1″);

setProperty(”/p9″, _visible, “1″);

setProperty(”/p10″, _visible, “1″);

setProperty(”/p11″, _visible, “0″);

setProperty(”/p12″, _visible, “1″);

setProperty(”/p13″, _visible, “0″);

22. Click the actions Layer –> Insert KeyFrame.

23. Click the 2nd Frame and Insert KeyFrame, then right click –> actions and type:

stop();

24. Click the 3rd Frame and again Insert KeyFrame and insert the stop action code in it.

25. On the 3rd frame, Insert a text box using the text tool and Type� U R a Winner� in it.

    

26. On the Main Timeline, select the Reset button –> right click –> actions.

    

And type the following action script:

on (release) {

gotoAndPlay(1);

}

    

27. Save your work and Test Movie.

    

Download .fla File of Puzzle Game

Download .swf File of Puzzle Game

Comments (0)

Twinkling Transition


Twinkling Transition

This is a wonderful transition that is applied to images. The images just slides away creating a photo album. Just follow the steps given below:

1. Open a new Flash Document, set the stage size to 400 px X 350 px.

    

2. Name the existing layer as Background. Insert 2 new layers and name them starting from top as: Actions, and Pictures

    

3. Click the background layer and draw a rectangle of 400X50 dimension and fill color #666666.

    

4. Align the rectangle to the bottom of the stage.

5. Now draw 2 buttons to depicts the next and previous.

        

6. Select the button, click Modify–>Convert to Symbol,

    

7. Name the Buttons Next/Prev and choose Button as its behavior.

    

8. Choose the Picture layer, From Frame 1 to 4 Insert KeyFrames. Make sure you insert each image on one KeyFrame.

9. Now you need to import images on to the library.

10. Click File–>Import–>Import to Library, and insert 4 images.

    

11. Click each KeyFrame you have created and drag the Image from the library onto the stage.

12. As soon as you drag one image onto the stage, select the image using the selection tool and click Modify–>Convert to Symbol,

    

13. Name the Symbol Picture1 and choose Movie Clip as its behavior.

    

14. Similarly convert each image into a movie clip.

    

15. Double click the Movie clip, click Layer1.

16. On layer1 insert KeyFrames from Frame 1 to Frame 6.

    

17. On the last KeyFrame Right click and choose Actions.

    

18. Type the following action Script:

stop();

19. Repeat the same thing for all the Images that have been converted to Movie Clip.

20. Go back to Scene 1, lock the Picture Layer.

21. Select Frame 5 and insert Blank KeyFrame.

22. Now choose the actions Layer, Right Click the 1st Frame and choose Actions,

    

23. Type the Following Action Script,

stop();

var contor=0;

prev_btn.onRelease=function(){

contor=(contor+4)%5;

_root.gotoAndStop(contor+1);

}

next_btn.onRelease=function(){

contor=(contor+1)%5;

_root.gotoAndStop(contor+1);

}

24. Save your Work and Test Movie.

    

Download .fla File of Twinkling Transition Effect

Download .swf File of Twinkling Transition Effect

Comments (0)

Where is Action Script and Flash taking us, particularly in the world of interactive website media, Web 2.0, and newfangled social interenet boom? According to Flash programmer Jim Berringer, as the web continues to grow and reach new demographic groups, Flash will play an extremely important role. Writes Berringer, "The thing about flash is that good designers and Action Script coders can make websites extremely user friendly. Whereas in the past, one had to have an 'introductory' course to the workings of the internet, Flash driven websites are simple: point, click, interact, have fun!". Increasingly, Flash is becoming the choice application for e-commerce, including the highly successful e-wallet www.payspark.com, (run by CSC247) that gives its users the ability to send and receive money, along with an ATM card for withdrawal privileges around the world. Payspark caters mostly to the Euro-gaming community, with focus on the online casinos market vertical. USA clients are not allowed, due to recent legislation enacted by the US Congress now 12 months ago. By far, however, www.payspark.com feeds most of its clients to online casinos. Flash casino and poker platforms are nothing new, but a consolidated flash deposit, play, and withdrawal method is. In effect, the USA is really missing the boat: in the fall, when NFL Betting drives most sports betting operations, USA customers must jump through hoops and clear hurdles imposed by the banking community. Instead of hampering these transactions, the banks should lobby Congress for the right to process money per the will of their clients. Writes Tim Hathaway, a Libertarian think-tank member, "People are being deprived of basic rights to gamble online if they want to. Speaking personally, I love NFL Betting from fall up until the Super Bowl. And why not? It's my right to spend my money as I see fit. Its time for the government to take a more laissez faire approach and leave me alone." Football is not the only sport where betting is popular: in the winter and during the famed "March Madness" college sports season, basketball betting is hugely popular. This means that e-wallets like www.payspark.com need to have solid Flash programming and latency year 'round - because of the importance of financial transaction safety and security. In the end, most people feel the USA legislation only hurts the US economy. According to Dan Lander, a liberal activist, "If I want to play online blackjack it's my business...but, the government can regulate this industry, tax it fairly, and we'll see strong growth in the jobs sector for web hosting, programming, IT, and management."

Oldies, but Goodies!

Shape Tweening

Shape Tweening

You can change a bird into a flower� a circle into a square … to do this just follow the steps given below:

1. Open a new Flash Document; give a background color to the stage.

2. Draw an object of your choice on Frame 1. I have drawn a house.

    

3. […]

Sword Game

Sword Game

Create this wonderful game in which a macho man has to jump and take his sword. Once he gets the Sword it means he is ready to Fight. Else he has failed in his attempt.

Just follow the steps given below to create this game:

1. Open a New Flash Document set the Frame rate to […]

Greeting Card

Greeting Card

Using Flash you can create a beautiful greeting card.

This movie contains 3 main parts:

    � Background picture

    � Snow

    � Greeting text

Setting the background picture

You are free to choose any image as a background image. I have used a winter theme. May be you want to wish a friend so go ahead in choosing a Birthday […]

The Story of Stuff

An animation movie by Free Range Studios. Its pretty amazing what this conscientious crew have created. Everyone should watch this video, it presents a very important message. Below is a quote from the site:
“From its extraction through sale, use and disposal, all the stuff in our lives affects communities at home and […]

“After the town pays off the initial bonds required for the flash programming for gaming school,” said Lightner Sivia, “a very slight increase to local taxes will be added to fund operations”

The flash programming for gaming school will offer three sub-disciplines of study, fine arts, music, graphics, and a host of other general studies programs, so that students get a well-rounded education. Department of English chairperson Starcic Rumple had this to say: “I’m really impressed by the planning that went into this flash programming for gaming […]

More Information

Our Friends