This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Marc Krenn
Posted Dec 14 - Read on Facebook

non-linear Utils.modulate()

update Dec. 14th '15:

* I'm now using 'switch-case' instead of 'if-else'
* implemented a proper fallback to "linear"
* fixed 'easeOutCubic' and 'easeInSine'
* added easeBack, easeElastic (except easeInOutElastic) and easeBounce. There are now 29/30 different curves available.
* Example file got a makeover

update Dec. 15th '15:

* fixed bug reported by Joshua (would love to have a verification!)
* example-project got another big makeover
- formatting by the great Jordan Robert Dobson (thanks!)
- slider now animates onTouch
- temporary sliderComponent bugfix

new gifv: http://gph.is/1NYwWyw
infos & code @ git: https://github.com/marckrenn/framer-nonlinearModulate (new repo!)
live demo / example: https://tr.im/nlModulate

###

#framercode #modulate #Utilsmodulate #curve #nonlinear #non-linear

9 Comments

Rich Zarick

I'm really psyched to try this out, seems like it has the potential to respark what modulate is all about. Bravo on tackling this!

Joshua Dickens

This is so awesome. Thanks for taking my random wish and making it real! Can't wait to play with it!

Sergey Voronov

thats great man

Jorn van Dijk

Deng. Great work!

Andreas Wahlström

merge to master! 🙏

Marc Krenn

Thanks everyone, your kind words mean a lot to me :) Can't wait to see how you guys are going to use it!

Also the module will receive a pretty big update within the next 24h, so stay tuned!

Marc Krenn

As promised, here it is! :)

* I'm now using 'switch-case' instead of 'if-else'
* implemented a proper fallback to "linear"
* fixed 'easeOutCubic' and 'easeInSine'
* added easeBack, easeElastic (except easeInOutElastic) and easeBounce. There are now 29/30 different curves available.
* Example file got a makeover

gifv: http://gph.is/1NYwWyw
code: https://github.com/marckrenn/framer-nonlinearModulate (new repo!)
live demo / example:: https://tr.im/nlModulate

Joshua Dickens

Marc Krenn Once again, really nice work. Trying it out with my current project, and it doesn't seem to be a total drop-in replacement for the existing modulate -- when I leave all my code as-is, the results onscreen (for a linear modulation) are different / broken. I might be doing something wrong though…I'll try to create a reduction of the issue to see if it's just me…

Marc Krenn

Another day, another update :)

* fixed bug reported by Joshua (would love to have a verification!)
* example-project got another big makeover
- formatting by the great Jordan Robert Dobson (thanks!)
- slider now animates onTouch
- temporary sliderComponent bugfix

code: https://github.com/marckrenn/framer-nonlinearModulate
live demo / example:: https://tr.im/nlModulate

Read the entire post on Facebook