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
❌ Javascript con Píldoras Informáticas [no_toc] [expand title="Índice del Vídeotutorial"] 1. Presentación. Vídeo 1 2. Introducción. Vídeo 2 3. Sintaxis Básica I. Ubicación del código. Vídeo 3 4. Sintaxis Básica II. Estructuras Básicas. Vídeo 4 5. Sintaxis Básica III. Operadores Básicos. Vídeo 5 6. Sintaxis Básica IV. Operadores y prompt. Vídeo 6 7. Sintaxis Básica V Arrays, Matrices, Arreglos. Vídeo 7 8. Sintaxis Básica V. Arrays, Matrices, Arreglos II. Vídeo 8 ¡SEGUIR LEYENDO!
❌ Javascript con Falcon Masters [no_toc] [expand title="Índice del Vídeotutorial"] 1. Introducción 2. Variables 3. Tipos de Dato 4. Arreglos 5. Metodos y propiedades para los Arreglos 6. Condicionales 7. Ciclo Fo 8. Ciclo While 9. Funciones 10. Ejercicio con Funciones y Formularios 11. Scope de Javascript (ámbito de las variables) 12. Metodos y propiedades para Cadenas de Texto 13. Introducción al DOM (Document Object Model) 14. Creando Nodos del DOM ¡SEGUIR LEYENDO!
❌ Javascript con Eduardo Ibarra [no_toc] [expand title="Índice del Vídeotutorial"] 1. Qué es un lenguaje de programación 2. Qué es Javascript Y nuestro primer Hola Mundo! 3. Variables 4. Control de flujo: If, Else 5. Arrays 6. Sublime text para trabajar con archivos 7. Ciclo For 8. Recorriendo un Array con un Ciclo For 9. Funciones 10. HTML 11. Respondiendo a clicks en botones eventos [/expand] [yotuwp type="playlist" id="PLYPjmy5IVxT8ohy6P2k4hNU2PtstqP8Zh" ] [expand ¡SEGUIR LEYENDO!
❌ Javascript con Código Facilito [no_toc] [expand title="Índice del Vídeotutorial"] 1. Introducción, Hola Mundo y Variables 2. Números y operaciones aritméticas 3. Cadenas 4. Condiciones 5. Ciclo While 6. Ciclo For 7. typeof, null y undefined 8. Práctica 1 - Número mágico 9. Seleccionar elementos del DOM 10. Eventos 11. Arreglos 12. Funciones 13. Métodos para arreglos 14. Filter ES5 15. Map ES5 16. forEach ES5 17. reduce ES5 18. Closures ¡SEGUIR LEYENDO!
Vue Recursos La más grande y excelente lista de recursos para los desarrolladores del framework de Javascript: Vue. Recursos Oficiales Guía Oficial Referencia de API Repositorio de GitHub Notas Guía de estilo Vue.js Noticias Recursos externos Vue.js 資料まとめ(para japonés) por @hashrock Vue.js Newsletter - Dosis semanal de noticias de Vue.js cuidadosamente seleccionadas Vue.js Wikipedia Vue.js Radar - Boletín curado + sitio que cubre nuevos lanzamientos / contribuciones de ¡SEGUIR LEYENDO!