AS3 flash游戏制作 纸牌效果 - 重庆动画公司 动画制作 三维3d设计 首选【重庆汉蜀动画有限公司】
Originality | August 04

AS3 flash游戏制作 纸牌效果

并在第一帧加上以下代码:

本示例中用了18张,本示例在CS4中用AS3编程测试通过。制作这个效果需要准备几张纸牌正面图片。一张背面图片,下面说一下制作步骤:

库中新建19个影片剪辑,  新建Flash文件(ActionScript3.0设置舞台长宽为600400图片导入到库中。分别命名为pp0p1p2p17其中p为引导牌,p中画一个矩形,大小与纸牌相同,右对齐、上下居中对齐。p0中第一帧拖入一张纸牌正面,写上代码stop;第二帧拖入纸牌背面,都是右对齐、上下居中对齐。p1---p17依次类推。

实例名称也定义为pp0p1p2p17注意拖放顺序!p随便找个地方,  将影片剪辑pp0p1p2p17依次拖入舞台。就放在舞台外面吧,并且设置透明度为0使其不可见。p0---p17按下图依次排列放好。

var k:int;

var oldX:Number=0;

//将纸牌放入数组

var ps:Array=[p0,p1,p2,p3,p4,p5,p6,p7,p8,p9,p10,p11,p12,p13,p14,p15,p16,p17];

stage.addEventListener(MouseEvent.MOUSE_DOWN,onMousedown);

stage.addEventListener(MouseEvent.MOUSE_UP,onMouseup);

function onMousedown(e:MouseEvent):void {

        stage.addEventListener(MouseEvent.MOUSE_MOVE,onMousemove);

}

function onMousemove(e:MouseEvent):void {

        if (mouseX>oldX) {//当鼠标向右移时

                k=1;

        } else {//当鼠标向左移时

                k=-1;

        }        

        if(k==1){

            p.rotationY-=2;/*p是引导牌,按2°递增,

                当引导牌旋转时,第一张牌同时旋转,其他

                牌每隔10°开始旋转,180°时停止旋转*/

            for(var i:int=0;i<18;i++){

                if(p.rotationY<=-10*i){

                        ps[i].rotationY-=2;

                            if(ps[i].rotationY<-180){

                                    ps[i].rotationY=-180;

                        }

                                //当旋转90°时显示另一面,并改变深度

                    if(ps[i].rotationY<-90){

                            setChildIndex(ps[i],17-i);

                                        ps[i].gotoAndStop(2);

                    }                                

                }

            }

            if(p.rotationY<-180){

                    p.rotationY=-180;

            }        

        }

        //反向旋转时

        if(k==-1){

            p.rotationY+=2;

            for(i=17;i>=0;i--){

                if(p.rotationY>=10*(17-i)-180){

                        ps[i].rotationY+=2;

                            if(ps[i].rotationY>0){

                                    ps[i].rotationY=0;

                        }

                    if(ps[i].rotationY>-90){

                            setChildIndex(ps[i],i);

                                        ps[i].gotoAndStop(1);

                    }                                

                }

            }

            if(p.rotationY>0){

                    p.rotationY=0;

            }        

        }

        oldX=mouseX;

}

function onMouseup(e:MouseEvent):void {

        stage.removeEventListener(MouseEvent.MOUSE_MOVE, onMousemove);

 

}

好了可以测试了下面的附件中提供了一些纸牌的图片,}<好了可以测试了下面的附件中提供了一些纸牌的图片。供有兴趣的朋友练习之用,EPS格式解压后在Illustrat中打开全选复制,然后在Flash中粘贴。粘贴过来后注意按Ctrl+G键组合,否则对齐时将拧成一团。

附件下载:纸牌.rar


渝ICP备19013396号-2