Motion Canvas v3.12.0

New features 🎉

• Line

  的点现在可以补间。

  #853
  Press play to preview the animation

  import ...
  
  export default makeScene2D(function* (view) {
    const line = createRef<Line>();
    view.add(
      <Line
        ref={line}
        points={[
          [-150, 70],
          [150, 70],
          [0, -70],
        ]}
        stroke={'lightseagreen'}
        lineWidth={8}
        radius={20}
        closed
      />,
    );
  
    yield* line()
      .points(
        [
          [-150, 0],
          [0, 100],
          [150, 0],
          [150, -70],
          [-150, -70],
        ],
        2,
      )
      .back(2);
  });
  

• Txt

  节点现在可以相互嵌套。

  #861
  Press play to preview the animation

  import {Txt, makeScene2D} from '@wangyaoshen/locus-2d';
  
  export default makeScene2D(function* (view) {
    view.fill('#141414');
    view.add(
      <Txt fill={'white'} fontSize={32} width={720} textWrap>
        Whereas recognition of the inherent dignity and of the{' '}
        <Txt.i>equal</Txt.i> and inalienable rights of all members of
        the human family is the foundation of <Txt.b>freedom</Txt.b>,
        justice and <Txt fill="#25C281">peace</Txt> in the world.
      </Txt>,
    );
  });

• 

  新的 查询辅助工具 让你可以在场景中查找节点。

  #852
• 

  转场现在可以控制哪个场景

  绘制在顶部

  。

  #832
• 

  新的

  Video.playbackRate

  属性让你可以控制视频的速度。

  #831
• 

  此版本引入了实验性功能的概念。用

  标记,这些功能主要用于测试和收集反馈。在 这个专门的部分 中了解更多。

  #876
• 

  新的 编辑器插件 允许你扩展编辑器的界面。使用它们,你可以在侧边栏中定义自定义选项卡,并在动画预览或演示器之上绘制覆盖层。

  #884
• 

  时间轴现在可以通过按住 LMB 并左右拖动来擦洗。

  #862
  

  对于复杂的动画,向左拖动可能会有点滞后,因为每次都必须重新运行整个生成器。

• 

  悬停在音频图标上现在会显示一个音量滑块,让你可以调整音量。

  #872
• 

  ArrowUp 和 ArrowDown 键让你可以控制音量。

  #856
• 

  动画范围默认情况下不再可编辑。就像音轨一样,在拖动之前按住 SHIFT 进行编辑。

  #862
• 

  禁用循环时,编辑器将寻找到动画的开头并在那里停止,而不是在结束时暂停。

  #823
• Vector2

  现在包括表示每种原点类型的静态属性。

  #855
• applyState

  现在可以用于补间到新状态,而不仅仅是立即应用它。

  #859
• 

  Spawner 已被弃用,取而代之的是 children 属性。

  #858

  view.add(
    // before
    <Node spawner={() => range(count()).map(() => <Node />)} />,
  );
  
  view.add(
    // after
    <Node>{() => range(count()).map(() => <Node />)}</Node>,
  );

• 

  项目配置现在支持 glob 模式

  #834

  import motionCanvas from '@wangyaoshen/locus-vite-plugin';
  import {defineConfig} from 'vite';
  
  export default defineConfig({
    plugins: [
      motionCanvas({
        project: './src/projects/*.ts',
      }),
    ],
  });

• 

  不透明度在 0 和 1 之间限制。

  #835
• 

  加载图片时发生的错误现在在编辑器中正确报告。

  #847

Fixed bugs 🐛

• 

  为 LayoutProps 接口添加了缺失的 middle 属性。

  #891
• 

  Cardinal 点现在正确考虑节点的偏移。

  #883
• 

  "转到源"操作应该再次工作。

  #895
• 

  文件名中的特殊字符现在正确处理。

  #821
• 

  打开输出目录时,如果它不存在将自动创建。

  #787
• 

  修复特定条件下的线抖动。

  #863
• 

  正确计算 Txt 节点的边界框。

  #836
• 

  修复补间 cardinal 点。

  #829

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