Question

我在FlashBuilder中制作游戏，玩家使用箭头或WASD控制舞台周围的动画片段（_character）。在舞台上有正方形/盒子，有碰撞检测和50像素边框。

虽然测试我注意到如果我按住方向键，然后切换到另一个并且MovieClip正在经过框中的间隙，动画片段将在前一个按下的方向上跳几个像素 ，然后迅速退回。

这是一瞬间的闪烁，但会产生令人分心的跳跃，口吃效果。多次按键会发生这种情况，但如果我按下按钮，将其释放，然后按另一个方向按钮则不会。

下图中的黄色十字显示了发生这种情况的一些区域。

enter image description here 我的代码中的摩擦数越大，它就越明显。但是，如果我减少太多的摩擦（0.8ish）电影剪辑在舞台上移动太慢，游戏无法播放。

我目前的摩擦力为0.88，这减少了跳跃，但仍然很明显。 有谁知道为什么会发生这种情况和/或我如何阻止它？（当然要保持动画片段的流畅运动。）

此SWF显示摩擦力为0.94，因此效果非常明显，尤其是在右上角。（用箭头或WASD在舞台上移动角色。）

0.94 Friction SWF

这个SWF的摩擦力为0.88，不太明显，但仍然会发生！

0.88 Friction SWF

如果我要向上或向右移动，越过间隙，这个问题就不会发生。只有按下两个对角线连接的方向按钮，经过一个间隙时才会发生这种情况。

如果我向上行驶，那么左边的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
        {
            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);
            //All 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 和背景类是相同的，它们只是嵌入了png并添加了精灵。请注意，网格背景是单个图像。游戏不是基于平铺的。。

最后是碰撞类。当_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! This is good!

                    //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";
            }
        }
    }
}

非常感谢任何帮助。我是一个初学者，所以它总是可能问题是我错过的简单问题。

我还问了一个关于不必要的动画摆动的问题。如果任何该信息对您有所帮助，或者您也足够聪明以了解其解决方案，那么问题是HERE

Answer 1

你试过这个吗？

    if (event.keyCode == Keyboard.LEFT || event.keyCode == 65 )
                {
                    _bLeft=true; 

                    _bRight=false;       
                    _bUp=false;      
                    _bDown=false;    
                }
                else if (event.keyCode == Keyboard.RIGHT || event.keyCode == 68)
                {
                    _bRight=true;

                    _bLeft=false;  
                    _bUp=false;      
                    _bDown=false;               
                }
                else if (event.keyCode == Keyboard.UP || event.keyCode == 87 )
                {
                    _bUp=true; 

                    _bRight=false; 
                    _bLeft=false;    
                    _bDown=false;     
                }
                else if (event.keyCode == Keyboard.DOWN || event.keyCode == 83)
                {
                    _bDown=true;    

                    _bRight=false; 
                    _bLeft=false;    
                    _bUp=false;            
                }

AS3 - 摩擦（？）导致Movie Clip跳转，暂时改变路径（包括可播放的SWF）

1 个答案: