Realtree

From the to-do list: 002 - Animation Additions

✔ preloader anim mockup

Comments

Justin Bernard on September 10, 2015:

after you do the flash preloader asset, mock me up a temp page that we can test how we will implement the sprite animation

think using somethign like this may be most simple:
http://spritely.net/documentation/
being all we need is a simple loop in a div, i think we can just use this sort of method:
$('#bird').sprite({fps: 12, no_of_frames: 3});

 

Justin Bernard on September 10, 2015:

take a look at easiest way to get them out of flash.  i think they just built in a really easy export method in latest version (cc2015)

https://helpx.adobe.com/flash/using/create-sprite-sheet.html

https://helpx.adobe.com/flash/how-to/flash-sprite-sheet.html

just make up some anim, like fade in or mask in or something, doesnt matter, just something to show change.  ill animate later

Justin Bernard on September 17, 2015:

we ever get this sprite thing working smoothly?  if not try to do diff tests to get it done

i just looked to see what app i used last time, it was this:

Taylor Bernard on September 17, 2015:

couldnt get swfsheet to work. try bringing in the swf into it. it kept trying to export a small piece of it, even if i put dimensions into the panel on the right side.

Taylor Bernard on September 17, 2015:

+ every sprint generator made a sheet. and that js library only was working when i made it a long horz image.

Justin Bernard on September 17, 2015:

this uses greensock js instead of jquery

http://codepen.io/MAW/pen/MYdwRP

Taylor Bernard on September 17, 2015:

heres the fla/swf files + png export frames.

http://cloud.fleeangrybear.com/1t0y0z2n0Z3t

this is what i was using to make a sprite sheet. makes it WAY better and not buggy like the built in flash one or that swfSheet.

http://css.spritegen.com/
theres also a responsive generator on there as well, if needed.

those examples you showed. they only use like 3 frames, and looks like they require the frame layout to be horz.
MOST sprite sheet generators ive used make a actual gridded sheet. i think so you dont have an image thats like 10000px wide and cause issues.
fine for what they are using with 3 frames, but not sure how to implement it into something thats gridded. almost like it needs to have row and column callouts so it knows when to go to the next row or something.