AS3 - 电影剪辑动画(不合需要地)上下跳动。 [包括可玩的SWF]

时间:2014-03-20 20:38:13

标签: actionscript-3 flash collision-detection movieclip enterframeevent

我制作了一个游戏,玩家用箭头或WASD控制舞台周围的动画片段(_字符)。在舞台上有正方形/盒子与碰撞检测。加上50像素的舞台边界。

_character有五个关键帧,每个关键帧都有一个动画,当按下四个方向按钮时播放,加上没有按下按键时的红色静止动画。虽然移动角色的身体和头部应该是静止的,腿部会移动。以下示例

_character Right Animation

然而我的问题是,影片剪辑在舞台周围的不同区域上下跳动,然后在其他区域很好。

在下面的SWF示例中,您会看到角色嘴和肩膀在舞台周围上下摆动,但奇怪的是它在游戏区域底部恢复正常。 (除了右下方的两个方框之间。)

Rookies Game SWF

这是包含所有帧的嵌入式SWF。唯一应该改变的是身体颜色和眼睛和腿部移动。头部和肩部不要上下跳动。

ChAracter Resource SWF

有没有人知道这是什么或为什么会发生这种情况?我检查了我的角色swf,以防万一有错位的帧来创建弹跳/浮动动画,但它们是一切都正确,瑞士法郎不应该这样做。

如果我移除一些盒子,某些区域的浮动效果会停止,但在其他区域会停止。有时当它接触到一个盒子时它会跳起来并且盒子的另一侧也没有(?)奇怪的是,当我按下游戏区域的底部时,浮动返回。在另一个SWF中,舞台的底部是MovieClip没有跳动/弹跳的少数几个区域之一。

Rookies Game SWF w/ less boxes

如果我取下所有的盒子,除非我按下可播放区域的底部,否则将停止摇摆。但只有那一方引起了晃动。如果我也删除了舞台边界,那么摇摆完全停止,因为MovieClip没有任何反应。


当前代码

新手游戏 /应用程序类用作级别切换器,将levelOne放到舞台上。

package
{
    import flash.display.MovieClip;
    import flash.display.Sprite;
    import flash.events.Event;
    [SWF(width="650", height="450", backgroundColor="#FFFFFF", frameRate="60")]

    public class RookiesGame extends Sprite
    {
        private var _levelOne:LevelOne;
        //public static var gameMute:Boolean = false;

        public function RookiesGame()
        {
            _levelOne = new LevelOne(stage);

            stage.addChild(_levelOne);
            stage.addEventListener("levelOneComplete",levelTwoSwitchHandler);
        }
        private function levelTwoSwitchHandler(event:Event):void
        {

        }
    }
}

第一级包含大部分代码和大部分工作。

