https://vat0trv3.github.io/Osc2 oscilador audiovisual Prototipo de Interacción Visual y Sonora con Partículas y Osciladores Descripción

Este prototipo es una experiencia interactiva audiovisual desarrollada con p5.js. Combina partículas dinámicas, letras flotantes, osciladores de audio y efectos visuales para crear una interfaz experimental de sonido y visualización:

Modo Sonido: genera partículas y letras que se conectan entre sí mientras se reproducen notas según la posición del cursor o toque.

Modo Partículas: muestra solo partículas sin generar sonido.

Modo Acordes: despliega moléculas de letras animadas con osciladores que reproducen notas según la posición vertical y la columna en pantalla.

Los botones permiten alternar entre modos y cambiar el fondo entre blanco y negro.

Tecnologías

p5.js – librería principal para gráficos y audio.

JavaScript – lógica de interacción, partículas y osciladores.

HTML/CSS – interfaz de botones y layout.

Características

Interactividad táctil y con mouse: tocar o arrastrar genera partículas y notas sonoras.

Letras flotantes conectadas: las letras aparecen y se conectan según su proximidad.

Osciladores en tiempo real: sonido casi instantáneo sin retardos, con control de amplitud y frecuencia.

Escalas musicales predefinidas: Em, Am, Dm y Bm.

Cuadrícula de guía visual: facilita la interacción con los cuatro sectores de la pantalla.

Botones HTML funcionales: alternan modos y fondos sin afectar la animación.