SpriteMonkey Editor

So way way back, I had worked on a sprite editing app that kind of went nowhere because I did not at the time have enough know how to pull it through (this was like 12+ years ago).

The other day I got weirdly motivated to revamp that idea and make it work with webGPU.

So over a couple free evenings I whipped up this editor and system. Its very rudimentary the UI has tons of discontinuity but works (one of the next goals it to rework the entire editor to make it more official and easier to extend now).

Anyways here is a prototype preview of SpriteMonkey.

Features -
Load and Manage Assets along with hierarchy organization of the assets.
Asset Slicing Tools, Auto Slicer etc.
Multiple Sprites Per project
Sprite Strip Animations
Strip Animation Triggers
Infinite Canvas Editor
Additive and Absolute Playback modes
Cell Specific Timings
Asset Packing Tools, Extrude, Padding, Power of 2 etc.
Editor Preview Tools
Save/Load from Local Storage or File
If you don’t name your export file, the monkeys will name it for you.
and lots lots more to come.

I have tested it out to 100k animated sprites (all with their own timing and event triggers) and after the initially buffer hiccup of spinning that much of a buffer up it runs really smooth.





I was going to host this, Chwizzler and my fbx to gltf animation retargeting/remapping system here soon if anyone was interested.

6 Likes

Gosh! This is so cool buddy!

1 Like

Update 0.0.1
Hosted an example version of the editor. I’m sure there are some bugs with it still have not dove too deep just trying to get all the structure setup.
http://143.198.233.147/

Added lots of features which are included in the app log.

Started working on refining the triggers and the system for spawning and controlling the sprites during runtime.
example
This gif for example is four sprites, one of Goku who is triggering slice changes of his sprite instance and then spawning other sprite instances of the Powerball and shifting its position after a certain cell hits. At any given time its only two sprite instances, but the full “animation” is a few components.

1 Like

This is huge dude! love it!

Here soon you will be able to setup all the animation states and even design a character controller in the editor. Once that is done then I’m really homing in on the runtime features and will be making some example projects.

I’m interested in adding my sprite drawing application into this too in another editor tab, and even possibly a spriteMap editor just to get everything under one roof.

Was getting sick of everyone complaining about how limited our sprites are XD…

1 Like

This is so coool !!!