jueves, 13 de marzo de 2014

Juego de discriminación de la dirección del sonido en Html5

En la anterior entrada mostré un juego de discriminación auditiva realizado en flash. Esta es la versión en Html5, el estandard para juegos que lo va sustituyendo poco a poco. Está realizada con Construct2, una de las herramientas más eficaces en el diseño de juegos en HTML5.

sábado, 8 de febrero de 2014

Juegos educativos musicales con GameSalad

GameSalad es una de las alternativas más prometedoras para diseñar juegos educativos que puedan tener las   mismas funcionalidades que los que vienen realizándose con Flash. Su característica más interesante es que los juegos desarrollados con esta aplicación, en un entorno completamente gráfico, pueden ser luego exportados a varias plataformas. Soporta Html5, Android o Apple, pudiéndose publicar en GooglePlay o AppleStore. Una vez diseñado el juego, el propio programa genera el código de exportación a la plataforma deseada.
A lo largo de varias entradas vamos a intentar reproducir un juego, inicialmente diseñado en flash, que acabaremos publicando como Html5 y como App en GooglePlay (de momento no me he gastado los 99 dólares que cuesta publicar en AppleStore). El punto de partida será el siguiente juego, realizado en Flash CS6 :
Pincha aquí para pantalla completa

En el que se trata de practicar el reconocimiento de intervalos ascendentes y descendentes.

En breve publicaré una entrada con los pasos iniciales.

viernes, 7 de junio de 2013

Flautas en el espacio

Como flautista,  fui "fan" (ya hace unos años), del grupo de rock etiquetado como "sinfónico" Jethro Tull. Seguír las histriónicas evoluciones en el escenario de su líder Ian Anderson sigue siendo un placer gracias a la magia de YouTube. En algunos de los variados vídeos en los que despliega sus saltos y cabriolas ( y su considerable virtuosismo y creatividad), podemos escuchar su peculiar adaptación de una bourrée de Bach que se convirtió en una de sus obras más conocidas.
Así que fue una agradable sorpresa encontrar una grabación en la que interpreta de nuevo, ahora a dúo, esta versión ya clásica. El vídeo tiene interés no sólo por el hecho de encontrarlo convertido en respetable señor (al menos de aspecto), sino por interpretar el dueto nada menos que con la astronauta norteamericana Cady Coleman, quien toca directamente desde la Estación Espacial Internacional. La interpretación es un homenaje a Yuri Gagarin, el cosmonauta ruso que dió el primer salto al vacío exterior.
Encuentro emocionante esta grabación con referencias tan diversas, en la que el aéreo sonido de la flauta nos llega desde el espacio, hablándonos de Bach, del rock, del impulso humano por conocer, del respeto sin fronteras al valor por encima de la vieja rivalidad, y sobre todo, del poder de la música para unir y representar todas estas cosas. No dejéis de pasárselo a los alumnos.

domingo, 18 de noviembre de 2012

Dictados rítmicos

Esta aplicación desarrollada en Flash permite realizar dictados rítmicos sencillos para familiarizarse con las combinaciones rítmicas básicas. Crea ritmos aleatorios basados en negras, silencios de negras y parejas de corcheas.

Pincha aquí para pantalla completa

martes, 13 de marzo de 2012

Escritura de la clave de sol

Como cualquier profe de música sabe, dibujar este enrevesado símbolo que encabeza los primeros pasos en la escritura musical tiene un raro éxito entre los alumnos. Seguramente por el desafío que supone dominar sus vueltas y revueltas. Los chavales se aplican con la misma dedicación que invierten más tarde en inventarse su firma.
Esta actividad está inspirada en los ejercicios de práctica de escritura de las primeras letras, y puede servir para aproximar a  la realidad esos extraños garabatos que alumnos, y algunos músicos, dibujamos al principio de los pentagramas.
Pincha aquí para pantalla completa

jueves, 19 de enero de 2012

Carillón de pared

He utilizado este recurso durante años en su versión 'analógica'. Se trataba de un carillón de cartulina, al principio sin ninguna placa,  al que iba añadiendo las correspondientes a las notas que poco a poco iban conociendo los alumnos. Empezaba con sol y mi, luego se le añadía 'la', a continuación 'fa', y así hasta colocar todo el resto de las notas.
Este es un recurso fantástico para visualizar la altura de las notas, la ordenación de la escala,  la entonación de los intervalos y la práctica del canto interior, y se presta a una cantidad ilimitada de juegos: entonar frases señaladas en las placas, adivinar la canción que suena señalándolas rítmicamente, etc.

Pincha aquí para pantalla completa
Instalar desde  Web Chrome Store


