Folía

El proyecto

Landing de un taller ficticio de timples en Gran Canaria. Al bajar, el timple en 3D cruza la pantalla y se despieza: tapa, joroba de duelas, mástil y puente, cada pieza con una flecha y su ficha. Después, las cuerdas se tocan con el ratón o el dedo y suenan afinadas como un timple, el proceso de nueve semanas con planos que se dibujan solos, los tres modelos con su precio y un formulario de encargo. Marca, precios y testimonios ficticios.

Lo que lo distingue

Modelo 3D hecho por código en React Three Fiber, sin descargar ningún archivo: maderas con veta, relieve y brillo generados en canvas, barniz con clearcoat, luz de estudio con Lightformers y sombras de contacto. Cada flecha sigue a un punto de la pieza proyectado desde 3D. Las cuerdas se sintetizan con Karplus-Strong en Web Audio y vibran con anime.js. Usa BlurText, Threads y Magnet de React Bits, Marquee y Number Ticker de Magic UI, y Tabs, Accordion, Dialog y Drawer de shadcn/ui.

Tecnología

• React
• Three.js
• React Three Fiber
• Web Audio
• anime.js
• Tailwind CSS
• React Bits
• Magic UI
• shadcn/ui