<p>A low frequency oscillator or LFO is a concept/tool that is traditionally used in hardware as well as software sound synthesizes.
It's something I first saw used in <a href="https://vvvv.org/">VVVV</a> as a tool for creating simple yet very organic animation.</p>
<p>The slow oscillation between values gives us an opportunity to introduce change gradually, and it can be used
in all sorts of interesting ways. In this sketch below we use an LFO to continuously alter the color, shape, and scale of our drawing.</p>
<iframe height="570" style="width: 100%;" scrolling="no" title="LFO.js" src="https://codepen.io/dviramontes/embed/oNbRbPv?height=373&theme-id=light&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/dviramontes/pen/oNbRbPv'>LFO.js</a> by dviramontes
  (<a href='https://codepen.io/dviramontes'>@dviramontes</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
<p><a href="https://000516894.codepen.website/">click here to see a fullscreen version</a></p>
<iframe height="744" style="width: 100%;" scrolling="no" title="LFO.js" src="https://codepen.io/dviramontes/embed/oNbRbPv?height=744&theme-id=39229&default-tab=js" frameborder="no" allowtransparency="true" allowfullscreen="true">
  See the Pen <a href='https://codepen.io/dviramontes/pen/oNbRbPv'>LFO.js</a> by dviramontes
  (<a href='https://codepen.io/dviramontes'>@dviramontes</a>) on <a href='https://codepen.io'>CodePen</a>.
</iframe>
<p>references:</p>
<ul>
<li><a href="https://p5js.org/">https://p5js.org/</a></li>
<li><a href="https://vvvv.org/">https://vvvv.org/</a></li>
</ul>


←

Using LFOs to create animations with p5.js