La versión digital que pongo aquí presenta algunas ventajas adicionales. En primer lugar suena, cosa que nunca llegó a hacer el de cartulina, y además presenta asociada la representación de las notas en el pentagrama. Los ejercicios que podemos realizar con él, pueden enriquecerse gracias a la posibilidad de anular la visualización del nombre de la nota, y también del sonido. Los botones verdes pueden servir para anular las placas correspondientes a las notas no presentadas aún.
Yo suelo trabajar con él también en combinación con el teclado en la clase. Toco en el piano un fragmento melódico y el niño lo intenta reproducir con el carillón en la pizarra digital. Más o menos lo que se puede hacer con un xilófono en clase, con la ventaja de que todos lo visualizan perfectamente. Si la cosa es complicada, pueden ayudar a su compañero cantando la fórmula propuesta.
.

domingo, 8 de enero de 2012

Juego musical con sol mi en Chrome Store

Un poco por ver las funcionalidades que ofrece  Chrome Web Store  he probado a insertar un juego musical en este espacio. En principio el procedimiento de colgar una actividad es bastante simple y parece que puede ser bastante útil.
La principal ventaja es la de disponer de la actividad en modo offline, lo cual, teniendo en cuenta las misérrimas velocidades de las ADSL de los centros, es una ventaja impagable.
Desde el punto de vista del potencial usuario, simplemente hay que entrar en la Chrome Web Store. El juego puedes encontrarlo aquí, aunque el procedimiento de búsqueda es muy eficaz, escribiendo por ejemplo 'lectura musical' en el buscador. A continuación, si optas por instalarlo, se creará una extensión en el buscador (ha de ser Chrome, claro), que permitirá utilizarlo incluso sin conexión a Internet.
Desde el punto de vista del autor el procedimiento también es muy simple. Una vez realizado el pago ( 5 € por una sola vez) que te permite acceder como desarrollador, basta subir los archivos, descripciones, iconos, etc. junto a un archivo de declaración en javascript muy simple. El entorno es asequible y sus posibilidades muy grandes, a pesar de que no haya por el momento muchas aplicaciones educativas.

lunes, 30 de mayo de 2011

Pasqual Pastor

Hay una categoría de personas a las que nunca puedes imaginarte inactivas, y a las que la palabra jubilación, con su inevitable matiz de retirada de la circulación, no es aplicable sin que te se te produzca una intensa sensación mental de irrealidad. Y si una persona puede ser el paradigma de esta categoría, ese es Pasqual Pastor. Así que si voy a decir que Pasqual Pastor se jubila, lo que quiero decir es que con toda probabilidad pasa a otro nivel de actividad en tiempo y lugar, y que esa será  con seguridad tan intensa y fructífera como ha sido la que, al menos,  conozco yo y como yo varios cientos de maestros de música en los últimos veinte años.
Porque, haciendo ahora ese siempre desconcertante recuento de los años, hace más de veinte que conocí a Pasqual. En aquellos tiempos, finales de los ochenta y primeros años de los noventa, se iniciaba uno de esos capítulos que marcan los cambios importantes en la educación: la normalización de la Educación Musical en la escuela pública. Por primera vez, esta posibilidad, reservada a la educación ‘bien’ de algunos colegios selectos se colaba, para instalarse ya sin retroceso posible, en el curriculum educativo del sistema escolar. Pasqual tenía a su cargo esta responsabilidad en el País Valencià, y la cosa no podía estar en mejores manos. Para poner en marcha el programa Música a l'Escola  contaba no solo con ideas claras, una considerable experiencia y un apabullante equipamiento conceptual sino, sobre todo, con esa capacidad de liderazgo capaz de convertir hasta a un grupo de modestos maestros funcionarios en  un colectivo de juramentados  entregados a una misión. Los que tuvimos la suerte de participar en esos primeros años, cuando las cosas arrancan con la frescura y la fuerza de aquello que está por construir, llenábamos el depósito con la poderosa convicción  que desplegaba Pasqual en sus charlas, y sobre todo, con el contagioso entusiasmo de su acción.
El sábado pasado nos reunimos casi dos centenares  de amigos para celebrar la jubilación de su puesto en el servicio de formación del profesorado, en el que en esta época difícil resistía desde hace años con su tenacidad característica. Fue en una fiesta inolvidable en la que, como no podía ser menos, la música fue junto a él la protagonista y el afecto el material esencial. En estos tiempos de resistencia, en los que hemos de sufrir los huecos discursos políticos sobre la importancia de la educación de aquellos que la desmantelan con ignorancia y mala fe a partes iguales, es reconfortante un encuentro como este,  en el que en pie saludas y brindas, con Mozart presente, por supuesto, una ejecutoria educativa honesta, clara, limpia y brillante como la de Pasqual. Y no digo jubilación, porque no me creo tal cosa. Gràcies, mestre!

sábado, 28 de mayo de 2011

Marcha Turca: Musicograma

