Users browsing this thread: 2 Guest(s)
Online Sprite Animator
#1
So, I didn't know if there was any easy way to make web-based animations out of the millions of sprite sheets on this site, so I built a little online animator.

I built it for my own projects, but (as usual) I'll share it with you guys since you are such a great resource. It's online, so no download is required.

Here is the builder:
http://kevinbertel.com/spritesinaction

and here is a demo:
http://kevinbertel.com/spritesinaction/demo


(PS: It's only been tested in Chrome and Firefox)
#2
the only thing remotely close to this was iaza. but this is far, far superior in every aspect.
Thanked by: recme
#3
thank you :D
Thanked by:
#4
This is actually really quite awesome, there's a couple little features I can imagine being pretty cool, but seriously... That's great.

Any way to save the animations though?
Tsunami Bomb - The Simple Truth
We could run away
Leave behind anything paper
Not knowing where we're going to stay
When there's no Mondays

You're part of me, it's so easy to see the simple truth
When I'm in your arms, I feel safe from harm and sorrow too
You're part of me, it's so easy to see the simple truth
But most of all, nothing couldn't be solved when I'm with you
Thanked by:
#5
This tool was built to make animations that can be controlled through javascript, for web-based games.

The export button at the bottom will output JSON (javascript object notation), which can be copied and pasted into the import box (also at the bottom) on your machine, or anybody else's. For example, you can paste the following output into your own import input box to get miraku's sheet:

It can be manipuated in your own projects by using the sprite sheet js file I built: http://kevinbertel.com/spritesinaction/j...teSheet.js (free to use, no credit needed).

I should add the ability to export to animated gif, since not everyone here is a programmer. I'll let you know when that is done.

I might also add a database where people can save their animations, and will let everyone browse what has been made, edit them, and save them as edited copies. Until then, if you want to share, you can just post the export output like I did above.
Thanked by:
#6
Animated gifs:

OK, I added the ability to export the animations to animated gifs at the bottom of the Import/Export section. Clicking the button will show the animated gifs, which you can then right click and save to your computer (hot-linking won't work since they are built on the fly).

If there are any bugs with this or any part of the page, please let me know so I can fix them. Same with questions.

Again, the links are:
Blank: http://kevinbertel.com/spritesinaction/
Demo: http://kevinbertel.com/spritesinaction/demo
Thanked by: Dazz
#7
This is fucking cool.
Tsunami Bomb - The Simple Truth
We could run away
Leave behind anything paper
Not knowing where we're going to stay
When there's no Mondays

You're part of me, it's so easy to see the simple truth
When I'm in your arms, I feel safe from harm and sorrow too
You're part of me, it's so easy to see the simple truth
But most of all, nothing couldn't be solved when I'm with you
Thanked by:
#8
Oh man... so last night I tried using this tool on my mobile device, and it worked, but seemed a little too difficult. I thought it might help to add small adjustment buttons to the frame editing (+1, -1, +Width, +Height), and oh man, did it speed things up!

Last night it took me about 20 minutes to make an animation, while dealing with all the nuances of a mobile phone. This morning after the changes, it took me under 5! (Sorry to post this, but it just made me happy.)

Thanked by:
#9
was going to mention those as an idea; the only other thing I think I can mention is maybe transparency on the gifs?
Tsunami Bomb - The Simple Truth
We could run away
Leave behind anything paper
Not knowing where we're going to stay
When there's no Mondays

You're part of me, it's so easy to see the simple truth
When I'm in your arms, I feel safe from harm and sorrow too
You're part of me, it's so easy to see the simple truth
But most of all, nothing couldn't be solved when I'm with you
Thanked by: Garamonde
#10
If you want to see what anybody has done in the past, you can view every one that has been made:
http://kevinbertel.com/spritesinaction/gallery.php

Note: There are a lot of Inuyasha because that is the demo people can try out.
Thanked by:


Forum Jump: