This is a GUI for visually editing the animations available in my open source DragonRuby animation library. This supports two kinds of animations:

  • Bézier easing: when you want to smoothly transition between two states, a Bézier curve lets you give that transition a nice feel
  • Second-Order Dynamics: when you have a dynamic state where you can't use an easing function, a second-order system let's you achieve a similar feel by tweaking parameters like the harmonic frequency and responsiveness

To use this:

  1. Download the open source code linked above and add it to your DragonRuby game
  2. Play around in this tool until you get an animation that feels right
  3. Ctrl-C to copy the code snippet for adding that animation to your game! (desktop version only; if using the web version you need to copy the parameters manually)

Controls:

  • B/D switch mode
  • In Bézier mode, click and drag the two control points to modify the curve, release to update the preview
  • In dynamics mode, F/Z/R to select parameters, type to edit, move your mouse to experiment with the feel
StatusIn development
CategoryTool
PlatformsHTML5, Windows, macOS, Linux
Rating
Rated 5.0 out of 5 stars
(2 total ratings)
Authorsilverhammermba
TagsAnimation, Procedural Generation

Download

Download NowName your own price

Click download now to get access to the following files:

dragonruby-animation-editor-windows-amd64.zip 3.4 MB
Version 0.0
dragonruby-animation-editor-linux-raspberrypi.zip 3.3 MB
Version 0.0
dragonruby-animation-editor-linux-amd64.zip 3.5 MB
Version 0.0
dragonruby-animation-editor-macos.zip 4.8 MB
Version 0.0
dragonruby-animation-editor-html5.zip 3 MB

Development log

Leave a comment

Log in with itch.io to leave a comment.