Dance: Making Multiple Morphs Work Together

© 2012, Martin Rinehart

The basic idea of "squish and stretch" goes back to the Disney studios at the dawn of Amnerican animation. Someone / something landing after a fall compresses. Jumping up (or bouncing) begins with a vertical stretch, upward, followed by an unstretch as the thing gets airborne. Watch our "dancer" and look for the squish and stretch.

This is not yet ready for commercial exploitation. If you want to do this yourself, look at the code. It is not trivial to animate even a rectangle. The Dance system, however, does a very nice job of keeping the morphs happening together.

Want to explore for yourself? Get in touch!


"Dance" lets you coordinate multiple, simultaneous morphs.

"Dance" is an easy-to-use system for controlling multiple, simultaneous morphs. It's too new to be built into the artists' track. But do check the Effects and Morphs. They could all dance.


Le Grand Jeté

The following data is fed to dance() for the first jump. You don't need to program dance(), which was not hard, but you need to provide the data, which is not easy. View Source for the full routine.

    // crouch
    [500, { height: '90px', top: '160px', width: '100px' }],
    // jump
    [2000, { height: '110px', left: '40px', top: '100px', width: '70px' }],
    [500, { height: '100px', width: '80px' }], // top of jump
    // land
    [1500, { height: '90px', left: '70px', top: '160px', width: '90px' }],
    [300, { height: '80px', top: '170px', width: '100px' }],

Feedback: MartinRinehart at gmail dot com

# # #