Hit it and the figures toolbox minimizes and it plays out your animation.

On the very left of the top toolbar, is the play button. On the canvas, there are two yellow squares, those allow you to resize the canvas.

Switch between each one by clicking on them and add one at the end by hitting the green “Add new frame” button. On the bottom, is the timeline with live-previews of your frames with a semitransparent gray backdrop of numbers. The second is to tap the little lock icon on the top left. The first is to hold shift while dragging. That’s because by default, it locks the length of the segments. But note that the length of the segment doesn’t change as you move it. So, now you have some extra nodes, how do you change them? Simply hold it down and drag, and the the segments move as well. Also, a red X appears on the right, and that basically means remove the node and the child nodes. Clicking those allows you to modify them. Then are various settings for the current segment (each node other than the root one is associated with a segment). Click them to add a new segment or circle to the currently selected node. But when you click on a node, a new set of buttons (and words too!) appears. Well the buttons in my screenshot aren’t context sensitive, they’re permanent. Though it shows up as a orange dot, unless you add something to it, it doesn’t have any actual look when viewed in the player. The two defaults are the pivot-style stickman, and something called “blank” which is a root node with no additional nodes. The figures-box contains figures (amazing!) and clicking on them adds them to your canvas. The graphics are done with Raphael, but the player actually uses for no particular reason.īasically, it’s organized into two panels, the left-side figures-box and the bottom timeline. It should work pretty not-bad on an iPad J(except the color picker), though honestly, I’ve never tried it. It’s called stick2 because the original experiment with stickfigures was named stick.html, and when I went to extend it and didn’t feel like setting up a git/svn repo, I copied the file and named it stick2.html, and with no good project-naming skills, it stayed that way.Īnyway, this was a project that got pretty close to completion in early march, but I never bothered to blog about it until now. Sure it’s not impossible, but it can’t really compare with the ol-fashioned frame-by-frame joint-manipulation likeness of Pivot. One thing the ajax animator’s pretty bad at is stick figures.

Club penguin stick figure animator