Live Sample

Configurator: Style your hipster

Style a 3D character by selecting a part and choosing a color

Configurator: Style your hipster

With a color picker and a 3D model, this sample demonstrates how you can build a configurator with Animate CC.

Although real 3D is not (yet) an option for Animate CC based web projects, this cutting-edge sample demonstrates how you can use exports from Cinema 4D via Illustrator CC to animate 3D models with Animate CC. It is a good example of how creative tools work together. But the sample has more to offer: To make it even more interesting, this sample includes a color picker component and a customizer script, that allows you to modify parts of the model in real time! The customizer script works with plain two dimensional graphics as well of course, waiting for your next project, maybe... 

Key features:

  • 3D model with tracking shots
  • Reusable ‘Color Picker’ component
  • Configurator script (to customize shapes at runtime)

Download Options

You can choose between two options for downloading - both 100% free

Single File

Download this sample as a single project download. (If you really just want this one sample…)

*Sign up for free to access all downloads


All samples + free Starter Kit

Download the bundle with ALL available sample projects + Starter Kit. The Starter Kit includes an additional project, assets and a 'Micro Animations' pack. One download to get ‘em all! It won't get any easier than this ;)

*Sign up for free to access all downloads

Choose a Sample

Play, download, learn and reuse!