Step 1
Choose File > Open. Open a Flash movie you have created.

Step 2
Choose File > Export Movie.

Step 3
Name the file “somefilename.swf”. Choose the location where the file is to be stored (in your Web folder). Click OK.

Step 4
Open the HTML page where you want to insert your Flash movie. Insert this code:

<object width="550" height="400">
<param name="movie" value="somefilename.swf">
<embed src="somefilename.swf" width="550" height="400">
</embed>
</object>

Note: This is the minimum code you need to embed a Flash movie in a browser. A broken icon will appear on the Web page if the user does not have the Flash plug-in installed.

Note: In the code above there is both an <embed> tag and an <object> tag. This is because the <object> tag is recognized by Internet Explorer, and Netscape recognizes the <embed> tag and ignores the <object> tag.

Step 5
Type in the address of the HTML file in your browser and look at your first Flash movie.
]]> http://flashnew.wordpress.com/2009/04/03/flash-in-html/feed/ 0 flashnew http://flashnew.wordpress.com/2009/03/27/zoom-in-zoom-out/ http://flashnew.wordpress.com/2009/03/27/zoom-in-zoom-out/#comments Fri, 27 Mar 2009 18:47:48 +0000 flashnew http://flashnew.wordpress.com/?p=73 ]]> This tutorial will teach you how to create a simple zoom in & zoom out animation with fade-in and fade-out effect in Flash.

You can use this zooming effect on any image or text. Please note:

1. You need to have Flash Player 8.0 installed to view the Flash animation.

2. You need Flash to create the animation. STEPS TO FOLLOW * Open a new flash file (Ctrl+N).

The New Document window will appear. Select General panel and choose Type: Flash Document. Press OK. * If your timeline window is not open, press (Ctrl+Alt+T).

Now you can see a single Layer called “Layer1″ in your timeline Window.

* Select the first frame. Import a background image onto stage, preferably an image of a street by clicking on File>Import>Import to Stage, or just press (Ctrl+R).

*Press F8, to convert this image to a symbol. Name this Symbol “background_gr” and choose graphic behavior. Press OK. Name this Layer “bg”. On the 35th frame press F6 to insert a new frame

* Select the second layer. Import an image or create a shape of a car using shape tools from the tool box. Press F8, to convert this image to a symbol. Name this Symbol “car1_m” and choose movie clip (F8). Press OK. Name this Layer “car1″.

* Select the image(car1_m) >right click>edit in place. Now you will come to a new timeline Window called Symbol2

* On Frame1 of Symbol2 convert the image to a graphic (car1_gr). Go to the Properties Bar>Color>Alpha>0%. In Frame5 insert a new Key frame (Press F6) and change Alpha to 100% and make the image small.

* Right click in between Frame1 and Frame5 and press motion tween.

* Add one more Key Frame in Frame20. In this frame make the Image(car1_gr)bigger and move it out.

* On Frame25 insert a new key frame and change Alpha to 0% . Insert motion tween in between frame5-20 and Frame20-25.

* Now press (Ctrl+Enter) to view your motion tween. * Continue to do this for your other car images. Remember to insert only ONE symbol/image in ONE new Layer only.

1. The most important stage! Choose a nice bright primary colour or use grey for plain glass. Then set your fill colour to your desired shade. Set your line colour to a slightly darker version of your fill colour.

2. Create a new Movie Clip symbol (Insert > New Symbol). Name it something relevant (“Orb”,”Shiny” etc) and click OK. Select the Oval tool and create a circle (hold down Shift) approximately 200 pixels wide.

3. Now select the filled area of the circle and bring up the Colour Mixer window. On the Colour Mixer window click on the paint bucket to make sure the fill is selected.

4. Now in the drop down menu select ‘Linear Fill’. Your circle will have a gradient fill fading from black on the left to white on the right! Change the fill so that it starts with a dark shade of your colour and ends with a light shade.

5. Now select the “Fill Transform Tool” and click on your lovely gradient fill. Use the rotate fill handle to rotate the gradient fill until the dark shade is at the top and the light shade is at the bottom.

6. Select the first filled circle and copy it (Ctrl+C), create a new layer and “Paste it in Place” onto the new layer (Ctrl+Shift+V).

7. Select the filled circle you have just made and go back over to our old friend the Colour Mixer window. This time select Radial Fill in the drop down box. Set up the fill so that the outside of your circle is a dark shade of your colour with an Alpha value of 70%. Then set the inner colour’s Alpha value to 0%.  This should create the shadow around the edge of your Orb. [hopefully you'll have something like this!] [ hopefully you'll have something like this! ]

8. Make another copy of the circle by selecting the second filled circle and copying it (Ctrl+C). Then create a new layer and “Paste it in Place” onto the new layer (Ctrl+Shift+V).

9. Select this new fill, go to the Colour Mixer window and select radial fill from the drop down menu. Set up the fill so that it blends from white with 100% Alpha value in the centre to white at 0% Alpha at the edges.