Beethoven compuso en 1811 esta marcha como música incidental para la obra teatral "Las Ruinas de Atenas", de August von Kotzebue. Este musicograma en flash da animación a uno propuesto por la profesora Batia Strauss en un curso de audición activa hace ya varios años.
Los niños siguen el musicograma con onomatopeyas (chassss! en los signos verticales, brrrrr en los ondulados y clac-clac-clac en los punteados) . En una segunda audición sobreinstrumentando con instrumentos de pequeña percusión (triángulos y crótalos, sonajas y cascabeles y cajas chinas y claves, respectivamente).
Pincha aquí para pantalla completa

domingo, 22 de mayo de 2011

Musicogramas con flash

En este minitutorial voy a intentar explicar la forma de hacer musicogramas con Flash. Si bien este no es un programa de software libre, es hoy por hoy uno de los más potentes para realizar actividades interactivas, y corre aceptablemente bien bajo Wine.
Le dedico este tutorial especialmente a Nani, activa maestra de música en Galicia a la que se lo prometí hace meses. Más vale tarde que nunca.
El resultado que se trata de conseguir es algo así:
Pincha aquí para pantalla completa



Generalmente los alumnos siguen los musicogramas  sobre el papel señalando rítmicamente sobre los  dibujos de corazones o los simbolos que representan el pulso musical. Así que esta actividad ejemplifica lo que han de hacer, y pueden además intentar seguirla en la PDI. Una variante, que podemos ver más adelante, es hacerla aún más interactiva, de forma que si el alumno no la sigue 'a tempo', ésta pueda pararse y dar un mensaje de error, o bien de felicitación en caso contrario.
Se trata de un musicograma muy simple, pero la dinámica es válida para cualquiera otra que queramos realizar, cambiando solamente los elementos gráficos y decorativos, o aumentando el número de acciones (letra que aparezca tipo karaoke, etc)
Esquema general
En esencia, lo que queremos conseguir es  reproducir una canción y que, en determinados instantes de esta reproducción, aparezcan elementos gráficos en la escena. Por tanto, tendremos que introducir en la escena un archivo de sonido con sus correspondientes botones de reproducción, y definir unas funciones que se ejecuten cuando el archivo de sonido pase por determinados tiempos.
Paso 1 Preparando elementos de la escena.
Como se puede ver, ésta consta simplemente del título, la letra de la canción y 16 dibujos de corazones que representan el pulso musical y que deben ir apareciendo a tiempo conforme la música va sonando. Estos son instancias de un símbolo y les hemos puesto nombres de instancia c1, c2....c16

Paso 2 Vinculando la música y diseñando el reproductor
Este paso ya está explicado aquí. Los pasos, rápidamente, son los siguientes:
1) Importamos el sonido wav de la canción a la biblioteca
2) Sobre el sonido importado en la biblioteca, con el botón derecho del ratón seleccionamos 'vinculación' y rellenamos las opciones de vinculación.
3) Añadimos una capa, la llamamos 'acciones' y escribimos el código siguiente 
//VINCULANDO  WAV
musica1 = "XimoBoticari.wav"; //asignamos una variable al wav vinculado
sonidoCancion = new Sound(); //creamos un objeto de sonido
sonidoCancion.attachSound(musica1);// relacionamos ese objeto con la variable del wav
Ahora tenemos un objeto de sonido, 'sonidoCancion' que podemos manejar con ActionScript

4) Botones Play/Pause y Stop
Vamos a crear ahora tres nuevas capas, que llamaremos play, pause y stop. En cada una de ellas vamos a arrastrar desde Ventana/Biblioteca/Bibliotecas comunes los botones prefabricados que nos proporciona el propio programa. Aquí se han utilizado los disponibles en la carpeta 'Playback'

Como el botón 'play' debe alternarse con el 'pause', colocaremos ambos superpuestos (pero en capas distintas). El botón 'stop' quedará a la izquierda de ambos. En la siguiente imagen, el botón 'pause' no se ve ya que queda oculto por el 'play', situado en una capa superior.


Por último daremos a los botones los nombres de instancia btn_play, btn_pause y btn_stop respectivamente.

