让动画活过来---Robound

落日映苍穹つ 2022-08-07 11:46 99阅读 0赞

Rebound 由Facebook推出

Rebound 可以使你的动画看起来像真实自然，像真实世界物理运动  
Rebound 不是一个物理引擎库，但是Rebound可以使用弹簧动力来驱动各种各样的动画  
Rebound使用和Origami(IOS的)相同的弹簧系数，方便实用。

上图：

![SouthEast][] ![SouthEast 1][]

![SouthEast 2][] ![SouthEast 3][]

使用：

下面为最后一张图片弹性缩放的代码：

// Create a system to run the physics loop for a set of springs.
    SpringSystem springSystem = SpringSystem.create();
    
    // Add a spring to the system.
    Spring spring = springSystem.createSpring();
    
    // Add a listener to observe the motion of the spring.
    spring.addListener(new SimpleSpringListener() {
    
      @Override
      public void onSpringUpdate(Spring spring) {
        // You can observe the updates in the spring
        // state by asking its current value in onSpringUpdate.
        float value = (float) spring.getCurrentValue();
        float scale = 1f - (value * 0.5f);
        myView.setScaleX(scale);
        myView.setScaleY(scale);
      }
    });
    
    // Set the spring in motion; moving from 0 to 1
    spring.setEndValue(1);

官网：[http://facebook.github.io/rebound/][http_facebook.github.io_rebound]

github源码 : [https://github.com/facebook/rebound][https_github.com_facebook_rebound]

[SouthEast]: https://img-blog.csdn.net/20150403210540990?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHB1X3p5aA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 1]: /images/20220805/ec2a6addfad549c4b959e77f6b00ac90.png
[SouthEast 2]: https://img-blog.csdn.net/20150403211819570?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaHB1X3p5aA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast
[SouthEast 3]: /images/20220805/a352864241e74f98b05f0b1be8b7a363.png
[http_facebook.github.io_rebound]: http://facebook.github.io/rebound/
[https_github.com_facebook_rebound]: https://github.com/facebook/rebound