How to Use

• Click on the decal and drag to move it: that's the decal control.
• Click to place the decal on the skull. You can undo with Ctrl / Cmd + Z.
• Click the rotate/scale handler to rotate and scale
• Select different motifs by clicking the `Art` button in the toolbar, or by using the left/right arrows in the decal control.
• Activate Symmetry mode by clicking on the `Symmetry` button in the deal control or by hitting `S`. Symmetry mode will automatically apply a decal on the other side of the skull.
• Flip the decal by clicking on the `Flip` button in the decal control or by hitting `F`.
• Enable Preview mode by hitting `P` (that's pretty CPU intensive!).
• Change your calaca color by going to `Art` in the toolbar and choosing from the different 8 different available colours.
• Once you're done, you can save snapshots clicking `Snap` or share your calaca with `Share`.

Here's a timelapse showing how it works:

Credits

Art direction Javier Arredondo · Coding Jaume Sanchez

Made using: three.js, THREE.DecalGeometry, Maf.js, isMobile, prefixfree, animate.css and code adapted from here.

Sound from FreeSound, image hosting with Imgur.com.