Sunday, November 22, 2009

Flash教程——制作简单Clicking Game

这次在这里教大家用Flash来制作简单的clicking game。
以下为swf原档:


我们需要到一个用来click的movie clip,1个retry的button,两个dynamic text(一个用来显示剩余时间,一个用来显示一共click了多少次的counter)。

步骤:
1.在Flash视窗空白处画些图案。

2.拖曳鼠标以选择整个图案。

3.选择成功后,在键盘上按Ctrl+G把图案group起来。

4.在图案上点击右滑鼠键,并选择“Convert to Symbol...”。

5.在弹出的Convert to Symbol新视窗的Name一栏内填入“btn”和Behavior一栏选择“Movie Clip”。

6.在主视窗下的Properties视窗内的“InstanceName”一栏内填入“btn”。

7.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for Frame 1 of Layer Name Layer 1”,并将以下的程序编码(Action Script)贴在编码编辑处:
var ctr = 0;
var timer = 30;
var started = false;
function countDown() {
        if (_root.timer == 0) {
                _root.btn.enabled = false;
                _root.started = false;
        } else {
                if (_root.started == true) {
                        _root.timer -= 1;
                }
        }
}
setInterval(countDown, 1000);

8.点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btn (btn)”,并将以下的程序编码(Action Script)贴在编码编辑处:
on (press) {
        _root.started = true;
        if (_root.btn.enabled=true) {
                _root.ctr += 1;
                //tellTarget ("_root.btn") {
                        //gotoAndPlay(2);
                //}
        }
}

9.制作另外一个button,名称为“btnRetry,点击主视窗下的Actions-Frame视窗并在drop-down list里选择“Actions for btnRetry (btnRetry)”,并将以下的程序编码(Action Script)贴在编码编辑处:
on (release) {
        _root.started = false;
        _root.btn.enabled = true;
        _root.timer = 30;
        _root.ctr = 0;
}

10.在Flash视窗空白处放上两个dynamic text,如图:


11.点击Control主菜单的Test Movie或键盘上按Ctrl+Enter来测试成果。大功告成!

No comments:

Post a Comment