Flash MX实战精选：石头剪子布

图由心生

版主

Rank: 7 Rank: 7 Rank: 7

1^# 大中小发表于 2007-6-23 16:09 只看该作者

Flash MX实战精选：石头剪子布

一、实例说明( h  W  \# E( m) x" w5 h2 J  q2 x9 _
/ T% K/ h4 o3 R% z! ]
, z% O+ ~6 G! O6 a
$ F5 V& ]: L" ^1 l9 X6 F! v5 w6 n
. j7 d, h. \3 B4 x7 J2 {

　　这是一个古老的游戏，几乎每个人小时候都玩过，现在用Flash编制一个游戏程序，通过这个程序，能了解一些Action的高级应用。8 C$ D1 [1 ]: K" s) t
+ [( k0 B- r* U$ v

" b% F4 r  e7 ?5 q  z& r
* G4 O$ l' V6 c: q# g, Q
　　二、有关知识

% W1 v* n9 u3 f1 E8 t
+ M& b8 J  v+ @9 A
* b+ I8 F( k  U, \
　　绘制实例，Action编程，按钮的制作及设置，变量。

! S0 f; t4 J  h, v$ `1 n& ]

　　三、制作过程2 f) r2 H( G4 Q+ `& [( @
  K/ }% c7 Y# M
" L  }0 M) Z9 X! z9 N
: O- U* B6 ^# x* y  ^

　　步骤1：打开Flash，建立一个新文件。
/ X: E5 K9 p* J! n$ t1 _5 z

: N% G5 p7 E# {# A% _
　　步骤2：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选图像（Graphic），命名为“gr背景”，用绘图工具在工作区画一个背景图形，如图1所示。; f& Q* \8 }& K$ I7 S" w

" n+ v8 k6 Z- I& r8 \0 s6 Q8 `

- n% {/ s) c+ O; `
　　提示：gr表示图像Graphic的意思，这样可以避免重名的麻烦，使用者虽然可以随意命名，但养成一个习惯有利于提高效率。9 Z. ?. `1 {' F; H& U

( F: b; u# T* u  A

  o; M  y7 N6 W3 T$ L( W
　　步骤3：重复步骤2，分别制作的三个图像，命名为“gr石头”、“gr剪子”、“gr布”。如图2所示。; K% T6 I$ r8 O' i' B

5 ]( U' d: ^: X" y8 }

图1 背景
1 V# y u' h! J
. k# V5 H( H: N$ T6 T$ z

) v0 S3 K. k6 x( u

$ Q3 {+ V" {4 k8 J0 K
( M) L! y. }& X) h- b: L" k

7 i! C  R  u+ C+ h3 \9 K" m5 c0 r
. ?4 N% C8 i* S

# \( D; H# X5 T$ W; N
图2 表示石头、剪子、布的三个图像, l; m1 ^& z- n% g- k
; l8 D6 f) `- K' [) _5 w; x- F
  o1 A/ j" S& p) F) F" j
6 p5 Y2 {  x# z! ?; E+ g
6 [3 K/ F7 V& F% b& r6 x' e
6 o/ C5 p4 f. T% s. z& E% r1 L
　　步骤4：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选按钮（Button），命名为“bu石头”，出现按钮编辑窗口后，从菜单栏中选择窗口>库（Window>libuary），在库中将“gr石头”拖到舞台，这时Up帧下出现一个黑点，表示Up帧为关键帧，然后再添加其他图形，比如给图像加一个小框，下面写上文字，以使这个按钮看起来更漂亮些；鼠标单击Over帧后按F6键，插入关键帧，Over表示鼠标停留在按钮上时所显示的图像，将图形的白色外框换成灰色；设置Down为关键帧，Down表示鼠标按下按钮时所显示的图像，将白色的字填上红色；设置Hit为关键帧，Hit表示按钮的响应范围，如3所示。

0 I* x  R% {3 {) G$ r8 B' N

  图3 按钮“bu石头”的制作' u5 v1 }7 O% k; l- t* f9 }) j
$ R2 d9 ^: \# p$ p8 [: I
: H4 V( z3 D  o3 H
2 V& X# G2 ^* k$ B' p& t# M
+ W+ s: P  W+ i* I* h% L
# k: u* F' F  `+ s6 G8 e% @9 ^2 H% v
　　步骤5：按步骤4的方法将“gr剪子”、“gr布”分别制成按钮“bu剪子”、“bu布”。, W- d3 R& [+ v7 o- D3 V
) U4 C. u% g! M7 e% t
+ n; G0 T- t# d
! ]8 m, v: b& n8 {
! z3 {8 i( t3 P  n( B
3 @6 L# t7 z$ i( T* T$ E6 E$ s1 C
　　步骤6：从菜单栏中选择插入>添加符号（Insert>New Symbol），在出现的对话框中选电影片段（Movie Clip），命名为“MC石剪布”，该Movie Clip共设4帧，先设第1帧为关键帧，注意，第1帧中不放置任何对象，在以后的3个帧中分别放置“gr石头”、“gr剪子”、“gr布”，右击第1帧，在Action面板选中Actions/Movie Control/stop。

9 `- Q& {; W8 H
$ W  B! V. G& b
　　步骤7：再做两个按钮“bu重新开始”和“bu结束”，它们的功能是用来在游戏结束后，用来选择重新开始游戏和退出游戏。其中“bu重新开始”的具体做法是，在Up，Over，Down帧里写上“再战三百回合”的字样，在Hit帧里指定响应范围。如图4所示。4 [8 w; R' ^" K+ D% ]  e

- ?$ z6 f! @( N' I) O7 V
- p! B' P7 o: O
7 y. @# I9 m$ E' j
8 [' g4 L& a& R9 d
图4 按钮“重新开始”的制作0 u+ n9 Y1 a# C0 t
  z3 C7 R+ G: ^
. r7 j/ G% B& Z! l+ T

　　“bu结束”可以用同样的方法制作。8 l6 C# i( n6 {2 }; R% h

1 I* x: t7 C7 a, w. P
+ O' Z5 G. S6 N/ V2 K: ]7 ]
　　步骤8：回到主场景，将Layer1改名为“背景”，设置第1帧为空帧，第2帧为关键帧，并将图片“gr背景”放置在“背景”层的第2帧里。

' ~. |1 \/ x4 W5 f% U
# O8 U, u& E+ u& B2 m4 T
7 j6 `8 q' b2 g
3 E. N' N" p1 m- Q
　　注：以后放入的各元素均为所在层的第2帧。

; _! ]& O7 ~2 ^
  A& _' H" x- ^: M' X2 N

　　步骤9：新建名为“按钮”的层，将按钮“bu石头”、 “bu剪子”、 “bu布”放置在这个层里。

; O, Z( d9 @. f( Y' R
7 b! L: P( b9 z$ G* `* r

  [1 ], o. `: B2 L! [/ D
　　步骤10：新建命名为“动画” 的层，将“mc石剪布”重复两次放置在这个层里，如图5所示。

- j7 c% N5 V. A! W0 J

- N- ^  D, ~# W) }
  图5 按钮在背景中的位置: G7 ]* [' c. Z) {7 _1 C
  C1 h; D* h) P  r6 ], B4 [

　　因为“mc石剪布”的第1帧是空的，所以放置时只能看到一个小圆点，图中的两个小白点就是被放置两次“mc石剪布”。2 A; o3 U* U, r) z$ `1 a5 {

! Q3 r! I6 B7 u: g
6 S9 h' o6 q+ y" ]7 J
4 n1 l$ n9 z. V  g9 w
) L6 `# I* e: l" D7 o* p, y
　　步骤11：选中左边的“mc石剪布”，在属性面板将其命名为player，在Color下拉框里选色调（Tint）,将颜色值设为#FFFF00；同样的方法设置右边“mc石剪布”的实例名为computer ，在Color下拉框里选色调（Tint）,将颜色值设为#FF0000。如图6所示。
4 j# F' y2 y" ~/ K* v8 b4 Q' n, D
% C2 u- d. {" j5 r
1 P, X4 _  E) c( G, U+ b. M

  图6给场景中的电影命名

6 Q) U& t: ~, ~$ F* o9 l; U
  G1 A7 y' d" s; E- X0 x
5 i, E5 N6 v* K; K( O; @: t& D$ |+ X
　　步骤12：选择名为computer的“mc石剪布”，执行修改>变形>水平翻转（Modify>Transform>Flip Horizontal）。

; x5 m  _# X8 t6 A
. A) x% C2 y& w- n7 B

2 O3 B' K1 R9 Z1 e" y# w: C% H
　　步骤13：新建图层，命名为“变量”，单击文字工具  ，在图7所示的地方加入文字框，并在文字框内输入两个数字：00，设置好字体、字号、颜色。/ t) f) a/ D& x( ~$ Y$ U. |

, s9 r6 `$ Z% x2 e

图7 加入文字框

, z, e5 X7 O2 k' p
　　步骤14：在文字可输入的情况下，鼠标右击文字框，在弹出的菜单中选择面板>文字选项（Panels>Text options）,具体设置如图8所示。
. l, V$ z- D0 c/ I- O

图8 文字框的设置5 J( N6 m+ V; E2 M# N' B7 [

( u+ t% [) F; B) B6 `
　　步骤15：分别在“玩家胜”、“电脑胜”后加入文字框，设置同上，注意把“玩家胜”后文字框的属性（Var）设置为pla，“电脑胜”后文字框的属性（Var）设置为com。在设置文字框时注意文字框宽度要能容纳两个数字。如图9所示。

5 K- J" s9 \: }9 l( {

图9“电脑胜”字段属性的设置
. O& H) r# {3 u* n

& i% i1 y' q2 H: t/ L% F
　　步骤16：鼠标右击“bu石头”，在Action面板输入如下语句：

. G) Z3 d+ L6 ], ^$ s$ C- `3 L7 I

2 \" }6 H* b  }
  ! x: B" @3 c6 ]: _+ v, n* M
, a2 q+ M+ b: `; U
, I4 N7 _% y5 f0 L( r
　　注：Random（3）的意思为由电脑自行从0，1，2三个数中产生一个随机数。

7 C4 P% m: L& u4 H
0 Q0 s3 D0 B  Z
, ]' i8 V6 y, I: D, W
$ A$ X/ H4 q" M# m6 `0 x
　　步骤17：鼠标右击“bu剪子”，在Action面板输入如下语句：+ p9 D" c/ |/ a- h5 N
/ w$ t9 O1 j* ]# r0 R, y

/ ^- F4 A  A. W6 r) v

: [# l' A/ N8 h
on (press) {

0 D1 a1 K5 y+ S1 S

/:totalplay = /:totalplay 1;7 V- E1 V0 N0 A" d- Y7 q$ c0 G

' b# j* [7 H' l" g+ P% g  j" A
' K$ U  ?, `" Z6 h) K
+ l+ u5 J7 y( D6 I9 G5 [- ]" F
if (/:totalplay == 30) {9 e+ U% X- \) b+ D

! Q+ h9 n2 E3 w7 |. _

      gotoAndStop (5);
# h3 V$ |% Q4 ~* h: p0 e/ y' C6 u; ]; e

4 ?: g6 Z. O1 G

} else {9 I# t$ `# g3 U

8 q+ }7 B+ q0 X7 d; r+ K
. x" v  ?9 j. X5 E
& R1 L% Z- z- s* A3 G
- J$ _1 J# T. j2 I- m* l2 w
      /:a = random(3) 2;2 a, g! U3 c1 o5 S7 n3 r( E

7 O- u" v% k% i. M2 y7 a8 a
. W$ g6 B, e' r2 p

      if (/:a == 2) {

$ t( [3 G% u" q' P/ o6 E

* w% i5 e% R. Q" b' o2 L- H
1 I( W! S2 U3 A6 `* M& m4 `) {
         /:com = /:com 1;

1 G9 D/ e" I. {

* V" j+ `5 x; s; ?

      }% h4 G6 d! O; n+ L3 d/ W& c+ e

8 E+ r$ I+ E3 @* E4 }2 B, [

" Y: X; G: ~+ x, C" Y( b) K
      if (/:a == 4) {( h8 p( V6 n5 o8 [5 ]3 _
$ h" t8 H9 }$ M

) n7 \, u9 C2 b: `

         /:pla = /:pla 1;

- w% u: c7 d- G2 m3 Z+ P
$ a+ ]' O0 `  `# y) B
& v. y8 {8 z% n; ?! ?. P) q# w

      }

4 f! U; [" ^' V: P

4 e  V' r/ d- J% g+ b- t+ c/ Z! v
      tellTarget ("computer") {
) m5 Q& g1 v  B: v- ]! W

1 v( I% o  e$ Q' z1 C2 z5 ~
         gotoAndStop (/:a);

$ V% K# C. R8 A# \2 h0 Q

      }

; f* b3 Q4 R6 g9 i
$ M( u8 Y' G, I1 |4 x; j! F. l
9 N% \/ v- O' m/ k; y0 m. P
      tellTarget ("person") {6 Q+ A4 j$ P2 D& R2 u

% Y  {# D( ]1 i% J* P

. U1 }9 T, z. |" G3 S
$ m0 w* A, f8 L6 C& T/ A& ?& `2 o
         gotoAndStop (3);

) l+ Q+ Z- a* X) I- ^4 W/ Z0 w
. ~+ ]. _. g' `7 e! L! O3 |

      }1 p2 m* l- y, A% O: Y/ i" s
( ^! s% t9 j, v' B) D, I) G
& ^, D1 t3 u' H

( L, p% ?. A2 j" F5 s6 c

}

3 w2 P: J3 y2 e& |. K2 i

}

& k8 l. S$ B& x

　　步骤18：鼠标右击“bu布”，在Action面板输入如下语句：
, ~. x+ P) q- w. s% P$ `
" ~- T2 u/ S3 {( f
/ A  W. Y4 R& Z4 I7 S! d% E

on (press) {9 O8 @4 u5 y2 o9 A5 b

; ~5 x6 K9 o9 ?$ ?
, c; M9 z- l$ q3 J

/:totalplay = /:totalplay 1;

$ L* }8 K: g% V7 t' T+ Q- `
& x5 ?; B2 }$ C

if (/:totalplay == 30) {

. O% B7 l  q9 k  v& T# P1 T# R

      gotoAndStop (5);

$ S+ f0 H5 G  f, f, w, |
7 s9 p. z+ c& z4 s) w" v7 n  a

} else {; R$ A$ ]  u2 i* o6 a6 {5 w
8 M, q# v, s' l

      /:a = random(3) 2;# M$ B0 a" Q; r- d. Y8 K, ]
; [' I( j) p: m. s+ n4 d1 K' y% s$ I5 V

+ u1 s" ^& K' [2 N/ x+ l

0 L: M5 f) L: x/ K) H  [
      if (/:a == 3) {. R% Y# z: n: [5 p2 ^
8 h2 I& R# i7 D" @% m+ {2 `6 \6 f$ T
$ J9 c7 h$ \& q4 p  s) w
( T* A) y1 C$ b6 D/ F6 s2 T

" [; ]0 v& O5 a# Y( Z5 a, ^+ y" G  G
         /:com = /:com 1;9 b9 W. n) g8 t4 s6 W5 n
8 `, v& f/ a  k7 _. [

      }& O0 ?8 f. z5 W% @, K, m' }

# \1 r5 A& `: p! Z" b: D+ ^
      if (/:a == 2) {( S+ Y6 T# K0 a6 ]" V1 L! c2 f# q

0 Y/ v; D, n# a- j6 ~3 G, v

3 M2 @9 ?" [' Y) B, b4 c2 g4 G

         /:pla = /:pla 1;

% f, T/ _- v& z  z
! Y& d; i/ `* E2 @" i- L* {' @; `
& O5 f" \) B# ]3 m
      }
' U1 R+ x( I/ g# ^$ i0 M% M
: X$ b; g9 L% S% [. i5 A  ~( c( q+ n
1 k; I+ N4 h" l

/ o. z: f# a: X* o) t. A: i( J$ g
      tellTarget ("computer") {

         gotoAndStop (/:a);

! I% |6 X' Z/ n* }2 m

( N" q6 h. A. T
, L. W' x; ~& C8 t, `: ?4 G, u/ F
      }
+ w6 E; C( m2 t2 [7 M7 m: _
1 A9 i# y7 q- z# y" [) ]0 v6 u) E& s. k0 J

8 Q6 a5 v- X1 s/ Q9 k2 Q

      tellTarget ("person") {

! {3 y' W. x: [, ]. W  G' a# h

6 [" Z, N# M4 g* c
1 s, V& G4 M$ k9 M0 s
         gotoAndStop (4);

) t2 E, _' I4 H+ C8 W, z; ]" |

, Q) Y) H/ W2 `. ]
      }: p8 f; B8 b+ a. L5 |  J
) A+ C2 T% d4 t) k

9 Y$ a6 {  L$ Q( n

6 r# r2 v8 z9 c$ C+ |0 \
}7 G9 Z' G- ~$ v! W

0 J2 }: o5 R  O$ q- X1 A1 z  `
" s6 T1 |! d  K, Z9 Y
}* O) l. x, f: T5 N

  g: \* H( n2 p* w
* S; z& {5 f/ Y: u. s* A
- E( ^; F. o- q' k) `+ F
　　步骤19：建立新层，命名为“结果”，设置“结果”层的第5帧为关键帧，双击第5帧，在Actions面板中输入以下语句：; F# I6 A' o9 H6 r

/ N" P# F: e8 s* I* \* ?0 i
# e& Z* H2 w6 Q2 P
) M E9 r" D' u; [0 J
　　步骤20：在编程时，设置为游戏结束后如果玩家获胜则跳转到第6帧，可按图10所示设置，图中两处00为文字框，具体设置同步骤15，左边文字框属性（Var）为“pla”，右边文字框属性（Var）为“com”。打开窗口>库（Window>Library），把“bu重新开始”和“bu退出”放置在页面的右下角，右击“bu重新开始”，在Actions面板中输入以下语句：
0 r4 G! m8 ?$ t0 k* L: l$ w6 ^
/ M3 G5 l' V1 p) `% Q) U; ~( R! M
* g8 P. e" d( b

on (press) {
5 A! b2 L# s8 F' t) x

2 p; Z& \3 |% ^+ }, e" A
1 [! X& N4 D$ ^% m/ y7 N0 J0 }3 R
gotoAndPlay (1);/ ]4 K5 F, }; i, i. G

}
; L3 V: C3 {# r7 z. D5 P
+ C; s6 A# c' [0 F7 o6 o! b
+ I! D/ Z5 g. N4 {6 G) o6 j7 E4 C/ I
0 Y3 D8 B7 q; O4 [! S2 R

在“bu退出”的Actions面板中输入：1 N; y( Y$ K' L5 H) K6 P2 Y

& ^/ v5 y1 l" j

on (release) {

" D+ Y$ m/ h- H6 i/ l% T

fscommand ("quit", "");
% x2 m4 v, L, P2 b
+ M* d! k/ t( J2 t+ m5 T( A2 V2 Y; t

. c5 l( Y6 Q' K5 i( ]
}

图10 玩家获胜帧
( J- e- P* [* p- G! N; T8 R
6 g+ T4 A# e. E+ k) K: g

4 K: G9 n0 y: }4 F8 \& Y% J
% R# n/ z2 A! `4 w: E% v, A- l
　　步骤22：设置“结果”层的第7帧为关键帧，在编程时，设置为游戏结束后如果电脑获胜则跳转到第7帧，可按图11所示设置，其他设置同上。- h! u% [0 p1 ^8 _% s: L
+ n- U, S% P' B# m. u# }4 ^8 t- [; @

- E' ]7 O2 X4 {1 M- V" }

3 p  g2 q0 z9 i& n0 _; o! ?
  图11 电脑获胜帧/ F+ C, `- D$ I: O

　　步骤23：设置“结果”层的第8帧为关键帧，在编程时，设置为游戏结束后如果战平则跳转到第8帧，可按图12所示设置，其他设置同上。
* [+ V) N2 q' L* W' I  k: W( @: a
" F% G2 b" j( W
" ^. U8 j4 ^, ~" M% w% G0 A6 J* y- N

  图12 双方战平帧
+ Y2 H( z7 D: U5 g6 C! D( [( b
4 W: X; y! T5 Y7 d% P8 Q4 u
5 |9 [2 {6 y; m4 d2 q  u) T. m
7 L/ D( l5 L- Q1 z" b! ]/ R

　　步骤24：设置“结果”层的第1帧为关键帧，双击第1帧，在Actions面板中输入以下语句：
* ~2 Q" z, `8 @5 a/ u

/:pla = 0;# {9 j6 P7 Z& f) S; ~
8 d8 s& y7 d% J( U( l9 v2 _6 A
- n8 ?" K% s/ T  i! d/ z
( g  d+ R* I' C- t7 C' }* e
, Q$ ]7 A  }; c/ C$ l
: j  H; H9 u( q1 v8 [9 j
/:com = 0;

+ k5 o: c$ z5 H5 v3 \, h4 h
* h! W6 U; L% ?9 _; h

/:totalplay = 0;* C5 w$ O  s" H* q: p6 c

4 |! ?0 y; ?+ F9 F; R& W" o  P

　　步骤25：设置“结果”层的第2帧为关键帧，双击第2帧，在Actions面板中加入stop语句。
7 I9 \+ l: o3 B* q$ O
7 Z+ `' D! D( c5 h0 C9 Q

9 j* e; o8 ~1 n' `& v
　　好了，现在可以用菜单栏中文件>导出影片（File>Export Movie）。

点击图标进入精品网摘收藏欢迎大家加入网络收藏夹

TOP

‹‹ 上一主题 | 下一主题 ››