1.0.0 • Published 6 years ago
motionscope v1.0.0
MotionScope
Explode and explore dimensions in Software Animation. It’s like a console for an engineer, or a histogram for a photographer.
Install
Save a copy of MotionScope.coffee
in your projects modules
sub-folder.
Usage
Specify the properties of any regular Framer layers you wish to plot.
(require "MotionScope").load((scope) ->
# `modal` is a layer created elsewhere in the project
scope.plot(modal, 'y')
scope.plot(modal, 'scale')
)
Optionally, you can configure the MotionScope graph.
(require "MotionScope").load({
parent: Scope
reset: ResetButton
}, (scope) ->
scope.plot(modal, 'x')
scope.plot(modal, 'y')
)
The plot method can be configured as well.
(require "MotionScope").load({
parent: Scope
reset: ResetButton
}, (scope) ->
scope.plot(oval, 'opacity', {
color: '#FFA29C'
})
)
MotionScope Options
parent
: pass a Framer layer to use as the MotionScope parent. The graph will be sized to the width and height of the parent layer.width
,height
: set the graph size without add it to a parent layer.reset
: pass a Framer layer to use as a reset button. Clicking the button will clear the graph.
Plot Options
name
: label for the chart legend. Defaults to the property name.color
: color for the graph line. Defaults toUtils.randomColor
if not specified.min
,max
: sets the extent of the line. If not set, continuously adjusts to the largest and smallest values seen.
1.0.0
6 years ago