如何使用react-pixi-fiber为矩形制作动画？

Question

我正在尝试使用react-pixi-fiber动画（从右向左移动）矩形。

我的最终目标是一次对整个矩形进行动画处理，但是首先我想知道如何对一个矩形进行动画处理。

我有一个ScrollingNotes组件，它可以：

  animate = delta => {
    this.setState(state => ({
      ...state,
      movement: state.movement + 0.1 * delta
    }));
  };

  render() {
    return <Notes {...this.props} movement={this.state.movement} />;
  }

除了Notes组件可以做到：

const Notes = props => {
  return <Rectangle x={250} y={200} width={300} height={200} fill={0xffff00} />;
};

呈现了一个矩形，但是我不知道如何使用props.movement使其以任何方式移动。

到目前为止，这里是该项目的代码框：

codesandbox

谢谢！