# Car Configurator Project - item capture animation

> Gamification ready! Items are now collectible and some options are locked until you collect enough items. I loved the captured item animation created with…

Canonical page: https://andersonmancini.dev/videos/car-configurator-project-item-capture-animation

Published: 2024-04-01 · Duration: 1:36 · Category: Projects · Tags: three.js, react-three-fiber, configurator, gsap, three-js, r3f, item-capture, gsap-animation

Watch: [YouTube](https://www.youtube.com/watch?v=ycAz5GuqYgw) · [Subscribe to the channel](https://www.youtube.com/@AndersonMancini?sub_confirmation=1)

Gamification ready! Items are now collectible and some options are locked until you collect enough items. I loved the captured item animation created with CSS with my confetti component to celebrate the unlocked item.

It was inspired by SimCityBuildIt item capture animation but created using and GSAP magic .

Next: SFX.

## Links from the video

- [Live demo](https://threejs-classics-garage.vercel.app/)

## Related projects

- [Confetti component](https://andersonmancini.dev/projects/confetti-component.md) — 3D Confetti component for R3F
- [Classics Garage](https://andersonmancini.dev/projects/classics-garage.md) — Classic car configurator with gamification

## Related articles

- [Confetti for React Three Fiber, in one instanced mesh](https://andersonmancini.dev/blog/confetti-component.md)