← Back to experiments

Wobbly Drums

Stylized 3D drums animation with a 2D handdrawn feel

UnityShadersAnimationBlender

I’m a big fan of the stylized 3D/2D look that has been in vogue recently. I wanted to try my hand at it, so I modelled some 3D drums and applied a rendering pipeline to give them a hand-drawn feel.

The main techniques I employed to achieve this look are

  • Outline shader
  • Mesh "wobble" shader
  • Grain texturing
  • Blender grease pencil for the particle effects
  • Limited frame rates
  • Shape-keys for more organic squash

The outline was the most challenging portion as the typical inverse hull method won't capture internal lines. Often these lines are manually drawn in but I decided to try a different approach:

  • Split the mesh into components, each component gets its own outline
  • Two render passes for each mesh
  • First pass: render the mesh as normal
  • Second pass: render the mesh as the solid outline color, expanded by the line thickness in screen space
  • Coordinate use of stencil buffer to properly draw outlines

3D reveal

Stick figure sticks