Search code examples
framerjs

Attempting tom make a phenakistoscope with framerjs utilities


This is a as far as I got. Im trying to make a Phenaniskope

bg = new BackgroundLayer
    backgroundColor: "pink"

frame = new Layer
    width: 250
    height: 250
    image: "images/phenakistoscope.png"

frame.center()

Utils.interval 1, ->
    cycler = Utils.cycle([10, 20, 30, 40, 50])
    frame.rotation = cycler()

Solution

  • I made some quick changes and explained in the comments:

    http://share.framerjs.com/kr6mvm4y8xcl/

    Basically, you left the cycler inside the interval, so it was being "reset" every time, thus you would stop at rotation 10.

    Hope this helps!