字体:  

FLASH actionscript 3第一课 建立棋盘 附源代码及详细解释

skysea 发表于: 2008-10-10 14:45 来源: 游学欧洲网

最近在学FLASH的ACTIONSCRIPT3,以前只学过一点FLASH制作,但从来没有涉及过FLASH编程。小弟不才,希望为喜欢FLASH,而不知道如何入手的朋友,起个头。

如需转载,请注明出自游学欧洲网数码科技板块。www.stineuro.com

接触一下,发现不是很难,特别是学过一点面向对象编程的朋友,一定很快地掌握了。

现在,与我一起,看看ACTIONSCRIPT3的强大功能吧。

在扫雷游戏中,第一步就是建立棋盘,然后放置炸弹,然后用方框遮住炸弹和棋盘。

那我们就先来做最简单的,建立棋盘,放置方框,然后,当鼠标点击方框时,方框就消失,也就是在扫雷中的揭开方框的动作。

先来看效果图:


棋盘一.jpg



这个图是刚建立的5*5的棋盘,当然咯,你可以修改代码里的参数,然后修改棋盘大小,颜色,边框等。


棋盘二.jpg


当鼠标点击某个方框时,那个方框就消失了。


演示flash(可以点哟):





原代码及详细解释,请看第二楼

[ 本帖最后由 skysea 于 2008-10-10 15:01 编辑 ]

最新回复

skysea at 2008-10-10 14:50:14
在这里,总共有两个文件,一个是flash1.fla,另一个文件是Re.as

第一个文件,也就是FLASH文件,首先,在这个文件中的第一帧里写上代码,如下:

CODE:

//  @@ Date : @10 10 08
//  @@ Author : @skysea www.stineuro.com

var rectArray:Array=new Array();//建立阵列
for(var i:uint=0;i<5;i++){//每行建立五个方框
        for(var j:uint=0;j<5;j++){//每列建立五个方框
                rectArray.push(new Re(i*35,j*35,30,30));//在阵列中放入方框
                stage.addChild(rectArray[rectArray.length-1]);//在画面中画出阵列中的方框
                rectArray[rectArray.length-1].addEventListener(MouseEvent.MOUSE_DOWN,meRectHandler);
                //添加鼠标动作
        }
}
function meRectHandler(me:MouseEvent):void{//建立鼠标动作函数
        stage.removeChild(Sprite(me.target));//当鼠标点击方框时,去掉方框
       
        }
第二个文件,就是ACTIONSCRIPT文件,在其中贴上如下代码,文件名一定要与所建类同名:

CODE:

//  @@ Date : @10 10 08
//  @@ Author : @skysea www.stineuro.com
package{
        import flash.display.Sprite;//引入SPRITE包
        public class Re extends Sprite{//建一个SPRITE的子类,名为Re,同时,此文件名也一定要为Re.as
                public function Re(x:uint,y:uint,w:uint,h:uint){//建立与类同名的函数,参数有四个
                        this.graphics.beginFill(0xFF0000);//方框填充色为红色
                        this.graphics.lineStyle(5,0xDDDDDD);//方框边粗为5,颜色为灰色
                        this.graphics.drawRect(x,y,w,h);//画方框 x:起始坐标x,y:起始坐标y,w:宽度,h:高度
                        this.graphics.endFill();//结束填充
                }
        }
}
至此,两个文件放在同一个文件夹下。

源文件请至第三楼下载。
skysea at 2008-10-10 14:53:10
源文件下载:

flash1.rar
(2008-10-10 14:53:10, Size: 4.94 KB, Downloads: 3)



这个程序很简单,就当给大家练练手,做个引子,希望大家喜欢。
我的葡萄 at 2008-10-10 15:18:38
正打算学习FLASH呢,谢谢楼主呀
tiger at 2008-10-10 19:02:03
  很好很强大~ 精华之~