title: How to make an animation infinite loop using CoffeeScript in Framer.js?
body: <p>I am trying to make a simple pulsing animation of a on-screen element in Framer.js and now it looks like this:</p>
  
  <pre><code>element.animate
      properties: scale:1.3
  element.on Events.AnimationEnd,-&gt;
      this.scale = 1
      locationUn.animate
          properties: scale:1.3
  </code></pre>
  
  <p>basically when the screen is loaded, the element will be enlarged and upon end of the animation, it's forced back to scale 1 and run the animation again; but this solution is not elegant and animation seems very abrupt. </p>
  
  <p>I am new to CoffeeScript...is there anyway to write a infinite loop to check on some condition like this?</p>
  
  <pre><code>checker = true
  
  while(checker == true){
      run animation
      if(some events occurs){
          checker = false
      }
  }
  ....
  </code></pre>
  
  <p>How to realize this in CoffeeScript?</p>