Question

我正在为帆布游戏制作动画系统。每次我想移动播放器时，我都使用entities[0].moveTo(...)，entities[0]是一个对象，moveTo()是执行更大animate()函数的方法。

var moveTo = function(x,y,d){
    if(x!=0) animate(this,'x',this.coords.x+x*tilescale,d,animation_mode);
    if(y!=0) animate(this,'y',this.coords.y+y*tilescale,d,animation_mode);
}
var animate = function(e, prop, val, duration, mode) {
    if(mode){
        var start = new Date().getTime();
        var end = start + duration;
        var current = e["offset"][prop];
        var distance = val - current;
        var step = function() {
            var timestamp = new Date().getTime();
            var progress = Math.min((duration - (end - timestamp)) / duration, 1);
            e["offset"][prop] = current + (distance * progress);
            render();
            if (progress < 1) requestAnimationFrame(step);
            else ## moveTo.onanimationfinished() ##
        };

        return step();
    }
    else{
        return;
    }
};

基本上我想从两个小变换中获得“碰撞”动画 - 前进，然后快速返回。当“前进”部分完成时，应该显示“返回”部分。有什么办法吗？

Answer 1

您可以创建一个新函数bumb，然后在animate的末尾调用它，但您也可以在animate函数中给出另一个名为bumb的参数：

var animate = function(e, prop, val, duration, mode, bump) {
   if(bump){
      // Bump animatio
   }
   else{
      // Move animation
   }
}

JS：如何执行从函数2调用函数2的函数1？

1 个答案: