使用libgdx创建交互式动画

我正在寻找一种连接平移手势与动画完成百分比的方式。让我告诉你我的意思。使用libgdx创建交互式动画

该图像表示我想执行一个动画，即运动图像演员或精灵。该动画由pan手势执行。当用户滑动200px时，动画完成100％，并在第6阶段完成。如果用户仅滑动100px，则完成时间为50％，并且在阶段3。如果用户没有执行平移手势，则动画停留在0％，并且处于阶段1.我正在寻找关于如何开始构建这种模型的提示。我相信它被称为互动。你有什么建议吗？

来源

2016-01-22 brumbrum

有滚动视图。监视它滚动了多少。设置您的动画以框架动画。动画当前帧= Math.floor（scrollview.scrollX/scrollview.totalScrollX * animation.totalFrames） – Diniden

不错。问题在于我无法预先录制帧，因为用户需要自己创建它的“蓝色矩形” – brumbrum

您必须更详细地解释您的场景。即使用户正在制作他自己的内容，您也应该可以控制生成的帧。我不明白我的方法如何需要“预先计算”的价值。 – Diniden

您可以使用GestureDetector来处理平移输入。方法gestureListener.pan可以更新动画位置参数。

private int screenPixelsToAnimationPositionRatio = 0.01f; //will need to tweak this and probably adjust it at runtime based on screen dimensions and resolution 
private float animationPosition = 0; //from 0 to 1, fraction of animation complete 

public void create() { 

    //... 

    GestureAdapter gestureAdapter = new GestureAdapter { 
     @Override 
     public boolean pan (float x, float y, float deltaX, float deltaY) { 
      animationPosition += deltaX * screenPixelsToAnimationPositionRatio; 
      animationPosition = MathUtils.clamp(animationPosition, 0, 1); 
      return true; 
     } 
    }; 

    GestureDetector gestureDetector = new GestureDetector(gestureAdapter); 
    Gdx.input.setInputProcessor(gestureDetector); //or put the detector in an InputMultiplexer with your other input listeners. 
}

那么你会创建一个可更新的基础上animationPosition当前值的对象的位置和旋转的方法。你需要找出决定你想要的运动的方程。例如，一些看起来有点像你上面说明什么：

private void updateAnimation(){ 
    x = animationPosition * 30; 
    float y = 0, rotation = 0; 
    if (animationPosition >= 0.25f) { 
     float jumpPosition = Math.min(1, (animationPosition - 0.25f)/0.5f); 
     y = 30 * (1 - Interpolation.pow2In.apply(Math.abs(2 * jumpPosition - 1))); 
     rotation = 180 * jumpPosition; 
    } 

    mySprite.setPosition(x, y); 
    mySprite.setRotation(rotation); 
}

然后在某处render调用此更新方法。

来源

2016-01-25 15:04:36 Tenfour04

使用libgdx创建交互式动画

回答

相关问题