0

所以我想在没有任何补间库且不缓动的情况下将对象补间到 targetX 和 targetY。

我一直在我所有的补间中都使用 greensock，对于这种情况，greensock 的 DynamicPropsPlugin 将是完美的，但它只适用于俱乐部会员......

这次我需要对一个对象进行补间，使其动态变化。

我知道如何使用缓动对对象进行补间，但这次我需要在没有缓动的情况下对对象进行补间，因此在达到其第一个目标后，它将顺利地继续到下一个目标。

这是有效的代码，但问题是缓和：

package  
{
    import flash.display.*;
    import flash.events.*;

    /**
     * ...
     * @author me
     */
    [SWF(width="1200", height="600", frameRate="30", backgroundColor="#ffffff")]
    public class Test extends Sprite 
    {

        // first target coordinates
        private var targetX:Number=600;
        private var targetY:Number = 450;

        // second target coordinates
        private var targetX2:Number=900;
        private var targetY2:Number = 300;

        // check if first target is reached
        private var _pointReached:Boolean

        // object to tween
        private var _ball:Sprite;

        public function Test() 
        {
            init()
        }

        private function init():void 
        {
            // simple ball 
            _ball = new Sprite();
            _ball.graphics.beginFill(0xff0000);
            _ball.graphics.drawCircle( -50, -50, 50);
            _ball.graphics.endFill();
            addChild(_ball);

            addEventListener(Event.ENTER_FRAME, onLoop);
        }

        private function onLoop(e:Event):void 
        {
            var vx:Number; 
            var vy:Number; 

            if (_pointReached) { // next target
                // easing
                vx = (targetX2 - _ball.x) * .3;
                vy = (targetY2 - _ball.y) * .3;
            }else {
                // easing
                vx = (targetX - _ball.x) * .3;
                vy = (targetY - _ball.y) * .3;
            }

            // check distance
            var dx:Number = targetX - _ball.x;
            var dy:Number = targetY - _ball.y;
            var dist:Number = Math.sqrt(dx * dx + dy * dy);

            if (dist <= 0.6) {
                // first target point reached
                _pointReached = true;
            }

            // tween an object
            _ball.x += vx;
            _ball.y += vy;

        }

    }

}

有什么想法吗？

谢谢！

4

3 回答 3

0

试试这个（未经测试）：

private function onLoop(e:Event):void 
    {
        var xDistance:Number; 
        var yDistance:Number; 

        if (_pointReached) { // next target
            xDistance = _ball.x - targetX2;
            yDistance = _ball.y - targetY2;

        }else {
            xDistance = _ball.x - targetX;
            yDistance =  _ball.y - targetY;

        }

        var rotation:Number = Math.atan2(yDistance, xDistance);

        var speed:int = 2;

        // tween an object
        _ball.x -= speed * Math.cos(rotation);
        _ball.y -= speed * Math.cos(rotation);

        if (dist <= 0.6) {
            // first target point reached
            _pointReached = true;
        }

    }
于 2012-06-29T12:53:14.117 回答
0

在您的原始代码中，在与此类似的行中：

vx = (targetX - _ball.x) * .3;

删除 * .3 部分。那是你的摩擦或放松。然后，您的代码应该可以在没有缓动的情况下工作。

于 2013-07-31T19:50:04.503 回答
0

使用计时器类和内部计时器函数将对象移向目标。这样做直到物体到达目标位置。

于 2012-06-29T10:43:25.857 回答