package
{
    //import statements

    public class LevelOne extends Sprite
    {
        //Declare the variables to hold the game objects
        private var _character:Character = new Character();
        private var _background:Background = new Background();

        private var _box1:Box = new Box();
        //Other box vars    

                //A variable to store the reference to the stage from the application class
        private var _stage:Object;
        //Control System
        private var _bUp:Boolean = false;
        private var _bDown:Boolean = false;
        private var _bLeft:Boolean = false;
        private var _bRight:Boolean = false;

        public function LevelOne(stage:Object)
        {
            _stage = stage; 
            this.addEventListener(Event.ADDED_TO_STAGE, addedToStageHandler);
        }
        private function addedToStageHandler(event:Event):void
        {
            startGame();
            this.removeEventListener(Event.ADDED_TO_STAGE, addedToStageHandler);
        }
        private function startGame():void
        {
            //Add them to stage. 
            addGameObjectToLevel(_background, 0, 0);

            addGameObjectToLevel(_box1, 300, 200);
            //Other boxes added to level

            //Add character 
            this.addChild(_character);
            _character.x = 300;
            _character.y = 50;
            _character.gotoAndStop(1);

            playGame(); 
        }
        private function playGame():void
        {   //EVENT LISTENERS////////////////////////
            _stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
            _stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler); 
            this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
        }
        private function enterFrameHandler(event:Event):void
        {   
            _character.accelerationX = 0;
            _character.accelerationY = 0;
            _character.friction = 0.94;

            var _updown:Boolean=Boolean(!(_bUp==_bDown)); 
            var _leftright:Boolean=Boolean(!(_bLeft==_bRight));

            if (!_updown && !_leftright) 
            {   // not moving anywhere
                _character.gotoAndStop(1);
                _character.accelerationX = 0;
                _character.accelerationY = 0; 
                _character.friction = 0.94;

                _character.vy=0;
                _character.vx=0; 
            }
            else
            {
                if (_bUp) 
                {
                    _character.accelerationY = -0.5;
                    _character.gotoAndStop(2);
                } 
                else if (_bDown)
                {
                    _character.accelerationY = 0.5;
                    _character.gotoAndStop(3);
                } 
                if (_bLeft)
                {
                    _character.accelerationX = -0.5;
                    _character.gotoAndStop(4);
                } 
                else if (_bRight)
                {
                    _character.accelerationX = 0.5;
                    _character.gotoAndStop(5);
                }                           
            }
            //Apply friction
            _character.vx *= _character.friction; 
            _character.vy *= _character.friction;
            //Apply acceleration 
            _character.vx += _character.accelerationX; 
            _character.vy += _character.accelerationY;
            //Limit the speed
            if (_character.vx > _character.speedLimit)
            {
                _character.vx = _character.speedLimit;
            }
            if (_character.vx < -_character.speedLimit)
            {
                _character.vx = -_character.speedLimit;
            }
            if (_character.vy > _character.speedLimit)
            {
                _character.vy = _character.speedLimit;
            } 
            if (_character.vy < -_character.speedLimit)
            {
                _character.vy = -_character.speedLimit;
            }
            //Force the velocity to zero after it falls below 0.1
            if (Math.abs(_character.vx) < 0.1)
            {
                _character.vx = 0;
            }
            if (Math.abs(_character.vy) < 0.1)
            {
                _character.vy = 0;
            }
            //Move the character 
            _character.x += _character.vx;
            _character.y += _character.vy;
            checkStageBoundaries(_character);

            //Box Collisions
            Collision.block(_character,_box1);
            Other box collisions

        }
        private function checkStageBoundaries(gameObject:MovieClip):void
        {
            if (gameObject.x < 50)
            {
                gameObject.x = 50;
            }
            if (gameObject.y < 50)
            {
                gameObject.y = 50;
            }
            if (gameObject.x + gameObject.width > _stage.stageWidth - 50)
            {
                gameObject.x = _stage.stageWidth - gameObject.width - 50;
            }
            if (gameObject.y + gameObject.height > _stage.stageHeight - 50)
            {
                gameObject.y = _stage.stageHeight - gameObject.height - 50;
            }
        }

        public function replay():void
        {
            _stage.removeEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
            _stage.removeEventListener(KeyboardEvent.KEY_UP, keyUpHandler); 
            this.removeEventListener(Event.ENTER_FRAME, enterFrameHandler);
            startGame();
        }
        private function keyDownHandler(event:KeyboardEvent):void
        {
            if (event.keyCode == Keyboard.LEFT || event.keyCode == 65 )
            {
                _bLeft=true;                
            }
            else if (event.keyCode == Keyboard.RIGHT || event.keyCode == 68)
            {
                _bRight=true;               
            }
            else if (event.keyCode == Keyboard.UP || event.keyCode == 87 )
            {
                _bUp=true;              
            }
            else if (event.keyCode == Keyboard.DOWN || event.keyCode == 83)
            {
                _bDown=true;                
            }   
            if (event.keyCode == Keyboard.ENTER)
            {
                replay();
            }
        }
        private function keyUpHandler(event:KeyboardEvent):void
        {
            if (event.keyCode == Keyboard.LEFT || event.keyCode == Keyboard.RIGHT 
                || event.keyCode == 65 || event.keyCode == 68)
            {
                _bLeft=false;
                _bRight=false;
            } 
            else if (event.keyCode == Keyboard.DOWN || event.keyCode == Keyboard.UP 
                || event.keyCode == 87 || event.keyCode == 83 )
            {
                _bUp=false;
                _bDown=false;
            }
        }
        private function addGameObjectToLevel(gameObject:Sprite, xPos:int, yPos:int):void
        {
            this.addChild(gameObject);
            gameObject.x = xPos;
            gameObject.y = yPos;
        }   
    }
}

