Este proyecto nace como una reinterpretación del vociferador, un objeto ficticio del universo de Harry Potter que amplifica la voz y la convierte en un mensaje imposible de ignorar. La intención no es replicar el artefacto original, sino explorar cómo la voz puede transformarse en una experiencia visual y espacial dentro del navegador.
El vociferador está desarrollado con Three.js y se apoya en una escena sencilla compuesta por dos planos principales. Estos planos funcionan como superficies de proyección sobre las cuales se aplican distintas transformaciones geométricas, simulando deformaciones, vibraciones y desplazamientos que responden al flujo del proyecto. La simplicidad de los objetos permite centrar la atención en el comportamiento y no en la complejidad del modelo.
A nivel técnico, cada punto del plano puede entenderse como un vector en el espacio tridimensional:
Sobre estos vectores se aplican transformaciones clásicas como traslación, rotación y escala, que de forma general pueden expresarse como:
donde representa una matriz de rotación y un vector de desplazamiento. Adicionalmente, se introducen perturbaciones dinámicas en los vértices, dependientes del tiempo , lo que genera efectos de vibración y deformación continua:
Estas operaciones permiten que la escena evolucione de forma orgánica.
Este proyecto es, ante todo, un espacio de experimentación. No busca ser un producto final ni una pieza cerrada, sino un laboratorio donde se mezclan programación creativa, narrativa visual y curiosidad técnica. Si deseas explorar el vociferador en acción, puedes hacerlo directamente en:
👉 https://vociferador.johanfr.com/
En futuras entradas documentaré con mayor detalle la estructura del código, las transformaciones matemáticas utilizadas y posibles extensiones del proyecto.