Sonorizador de curvas

Esta aplicación permite sonorizar curvas como un instrumento para la exploración del concepto matemático de límite

Tabla de Contenidos

1. Descripción del Proyecto
2. Características
3. Instalación
4. Uso
5. Tecnologías Utilizadas
6. Estructura del Proyecto
7. Errores conocidos
8. Contacto

---

Descripción del Proyecto

Este proyecto es el trabajo del servicio social de Emilio Junoy de Juambelz, consiste en un sonorizador de curvas que se puede utilizar para entender el concepto de límite. El algoritmo de sonorización está basado en el Tonnetz, una representación visual de las relaciones entre notas musicales organizadas en una red. Esta red se utiliza para teselar el plano y descomponer las curvas como combinaciones de notas. Se espera que este programa pueda servir como una herramienta de exploración para estudiantes que sirva para entender el concepto de lìmite de funciones y, en particular, el lìmite de curvas tridimensionales desde un punto de vista poco explorado, el punto de vista auditivo.

---

Características

• Sonorización y visualización de curvas en tiempo real.
• Interfaz accesible.
• Parámetros para cambiar el modo de generación de audio.

---

Instalación

Para ejecutar este programa se debe tener instalado npm.

1. Clona este repositorio.
2. Entra a la carpeta SonorizadorDeCurvas.
3. Ejecuta el comando npm install.
4. Corre la instrucción npm run dev. Si quieres acceder al programa desde tu red local ejecuta el comando npm run dev -- --host.

Uso

Una vez iniciada la aplicación se presentará una breve descripción del proyecto seguido de una guía para aprender a usar la aplicación.

---

Tecnologías Utilizadas

• Lenguajes: JavaScript.
• Frameworks: React.
• Librerías: Samplr.
• Herramientas: npm.

---

Estructura del Proyecto

El proyecto està organizado de la siguiente manera:

• Emilio # Contenedor del repositorio
  • SonorizadorDeCurvas/ # Proyecto principal: Aplicación para sonorizar curvas
    • public/ # Archivos públicos accesibles desde el navegador
    • src/ # Código fuente de la aplicación
      • assets/ # Recursos estáticos (imágenes, iconos, etc.)
        • react.svg # Logo de React (usado en la interfaz)
      • components/ # Componentes de React
        • Ayuda.jsx # Componente para mostrar la sección de ayuda
        • Canvas.jsx # Componente para renderizar el lienzo (gráficos o curvas)
        • CurvaInfo.jsx # Componente para mostrar información sobre la curva
        • CurvasInfo.css # Estilos para el componente CurvaInfo
        • Informacion.jsx # Componente para mostrar información general
        • Lateral.css # Estilos para la barra lateral
        • Lateral.jsx # Componente de la barra lateral (menú o controles)
      • App.css # Estilos globales de la aplicación
      • App.jsx # Componente principal de la aplicación
      • curvas.js # Lógica relacionada con el manejo de curvas (datos, cálculos, etc.)
      • index.css # Estilos base de la aplicación
      • main.jsx # Punto de entrada de la aplicación (renderiza App.jsx)
    • index.html # Plantilla HTML principal (contiene el div root para React)
    • eslint.config.js # Configuración de ESLint (linter para JavaScript/React)
    • package-lock.json # Archivo de bloqueo de dependencias (generado automáticamente por npm)
    • package.json # Configuración del proyecto y dependencias (npm)
    • vite.config.js # Configuración de Vite (herramienta de construcción y desarrollo)
  • Pruebas # Versiones preliminares del proyecto

---

Errores conocidos

• Al agregar una curva por primera vez, los sonidos suenan distorsionados al reproducirse, para solucionarlo se puede editar y guardar esa curva.

---

Contacto

Proporciona tu información de contacto para preguntas o colaboraciones. Ejemplo:

• Nombre: Emilio Junoy de Juambelz
• Correo electrónico: emilio.junoy@ciencias.unam.mx