How to play Canvas animation at a certain moment of scrolling?

Question

JavaScript

Hello. There is a Canvas animation made in Adobe Animate CC, when the page loads, the animation plays automatically and when you get to it, you see only the picture with the final result.
How can I make the animation play only when it enters the screen view?

Answer 1

This animation has a start function, you need to delay it until the block appears in the scope.

var $animationBlock = $('_selector_to_element');
var $window = $(window);

$window.on('scroll', function(){
  if ($animationBlock.offset().top >= $window.scrollTop()){
    // animation function
  }
});

Answer 2

Excuse me, I'm an amateur in JS, to put it mildly, can you write what and where to substitute?