Explode and explore dimensions in Software Animation
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
LICENSE
MotionScope.coffee
README.md
package.json

README.md

MotionScope (Preview Release)

Explode and explore dimensions in Software Animation. It’s like a console for an engineer, or a histogram for a photographer.

Made by your friends at Thinko, Computer Entertainment Studio ❤️

http://thinko.com/motionscope

Email: hey@thinko.com for questions / comments

Installation

Save a copy of MotionScope.coffee in your projects modules sub-folder.

cd /your/framer/project
curl https://rawgit.com/yothinko/MotionScope/master/MotionScope.coffee -o modules/MotionScope.coffee

Usage

Specify the properties of any regular Framer layers you wish to plot.

(require "MotionScope").load((scope) ->
  # `modal` is the layer you want to attach the scope to
  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 adding 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 to Utils.randomColor if not specified.
  • min, max: sets the extent of the line. If not set, continuously adjusts to the largest and smallest values seen.