ZzFXM: Un pequeño renderizador de música JavaScript

ZzFXM: Un pequeño renderizador de música JavaScript, que genera pistas de música estéreo a partir de patrones de notas y datos de instrumentos musicales. Las muestras de instrumentos se crean utilizando una versión modificada, del minúsculo generador de sonido ZzFX de Frank Force.

ZzfxM fue desarrollado para crear música para producciones de tamaño limitado (es decir, juegos js13k). El formato de la canción se basa libremente en el formato MOD del rastreador, utilizando secuencias de patrones repetidos para crear canciones largas a partir de pequeños fragmentos de datos musicales. Las canciones son muy comprimibles. Una vez comprimidos en gzip, son pequeños, por lo general, unos cientos de bytes.

Tocando una canción

Las muestras de audio se compilan pasando datos de instrumentos, patrones y secuencias a zzfxM(). La función devuelve un par de matrices que contienen datos de muestra para los canales estéreo izquierdo y derecho. Para reproducir la canción renderizada, llame zzfxP()usando los datos de muestra generados. La zzfxMfunción devuelve un AudioBufferSourceNode , que puede usar para controlar la canción (detenerla, hacer un bucle, etc.).

Componiendo una canción

ZzFXM no viene con herramientas de creación de canciones. Sin embargo, el repositorio contiene un convertidor de canciones para que pueda usar herramientas establecidas, como MilkyTracker o el Bassoon Tracker basado en navegador para componer sus canciones (en formato MK MOD) y luego convertirlas a ZzFXM.

Una vez convertidos los datos de la canción, solo necesita crear y asignar sus instrumentos. Todas las canciones de ejemplo de esta página se crearon con este método.

También puede renunciar a las herramientas de autoría y generar canciones de forma procedimental. Consulte el archivo README para obtener detalles sobre el formato de la canción.

Fuente: Página de ZzFXM por Kathryn Whitenton de NNGroup.

Relacionado

19 Bibliotecas de Javascript para jugar con las tipografías

La tipografía es una parte integral del diseño de un sitio web. La tipografía y las fuentes que se utilizan juegan un papel muy importante en múltiples aspectos del diseño de un sitio web; afecta a importantes factores como la legibilidad, la experiencia del usuario e ¡SEGUIR LEYENDO!

10 Repositorio de GitHub que todo Desarrollador Web debería conocer

GitHub es el lugar que debes buscar cuando intentas mejorar como desarrollador, toda la información que necesitas está disponible en algún repositorio que alguien ya se ha molestado en indexar. Sin embargo, la parte complicado es encontrar el repositorio más adecuado. Es fácil sentirse perdido en ¡SEGUIR LEYENDO!

Cursos de Programación gratuitos de Youtube 2022 (Febrero)

Curso de Angular CURSO DE ANGULAR Curso de Angular por DesarrolloWeb.com CURSO DE ANGULAR Curso Angular 13 por Domini Code CURSO DE ANGULAR 13 Podcast Airflow 2.0 (variado de cosas de programación) por CodinEric PODCAST AIRFLOW 2.0 Curso de CSS para principantes por AlexCG Design CURSO ¡SEGUIR LEYENDO!

Javascript.info: Una de las mejores páginas para aprender Javascript

El sitio web de Javascript.info ha recibido importantes actualizaciones recientemente. El tutorial que se incluye en este sitio web, vas a poder aprender JavaScript moderno paso a paso sin ningún problema. El curso principal contiene 2 partes que cubren JavaScript como lenguaje de programación y cómo ¡SEGUIR LEYENDO!

PHP vs NodeJS

PHP y Node.js se utilizan para el desarrollo del lado del servidor y, por lo tanto, se han convertido en competidores entre sí. A continuación se presentan algunas diferencias basadas en diferentes parámetros para comprender los dos y tomar una decisión entre uno de los dos ¡SEGUIR LEYENDO!