Motion Canvas v3.10.0

New features 🎉

• Rect

  和

  Circle

  节点现在扩展

  Curve

  ,使它们可以访问其所有属性和方法:

  #771#759
  Press play to preview the animation

  import ...
  
  export default makeScene2D(function* (view) {
    const ref = createRef<Circle>();
    view.add(
      <Circle
        ref={ref}
        size={160}
        stroke={'lightseagreen'}
        lineWidth={8}
        endAngle={270}
        endArrow
      />,
    );
  
    yield* all(ref().start(1, 1), ref().rotation(180, 1, easeInCubic));
    ref().start(0).end(0);
    yield* all(ref().end(1, 1), ref().rotation(360, 1, easeOutCubic));
  });
  

• 

  新的 SVG

  Path

  组件:

  #700
  Press play to preview the animation

  import ...
  
  export default makeScene2D(function* (view) {
    view.add(
      <Path
        scale={8}
        position={-96}
        fill={'lightseagreen'}
        data={
          'M4 6.47L5.76 10H20v8H4V6.47M22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4z'
        }
      />,
    );
  });
  

• 

  用于动画

  Grid

  节点的新

  start

  和

  end

  信号。

  #761
• 

  用于管理引用的新辅助方法: #775

  • createRefArray
  • createRefMap
• 

  带有半径的

  Img

  和

  Video

  节点会自动裁剪。

  #773
• BBox

  转换方法接受

  PossibleMatrix2D

  。

  #770
• 

  新的

  middle

  cardinal 点。

  #758
• Vector2

  的新

  rotate

  和

  polarLerp

  方法。

  #756
• 

  编辑器现在让你可以按 P 复制鼠标坐标

  #737
• 

  可以在不使用持续时间的情况下调用

  restore()

  以立即恢复状态。

  #736

Fixed bugs 🐛

• 

  修复文档页面上的"最后更新者"信息。

  #776
• 

  时间轴正确显示小时间范围。

  #739
• 

  现在无法生成多个颜色选择器。

  #747

查看 更新指南 获取如何更新现有项目的信息。