macpankiewicz / framer-nonlinearModulate

‚nonlinearModulate’ extends ‚Utils.modulate‘ with the ability to interpolate a value in a non-linear way.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

framer-nonlinearModulate

‚nonlinearModulate’ extends ‚Utils.modulate‘ with the ability to interpolate a value in a non-linear way.

Demo

gif

Live Demo: http://share.framerjs.com/qwpzkamldnc7/

Getting started

# Copy ‚nonlinearModulate.coffee’ into your project’s ‚modules‘-folder

# Include module
require „nonlinearModulate“

# Use it it like a regular Utils.modulate()
# Syntax:
Utils.modulate(value, [a, a], [b, b], limit) # … linear, limit = false
Utils.modulate(value, [a, a], [b, b], curve) # … curve, limit = false
Utils.modulate(value, [a, a], [b, b], curve, limit) # … curve, limit = true/false

# accepted curve-types:
#
# linear
# easeInQuad/ease-in, easeOutQuad/ease-out, easeInOutQuad/ease-in-out
# easeInCubic, easeOutCubic, easeInOutCubic
# easeInQuart, easeOutQuart, easeInOutQuart
# easeInQuint, easeOutQuint, easeInOutQuint
# easeInSine, easeOutSine, easeInOutSine
# easeInExpo, easeOutExpo, easeInOutExpo
# easeInCirc, easeOutCirc, easeInOutCirc

# for a visual representation see: http://easings.net/en

# easeElastic,easeBack, easeBounce are NOT implemented, yet

About

‚nonlinearModulate’ extends ‚Utils.modulate‘ with the ability to interpolate a value in a non-linear way.


Languages

Language:JavaScript 98.6%Language:CoffeeScript 0.8%Language:CSS 0.3%Language:HTML 0.2%