5) Código de acciones de los botones play, pause y stop
Volvemos a la capa acciones y escribimos el código siguiente
//Definimos una variable que almacenará el punto de la canción (en milisegundos)en que nos encontramos. //Su valor inicial será 0 (inicio de la canción);
var pausa:Number = 0;
//+++++++++++++++++++++++++++
//ACCIONES DEL BOTON 'PLAY' al soltar el boton del ratón
btn_play.onRelease =function(){
//la canción comienza a sonar desde el principio la primera vez o desde el segundo en que se ha hecho pause,
sonidoCancion.start(pausa / 1000);
// La canción está sonando así que hacemos que el botón play se vuelva invisible y el pause visible.
this._visible = 0; 
btn_pause._visible = 1;
};
//++++++++++++++++++++++++++++
//ACCIONES DEL BOTON PAUSE al soltar el boton del ratón
btn_pause.onRelease =function(){ 
//almacena la posición de la canción en el momento de hacer pause 
pausa = sonidoCancion.position; 
//detiene la reproducción 
sonidoCancion.stop(); 
//A la inversa que con play. El botón pause se hace invisible y el play visible 
this._visible = 0; 
btn_play._visible = 1;
};
//++++++++++++++++++
//ACCIONES DEL BOTON 'STOP'
btn_stop.onRelease = function(){ 
//detiene la reproducción 
sonidoCancion.stop(); 
//pone la variable 'pausa' a 0; 
pausa = 0; 
//hace visible el boton play e invisible el pause 
btn_play._visible = 1; 
btn_pause._visible = 0;
};
Paso 3 Determinando los tiempos relevantes de la canción
Esta es la fase más engorrosa de todo el proceso, ya que hay que hacer una lista con los tiempos en  milisegundos en que se producen los eventos que nos interesan.
Abrimos el archivo de sonido con Audacity

Una manera rápida de proceder es averiguar el tiempo en que se inicia el primer compás de la melodía y el tiempo correspondiente al inicio del noveno compás. Si la música está interpretada con un tempo exacto, dividiendo por 16 (ya que estamos en un compás de 2/4) tendremos la duración de cada pulso. De ahí podemos sacar las cifras qe nos interesan.
Por ejemplo, en este caso, la melodia se inicia en t1= 5.960 milisegundos (ms). y el compás noveno se inicia en t17= 17.240 ms. Por tanto la duración de cada pulso será 705 ms.
Podemos hacer más rápido el proceso utilizando una tabla de hoja de cálculo. Así, obtendremos los tiempos en que los dibujos deben aparecer, de acuerdo con el pulso de la canción:
Con esos datos vamos a pegar, en la capa 'acciones', un array que contendrá los tiempos en que se inicia cada pulsación y debe aparecer cada simbolo:
Pegamos en la capa 'acciones':
//Array que contiene los tiempos de cada pulso musical de la melodía
tiempoCancion = new Array(0, 5960, 6665, 7370, 8075, 8780, 9485, 10190, 10895, 11600, 12305, 13010, 13715, 14420, 15125, 15830, 16535, 17240);
Paso 4 El momento del código
El código con el que vamos a conseguir que la reproducción active los símbolos es el siguiente:
Empezamos haciendo todos los corazones invisibles: Introducimos este código en la capa 'acciones'
//++++++++++++++++++++++++++++++
corazones = new Array(0, "c1", "c2", "c3", "c4", "c5", "c6", "c7", "c8", "c9", "c10", "c11", "c12", "c13", "c14", "c15", "c16", "c17");
for (a = 0; a < 20; a++)
{
_root[corazones[a]]._visible = 0;
}
//+++++++++++++++++++++++++++++++
Ahora vamos a definir una función, 'mostrarPulsación', que irá haciendo visibles los corazones cuando la canción pase por los tiempos definidos en el array 'tiempoCanción'
//++++++++++++++++++++++++++++++++
function mostrarPulsacion()
{
if ((sonidoCancion.position > tiempoCancion[n]) && (sonidoCancion.position < tiempoCancion[n + 1]))
{
_root[corazones[n]]._visible = 1;
}
//cuando la canción rebasa l           
if ((sonidoCancion.position > tiempoCancion[n + 1]) && (sonidoCancion.position < tiempoCancion[n + 2]))
{
n++;
}
}
//++++++++++++++++++++++++++++++++++
Veamos el código con detenimiento:
sonidoCancion.position devuelve el tiempo en milisegundos conforme la canción se va reproduciendo. La primera condición if detecta si la canción se encuentra entre los valores n y n+1. En ese caso hace visible el corazón 'n' .
La segunda condición if aumenta el valor de 'n', con lo que el proceso vuelve a repetirse nuevamente, y así sucesivamente.
Solo falta ahora introducir, en el boton 'play', dos cosas. Una es que se ejecute esta función,  mostrarPulsacion.
La otra es introducir una funcion setInterval, que llamaremos 'refresco' para que se compruebe continuamente el paso del tiempo. Así, el boton 'play' quedará así:
//++++++++++++++++++++++++++++++++++++++++++
btn_play.onRelease = function()
{
//la canción comienza a sonar desde el principio la primera vez o desde el segundo en que se ha hecho pause,
sonidoCancion.start(pausa / 1000);
mostrarPulsacion();
refresco = setInterval(mostrarPulsacion, 20);
// La canción está sonando así que hacemos que el botón play se vuelva invisible y el pause visible.
this._visible = 0;
btn_pause._visible = 1;
};
//+++++++++++++++++++++++++++++++++++++++++