Motion Canvas v3.6.0

New features 🎉

• 

  Cardinal 点 让你相对于其角和边定位节点

  #636
  Press play to preview the animation

  import ...
  
  export default makeScene2D(function* (view) {
    const rect = createRef<Rect>();
  
    view.add(
      <>
        <Rect
          ref={rect}
          width={200}
          height={100}
          rotation={-10}
          fill={'#333333'}
        />
        <Rect
          size={50}
          fill={'#e6a700'}
          rotation={rect().rotation}
          // Try changing "right" to "top"
          right={rect().left}
        />
        <Rect
          size={100}
          fill={'#e13238'}
          rotation={10}
          bottomLeft={rect().bottomRight}
        />
      </>,
    );
  
    yield* rect().rotation(10, 1).to(-10, 1);
  });
  

• 

  新的

  Ray

  节点让你可以轻松定义两点之间的简单线。

  #628
• 

  将动画链接在一起的新方法:

  #651

  yield* circle().scale(0.5, 0.2)
  // 补间到另一个值
  .to(2, 0.2)
  // 等待一秒
  .wait(1)
  // 补间回初始值
  .back(0.2)
  // 执行回调
  .do(() => circle().fill('red'))
  // 运行给定的生成器
  .run(circle().position.y(100, 2));

• 

  新的

  loopFor

  和

  loopUntil

  流程函数。

  #650#624
• 

  对图片的外部更改现在自动反映在预览中。

  #641
• 

  新的

  fromDegrees

  ,

  createArcLerp

  和

  mod

  Vector2 方法。

  #640#622
• 

  曲线的新

  completion

  和

  arcLength

  属性。

  #627#635
• 

  新的

  DEG2RAD

  和

  RAD2DEG

  常量用于在度和弧度之间转换。

  #630
• 

  你现在可以在代码

  、编辑器

  和预览

  模式之间切换 fiddles(你可以在上面的示例中尝试)。

  #642

Fixed bugs 🐛

• 

  解决后清除 DependencyContext promises。

  #617
• 

  修复 fiddle 可访问性。

  #647
• 

  修复 cardinal 点中的循环依赖。

  #645
• 

  正确地将 Txt 节点附加到视图。

  #644
• 

  修复拍摄快照。

  #638#643
• 

  修复视口 ID 中的拼写错误。

  #620

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