Motion Canvas v3.5.0

New features 🎉

• 

  New

  Bézier

  nodes let you easily create splines consisting of only one segment:

  #603
  Press play to preview the animation

  Cubic Bezier

  • Cubic Bezier
  • Quadratic Bezier

  import ...
  
  export default makeScene2D(function* (view) {
    const bezier = createRef<CubicBezier>();
  
    view.add(
      <CubicBezier
        ref={bezier}
        lineWidth={6}
        stroke={'lightseagreen'}
        p0={[-200, 0]}
        p1={[50, -200]}
        p2={[-50, 200]}
        p3={[200, 0]}
      />,
    );
  
    yield* bezier().start(1, 1);
    yield* bezier().start(0).end(0).end(1, 1);
  });
  

• 

  New

  Video

  properties: #601

  • play

    automatically plays the video

  • loop

    restarts the video upon reaching the end

• 

  Fiddles now support multiple examples. You can switch between them using the dropdown on the right side.

Fixed bugs 🐛

• 

  UPDATE AVAILABLE now links to the GitHub release page.

  #608
• 

  Videos play smoothly when in presentation mode.

  #600
• 

  Reused async resources are now correctly awaited.

  #599
• 

  Arrow orientations for splines are correctly calculated.

  #597
• 

  The showcase editor has been fixed.

  #589

Check out the Update Guide for information on how to update your existing projects.