_character是角色类的一个实例。

SWF有五个关键帧,每个帧都有一个动画,当按下四个方向按钮时播放,加上没有任何按下时的红色静止动画。

package
{
    import flash.display.MovieClip;
    import flash.display.DisplayObject

        [Embed(source="../swfs/characterResource.swf", symbol="Character")]
        public class Character extends MovieClip
        {
            //Public properties
            public var vx:Number = 0;
            public var vy:Number = 0;
            public var accelerationX:Number = 0; 
            public var accelerationY:Number = 0; 
            public var speedLimit:Number = 4; 
            public var friction:Number = 0.94;

            public function Character()
            {
            }
        }   
}

Box 背景类是相同的,它们只显示精灵。请注意,网格背景是单个图像。游戏不是基于平铺的。

碰撞类。当_character与一个盒子碰撞时,它会调用Collision.block函数。

package 
{
    import flash.display.Sprite;

    public class Collision
    {
        static public var collisionSide:String = ""; 

        public function Collision()
        {
        }
        static public function block(r1:Sprite, r2:Sprite):void
        {
            //Calculate the distance vector
            var vx:Number 
                = (r1.x + (r1.width / 2)) 
                - (r2.x + (r2.width / 2));

            var vy:Number 
                = (r1.y + (r1.height / 2)) 
                - (r2.y + (r2.height / 2));

            //Check whether vx 
            //is less than the combined half widths
            if(Math.abs(vx) < r1.width / 2 + r2.width / 2)
            {
                //A collision might be occurring! Check 
                //whether vy is less than the combined half heights
                if(Math.abs(vy) < r1.height / 2 + r2.height / 2)
                {
                    //A collision has ocurred! 
                    //Find out the size of the overlap on both the X and Y axes
                    var overlap_X:Number 
                    = r1.width / 2 
                        + r2.width / 2 
                        - Math.abs(vx);

                    var overlap_Y:Number 
                    = r1.height / 2 
                        + r2.height / 2 
                        - Math.abs(vy);

                    //The collision has occurred on the axis with the
                    //*smallest* amount of overlap. Let's figure out which
                    //axis that is

                    if(overlap_X >=  overlap_Y)
                    {
                        //The collision is happening on the X axis
                        //But on which side? _v0's vy can tell us 
                        if(vy > 0)
                        {
                            collisionSide = "Top";

                            //Move the rectangle out of the collision
                            r1.y = r1.y + overlap_Y;
                        }
                        else
                        {
                            collisionSide = "Bottom";

                            //Move the rectangle out of the collision
                            r1.y = r1.y - overlap_Y;
                        }
                    }
                    else
                    {
                        //The collision is happening on the Y axis
                        //But on which side? _v0's vx can tell us 
                        if(vx > 0)
                        {
                            collisionSide = "Left";

                            //Move the rectangle out of the collision
                            r1.x = r1.x + overlap_X;
                        }
                        else
                        {
                            collisionSide = "Right"; 

                            //Move the rectangle out of the collision
                            r1.x = r1.x - overlap_X;
                        }
                    }
                }
                else
                {
                    //No collision
                    collisionSide = "No collision";
                }
            }
            else
            {
                //No collision
                collisionSide = "No collision";
            }
        }
    }
}  

非常感谢任何帮助。

我还问了一个关于Movieclip在迷宫中穿过空隙时跳跃/颤抖的问题。如果任何这些信息对您有帮助,或者您也足够聪明地知道解决方案,那么问题是HERE

0 个答案:

没有答案