10. Select the “Fill Transform Tool” and move the fill vertically upwards so that it’s centre touches the top of the circle.

11. Select this fill and use the Transform window to shrink the fill horizontally by about 6%. Now use the cursor keys to move the fill down a few pixels. And hey presto a shiny orb to impress your friends and family with! Extra Stuff.

Step2:

Add a layer and label it ‘text’. You can putadditional static text onthislayer that will not be animated as shown in ourexample. Type in theword ‘motion’ and thentype in the word’blur’.

Step5: Select frame 20 and stretch out the text by choosing ‘Modify

| Transform | Scale‘. Then choose ‘Alpha’ from theEffect Panel. Set the slider to ’30′ to fade out the blur.Test your movie, it should resemble the text blur to theright.

choosing 300 x 250 for this example. Choose any contrasting color for the background. Select frame 1 and create the first letter of your word. Convert it to a symbol, cut and paste frame 1 onto frame 15.

Step 2: Select frame 1 and create the first letter of your word. Convert it to a symbol, cut and paste frame 1 onto frame 15.

Step 3: Click anywhere between the two frames and create a motion tween with CW rotation. Click on frame 15, select the letter and drag it outside of the stage area. Rotate and scale the letter.

Step 4: Add a new layer and repeat all steps for each letter you want to add. Use ‘Window | Panels | Align’ to bring up the panel. Select all, then line the text up. Your movie should look like the one here. You can select the last frame of the top layer and put a stop action on it to keep it from looping.

1. Flash Racing Game Tutorial

This is a “time trial” racing game tutorial. After completing it, you will be able to make your own racing game with custom tracks and cars, smooth collisions, lap records and more.

2. Balloon Shooter

It is a shooting game where player / user have to shoot the flying balloons and gain the points. There are orange colored balloons, which gives player / user extra bonus points. Player / user get 1-minute time to play this game, within this period he / she need to shoot as many as balloons he / she can. For every missed balloon, separate score is maintained.

Note:For this one,we will have utoring on how to do shooting and hit the object.

3. Guess Next

GuessNext, a simple card game with highscores.

4. Space Shooter

Its a series of tutorials on how to develop Space Shooter game.

5. Platform Game Tutorial Redux: All The Basics

This tutorial will show you all the basics of creating a platform game, Collisions that automatically move up slopes, Jumping, Moving, Simple Scrolling, Basic AI, and health

6. Make a dynamic hangman game with XML and ActionScript

This tutorial is intended for intermediate or advanced users of ActionScript. Before continuing with this lesson, you should already know some fundamental ActionScript concepts, such as variables, if/else conditional logic, for loops, function basics, paths, dynamic text fields and movie clip events.

7. Snake Game Tutorial

The “snake game” (it has several names) is one of the simplest game concepts ever, and just like Tetris it’s very addictive. There are a lot of variations of this game written in Flash, and this tutorial will explain one way to create it. It’s a relatively easy game to code, but many fail to make sure that when keys are pressed in rapid succession they are all registered. This is necessary if you want to have full control of the snake at all times.

8. Create a survival horror game in Flash tutorial

From Wikipedia: Survival horror is a video game genre in which the player has to survive against often undead or otherwise supernatural enemies, typically in claustrophobic environments and from a third-person perspective. This is the tutorial of a new and very funny game that introduce some concepts I’ve never seen before in a Flash game.We’ll learn how to create the engine for a survival horror game.

9. Creating a Flash Lite Game Tutorial (Flash game for Mobile Devices)

The game we will create is a very basic arcade game, the player merely collects the objects before they reach the ground. If he fails to collect three objects then the game ends. This tutorial will teach you how to create a Flash Lite game playable on the Flash Lite Player version 1.1 – one of the earliest versions and most restricted, but the most widely spread version as well. Our basic game could be created without using the advanced features provided in later versions. Adopting Flash Lite 1.1 will guarantee that the game will be compatible with the largest possible number of Flash Lite powered devices.

10. Flash dodge ball game

This tutorial teaches to create a dodge ball game in Flash. This is going to be a very long tutorial so even newbies should be able to follow it, and hopefully learn a lot, and to see how easy it is to make games in Flash. It is divided into 7 parts, from making of the character to getting points.

11. Create a flash artillery game

This tutorial teaches you to create a flash artillery game. Something like Worms. Or similar.

12. Creating a Sniper Game in Flash

It teaches you to create a Snipper Game in Flash. The step by step tutorial will be very helpful for you to create similar games in future..

Part 1- http://www.worldfaction.com/forums/showthread.php?t=44

Part 2- http://www.worldfaction.com/forums/showthread.php?t=48

Part 3- http://www.worldfaction.com/forums/showthread.php?t=63

13. Chicken and Eggs Game

