This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
이정익
Posted Feb 29 - Read on Facebook

Hey everyone,
I made another spritesheet animation module to refer Jordan Robert Dobson's sprite-sheet animation module.

First of all, you have to make sprite sheet png. I used a image sequence flash animation.

Setup looks like this,

{IconAnimation} = require "IconAnimation"

icon = new IconAnimation
spriteImage:"images/icon_1.png"
active:38
inactive:38
width:115
height:80
activeSpeed: 0.008
inactiveSpeed: 0.008

"active" means a open animation step count, and the other way "inactive" is close step count. "activeSpeed" and "inactiveSpeed" mean open, close animation speed. You can control animation speed.

link : http://share.framerjs.com/kz3stacph73w/

Thanks.

p.s Thank you for making animation Geun Hae Kim !!

1 Comments

Filippo Camillo

Nice work! How did you create the sprite sheets? Thanks!

Read the entire post on Facebook