Skip to content
Back to projects

Product

Chapéu Seletor

A house quiz for a themed party, with a 3D Sorting Hat that talks and reacts.

  • TypeScript
  • React
  • Three.js
  • React Three Fiber
  • GLSL
  • Web Audio API
  • Vite
  1. The problem

    A themed birthday party needed a quick, interactive and fun way for each guest to find out their house.

  2. The solution

    There are 5 questions, with the answers in a different order each round. After each answer, the Hat comments on the choice in its own voice, and each answer is worth one point for a house. If houses tie at the top, the Hat asks which one the person prefers and takes that choice into account. At the end, the Hat builds suspense and announces the house with its own line for each one. It is a 3D model in a 3D Great Hall, with expressions that change at each moment and a mouth that follows the volume of the voice.

  3. The outcome

    The quiz was used at the party. The Hat model was generated with Meshy, the animation, expressions and scene were programmed with Claude, and the voice lines were generated with fish.audio. It is an unofficial, non-commercial fan project, not affiliated with the rights holders of the brand.

Screens

Question

Have a project in mind?

Get in touch
Next projectTessera