|
Dear
Friend,
Hello
& welcome back to Firewire,
your friendly guide to the exciting world of web-design
& web-solutions!
Some
time client’s nature of business is such, which
requires offering free entertainment tool. Flash game
comes handy here! Other scenario is when your site is
going to take little long to load, (May be due to heavy
graphics which is must for products displayed on the
site) you can offer small game in the corner which keeps
visitor busy while your site loads
In
this newsletter we are going to make small Flash Game.
This also counts the score and shows previous as well
as the highest scores.
Click
here to download the source (.fla) file.
|
1.
Create a new movie with dimensions of
150px.
X 280px. and
fps = 29
with White color as Background
Color
1. Select frame 1
on Layer 1
2. Create a rectangle with dimensions of
150px. X
280px. and apply 3 colors with white lines as shown
in the image. The
major portion of the rectangle should be of 150px.
X 205.5px.
3. Choose Insert
> Layer to insert a new layer above Layer
1.
4. Create an Orange
rectangle with dimensions of 138px.
X
190px.
5. Insert one more layer for texts like Highest
and Previous Scores and with the help of Text
Tool type Highest Score and Previous
Score as shown in the image.
6. With the help of Text Tool
type text 'Chances' as shown in the image.
7. Choose File
> Import to import any small graphic as a name
of the game. Here we have imported speedball.png
(To import Choose
File > Import)
8. Select frame
1 of all layers and choose Insert
> Convert to Symbol. Convert it into a Movie
Clip (Choose
Insert > Convert to Symbol)
with the center
Registration point selected
and name it as 'background1'
1.
Select background1 movie clip, convert it into a Movie
Clip (Choose Insert > Convert
to Symbol) with the center Registration
point selected and name it as 'game'
2. Rename the layer as 'Game' and delete other blank
layers.
3. Double click the game movie clip to go inside it.
4.
Rename the layer as 'Background 1'
5. Insert a new
layer and name it as 'Highest Score'
6. Select the Text Tool
and in the Properties panel
make the settings as shown in the image with Center
Justify option 'ON'.(If Properties panel is
not opened then choose Window >
Properties) Create
a text field below the text 'Highest Score'
7. In Properties
panel type Variable as '_root.highscore'
8. Similarly, insert
a new layer for 'Previous Score' and make a separate
text field with Variable name as '_root.prevscore'
9. Insert a new layer above 'Previous Score' layer
and rename it as 'Click Button'
10. Using Text Tool type
'click to play' with 'Static Text' as Text
type in the Properties
panel.
11. Select the text and convert it into a Button (Choose
Insert > Convert to Symbol)
with the center Registration
point selected and name it as 'click play'
12. Double click
the click play button to go inside it and rename the
layer as 'Click Play'
13. Select frame at 'Hit'
stage and choose Insert > Frame
14. Insert a layer over Click Play layer and drag
it downward so that it appears below Click Play
layer
15. Select frame at 'Hit'
stage and choose Insert > Keyframe
16. Draw a rectangle patch as a 'hit area' of the button
17. Come back into
game movie clip.
18. Select click play button and choose Window
> Actions
19. In the Actions panel
type the following actions
| on
(release) { |
| |
gotoAndPlay(2); |
| } |
// This action will
start the game as soon as 'Click to Play' button is clicked.
1. Insert a new
layer above Click Button layer and rename it as
'Life'
2. Create a gradient ball and convert it into a Graphic
(Choose Insert > Convert to Symbol)
with the center Registration
point selected and name it as 'life ball'
3.
Select the life ball graphic and convert it into a
Movie Clip and name it as 'life'
4. Double click the life movie clip to go inside it
and rename the layer as 'Life Ball'
5. Select frame 8 and choose Insert
> Keyframe
6. Select life ball graphic at frame 8 and in
the Properties panel set
'Alpha=0'
7. Choose Window
> Transform and in the Transform
panel, type 10 in Width
or Height field keeping
Constrain option 'ON'
|
