Skip to content
This repository has been archived by the owner on Feb 23, 2021. It is now read-only.
/ MotionScope Public archive

Explode and explore dimensions in Software Animation

License

Notifications You must be signed in to change notification settings

altbizney/MotionScope

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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.