This tutorial going to teach you create one of the most popular game in Flash – Chicken and Eggs This tutorial only explain the logic used by the game and will not go into creating the graphics. You will need to change the used Movie Clip graphics to personalize the game to your liking. Also remind you that using the same graphics of the original game could be illegal.

14. Mini Car Race Game

People show you how to make your car move, or a car with boundarys – but you may wonder how to make your own mini-game.. good animaters will find the CPU part alot easier by the way.

15. Flash ball game with visual effects

This tutorial I’ll cover two types of gameplay: one with the ball that runs on a static stage, and one with a fixed ball with a scrolling stage. We’ll see the pros and cons of both type of games.First of all, you have to take your ball to the exit of each level avoiding any kind of traps.

16. Flash Fighting Game tutorial

Learn how to make a Fighting Game with this simple and good tutorial. Learn how to make HP bars, hitTest function and more

17. Simple Jigsaw Puzzle Tutorial

The aim of the project is to demonstrate the object oriented capabilities of Flash. This is a simple four piece jigsaw puzzle, programmed with ActionScript. The coding is done in such a way that new puzzles can be created using the same file, with very little effort.

Note:For this game .it only using drag and drop object.I will have another tutorial on that too.

18. Basic Flash Hit Game Tutorial (Video Tutorial for Beginners)

This tutorial teaches how to Create a character, move it, create buttons, basic hitting, and use health bar.

19. Create a flash game like Security 2

This is one of the interesting games in Flash which is created in logic of the game Security 2 . It’s a simple game: navigate through a level by using the arrow keys avoiding security traps and guards. This one is easy do develop but so interesting about artificial intelligence.

20. Complete Flash pool game with high scores

This is one of the very latest flash game developed by Alejadro Quarto, from Argentina. You can download the source file from the blog of Emanuele Feronato. Alejandro made this game in a day! The step by step tutorial is yet to be published. Still you can download the source file now

If you see some websites like ,360 city like: http://www.panorama-cities.net/html/virtual_tours.html

we are going to make one by using arrow keys for the user to see the city.

1- We need panorama picture.You can make one in Photoshop.

You need to take a picture of the view that you like with some overlays,then import them in Photoshop go to File/Automate/photomerge

here is the place photo shop gives you option how you want to see you Panorama.After making your Panorama.Then cop it and make one picture like this:

2-Now open your flash and import your picture into your stage.If you are wondering that the user should see whole image or not.

My image has the 3000px in width and 2000px in height,but I put my background in 800px, width and 400px ,height.

then convert your picture to Movieclip.Make sure your movieclip has the instance name,later wwe want to to talk he movieclip in our action script.

3- make a new layer and name it action.

Now we want to make arrow keys to be functional so when user hold the left key our photo will be moved 5 pixel to the left,and so on.

For this reason we are using KeyboardEvent:

Now our photo is moving but we don’t want our user see the background we want to trick them.In order for that we make the limit box that users can not go further than this limitations.

if you test your file it should be working.

Here is my first tutorial,so let me know how is my tutorial and if you think my steps is fast or slow,to make it better for next one.

Step 1.

First,create a new layer and name it cursor.(if you don’t name it it is fine because after that we gonna delete the layer)

Now on the cursor layer ,You can feel free and made your desire mouse.I used Illustrator’s Symbol and import in flash.

Step2.

After you have your own Mouse,then we are going to convert it to a MovieClip,so event press f8 or go on your menu bar.Click on Modify /Covert to symbol

Name it cursor_mc and choose your type as Movie Clip then Click OK.

Step3.

Now go to your library and click right on the cursor_mc that we had made and choose Linkage.

The reason we are using Linkage we want to make a class to use it in our Action Script.

Note: If you are using Flash CS4 on the right click over the curosor_mc choose Properties.

then the window will pop up like this:

Check the Exprt for Action script box and type Cursor in class make sure write it with capital becuase the action script in case sensetive.Click OK.

Step4.

Now create new layer above the cursor layer and name it action.Then go back on your cor layer and delete the cursor n the screen.Don’t worry we  will show our mouse with action script:D

ready for writing some Action script: open your action window(if you can not find it go Window/Action)

//First we are making a cursor in movie clip

var cursor:MovieClip;

//we connect the movieclip with our class Cursor that already linked it
cursor= new Cursor();

//add Cursor to the stage
addChild(cursor);

//diasble the cursor
cursor.enabled= false;

// we are hiding the real mouse when it comes to the stage

Mouse.hide();

//We add an Event to talk to our MovieClip to have the same X,Y posistion as real mouse

stage.addEventListener(MouseEvent.MOUSE_MOVE, dragCursor);

function dragCursor(event:MouseEvent):void
{
cursor.x = this.mouseX;
cursor.y = this.mouseY;
}

That is it:D

]]> http://flashnew.wordpress.com/2009/01/30/how-to-make-a-custome-cursor/feed/ 0 flashnew Inserting Mouse Converting to a MovieClip Linkage AS