T I T U LACI ÓN D E IN GENI ERO EN ELECT RÓNI CA Y
T ELECOM U NI CACIO NES
Asignación de notas musicales a una imagen a color
Trabajo de fin de titulación.
AU T O RA:
León Rosales Diana del Cisne
D I RECT OR:
Aguirre Reyes Daniel Fernando, Mgs.
CERT I FI CACI ÓN : ACEPT ACI ÓN PROYECT O D E FIN D E T I T ULACI ÓN
Loja, 17 de junio del 2012
M gs. Daniel Fernando Aguirre Reyes.
Escuela de Electrónica y Telecomunicaciones
Dejo constancia de haber revisado y estar de acuerdo con el proyecto de fin de titulación denominado: “Asignación de notas musicales a una imagen a color”.
Presentado por:
León Rosales Diana del Cisne
Particular que comunico para los fines legales pertinentes.
--- M gs. Daniel Fernando Aguirre Reyes.
Visto Bueno del Coordinado (E) de la Titulación
F)……… Ing. Jorge Luis Jaramillo Pacheco
COORDINADOR (E) DE LA TITULACIÓN DE ELECTRÓNICA Y TELECOMUNI CACIONES
CESI ÓN D E D ERECH OS
Diana del Cisne León Rosales declara ser autora del presente trabajo y exime formalmente a la Universidad Técnica Particular de Loja y a sus representantes legales de posibles reclamos o acciones legales.
Adicionalmente declaro conocer y aceptar la disposición del Art. 67 del Estatuto Orgánico de la Universidad Técnica Particular de Loja que su parte pertinente textualmente dice: “Forman parte del patrimonio de la Universidad la propiedad intelectual de investigaciones, trabajos científicos o técnicos y tesis de grado que se realicen a través, o con el apoyo financiero, académico o institucional (operativos) de la Universidad”.
La autora
AU T ORÍA
Las ideas, opiniones, conclusiones, recomendaciones y más contenidos expuestos en el presente proyecto de tesis son de absoluta responsabilidad de la autora.
D ED I CAT ORI A
Quiero dedicar este trabajo a Dios por darme la sabiduría y paciencia necesaria para culminarla. Agradecerme por el empeño demostrado en el desarrollo de tan buen trabajo. A mis padres por su ayuda incondicional. A mis amigos por su apoyo anímico y a todas las personas que me ayudaron de alguna u otra forma para finalizar este proyecto.
AGRAD ECI M I EN T OS
Agradecer al ingeniero Luis Moreno, por la ayuda con la realización del software para el barrido diagonal.
Í N D I CE D E CON T EN I D OS
CERT IFI CACI ÓN: ACEPT ACI ÓN PROYECT O D E FI N D E CARRERA ... ii
CESI ÓN D E D ERECH OS ... iii
AUT ORÍ A ... iv
D ED I CAT ORI A ... v
AGRAD ECIM I ENT OS ... vi
Í ND I CE D E CONT ENI D OS ... vii
LI ST A DE FIGURAS... ix
LI ST A DE T ABLAS ... x
RESUM EN ... 1
I NT ROD UCCI ÓN ... 2
OBJET I VOS ... 4
CAPÍT ULO 1: LOS COLORES Y LAS NOT AS M USI CALES ... 5
1.1. El Color ... 5
1.1.1. La percepción del color ... 5
1.1.2. La escala cromática ... 5
1.1.2.1. Clasificación de Colores ... 6
1.2. La música y las notas musicales. ... 8
1.2.1. La escala musical. ... 8
1.2.2. Frecuencia de notas musicales ... 9
1.3. Combinación de M úsica y Color ... 9
CAPÍT ULO 2: REQUI SI T OS PARA REALIZACI ÓN D EL PROGRAM A ... 12
2.1. I magen ... 12
2.1.1. Barrido de la imagen ... 12
2.1.1.1. Barrido H orizontal ... 12
2.1.1.3. Barrido D iagonal... 13
2.2. Notas musicales empleadas ... 13
CAPÍT ULO 3: RELACI ÓN D E CAD A NOT A M USI CAL CON LA GAM A D E COLORES ... 15
3.1. D ivisión de colores ... 15
3.2. Asignación de notas musicales ... 17
3.3. Relación final de nota musical con gama de colores. ... 18
3.4. D iagrama de flujo del programa M USI COLOR. ... 20
CAPÍT ULO 4: DESARROLLO ... 21
4.1. Presentación del Programa... 21
4.2. Lectura de la imagen.- ... 21
4.3. Redimensionamiento de la imagen. ... 21
4.4. Velocidad de barrido ... 22
4.5. T ipos de barrido ... 22
4.6. D etener ejecución del programa... 22
4.7. Botón de manual de usuario ... 22
CAPÍT ULO 5: RESULT AD OS ... 24
CAPÍT U LO 6: CONCLUSI ONES Y RECOM END ACI ONES ... 31
6.1. Conclusiones ... 31
6.2. Recomendaciones... 32
6.3. T rabajos Futuros ... 32
LI ST A D E FI GURAS
Figura 1. 1 Colores primarios, [6] ... 6
Figura 1. 2 Colores secundarios, [6] ... 6
Figura 1. 3 Colores terciarios, [6] ... 7
Figura 1. 4 Colores complementarios, [6] ... 7
Figura 1. 5Circulo de 12 colores luz y valores RGB correspondientes, [7] ... 10
Figura 1. 6Circulo de 14 colores incluido blanco y negro. ... 10
Figura 1. 7Escala cromática con varias intensidades en sus colores. ... 11
Figura 2. 1a) Barrido horizontal 1, b) Barrido H orizontal 2. ... 12
Figura 2. 2a) Barrido vertical 1, b) Barrido vertical 2. ... 13
Figura 2. 3a) Barrido diagonal 1 y b) Barrido diagonal 2. ... 13
Figura 3. 1 Colores utilizados en el desarrollo del programa ... 19
Figura 4. 1 Presentación inicial del programa, con el botón continuar. ... 21
Figura 5. 1 Botón de cargar imagen y visualización de la misma en Matlab ... 24
Figura 5. 2 Cuadro de error al cargar imagen ... 24
Figura 5. 3Redimensionamiento de imagen en Matlab ... 25
Figura 5. 4 Error en el redimensionamiento de imagen en Matlab ... 25
Figura 5. 5Velocidades de barrido... 25
Figura 5. 6 Error al seleccionar la velocidad ... 26
Figura 5. 7 Barrido H orizontal 1 en Matlab ... 26
Figura 5. 8 Barrido H orizontal 2 en Matlab ... 27
Figura 5. 9 Barrido Vertical 1 en Matlab ... 27
Figura 5. 10 Barrido Vertical 2 en Matlab ... 28
Figura 5. 11Barrido Diagonal 1 en Matlab... 28
Figura 5. 12Barrido Diagonal 2 en Matlab ... 29
Figura 5. 13 Botón de detener del programa. ... 29
Figura 5. 14 Botón de manual de usuario ... 30
Figura 5. 15 Ejecución del botón de manual de usuario ... 30
Figura 5. 16 Botón salir del programa ... 30
LI ST A D E T ABLAS
T abla 1. Frecuencias (en hertzios) de las notas musicales, [9] ... 9
T abla 2 Notas musicales y frecuencias utilizadas en el proyecto [9]... 14
T abla 3. Variación del color azul, con un salto de 30 valores y el último con 45. ... 15
T abla 4 Variación del color azul, y verde con un salto de 30 valores y el último con 45. ... 16
RESUM EN
En este trabajo se presenta la elaboración de un programa escrito bajo la plataforma
MATLAB, en donde se relaciona las notas musicales a una imagen de color. Las imágenes
que se ingresan en el programa son a color y con extensión .jpg. La asignación de colores con
las notas musicales es un trabajo realizado por la autora, tomando en cuenta la cantidad de
notas musicales (hasta la octava nota musical), y asignar un color incluidos el blanco y negro.
Los tipos de barrido de cada pixel que forma la imagen son: horizontal, vertical y diagonal,
explicados a detalle en el avance de este trabajo. Por último se obtiene los sonidos (no es una
melodía) generados por el programa, producto de la imagen ingresada luego del
procesamiento de la misma.
I NT RO DUCCI ÓN
Como método de aprendizaje para niños sobre música, los colegios de Chile
desarrollaron una relación entre colores y sonidos musicales. De esta forma los niños
acceden a la lectura y creación de propias canciones mediante el juego, los colores, la
representación gráfica del sonido, el tiempo y el espacio. Se aplica la metodología en colegios
de Chile desde 1979, se enseña en Arica (colegio Ford College), Calama (Leonardo da
Vinci), Antofagasta (Teletón, Liceo Experimental Artístico, Escuela de Desarrollo Artístico),
La Serena (Colegio Alemán del Elqui), Santiago (Jardín Infantil Musical My Little Home,
Colegio Ensenada, Francisco de Asís, La Maisonnette, Pablo Apóstol, Trebulco, Redland,
San Ignacio (El Bosque), Santa Catalina de Siena, Santo Domingo, Terranova y Saint
George’s College). El metalófono
1es un sistema musical donde cada nota es representada
por un color, utilizado como un método para el aprendizaje musical de los niños. [1].
Se trabajóo en niños y adolescentes por Jessica Rossi, en el proyecto llamado
COL.diesis (El color se transforma en sonido), el cual se desarrolló en el Departamento de
Matemáticas de la UIB, en Mallorca, España
2[12].
Un método para la identificación de colores para las personas con discapacidad
visual, es la sinestesia. Por ejemplo, hay diseños de un aparato, que asociaría los colores a
música. La tonalidad sería indicada por la nota musical (así una nota aguda indicaría un color
de tonalidad clara y una nota grave una de oscura) y el color por el instrumento (así la flauta
dulce indicaría el amarillo, el clarinete el azul, los tambores el rojo o el piano el verde). [2].
En este proyecto de tesis se presenta una aplicación realizada en el programa
MATLAB versión R2010a, que registra una imagen a color en formato .jpg (Joint
Photographic Experts Group) y se obtiene como salida un sonido proveniente de dicha
imagen, de acuerdo a una escala de asignación de sonidos con colores establecidos. En este
programa, el sonido que se genera no es una melodía, es decir que lo que escucha el usuario
1 M et alófono: Inst rument o musical de percusión en que el sonido se produce percut iendo con baquet as o macillos una o varias hileras de barras met álicas a modo de teclas [10]
no es música tal cual como la conocemos, es una concatenación de notas musicales a la cual
se le podría encontrar un patrón de sonido para crear música...
Así mismo se desarrolla el procesamiento de la imagen y las opciones de barrido para
obtener un patrón de sonidos distintos y una posible armonía.
En este trabajo se presentan fundamentos importantes como la escala cromática, la
escala musical y sus frecuencias, y el código del programa llamado MUSICOLOR, que se
empleó para el desarrollo de este proyecto.
Las imágenes procesadas son únicamente en formato .jpg que es el formato de
compresión de imágenes más utilizado actualmente, tanto en imágenes presentadas en escala
de grises como también a color. El desarrollo de la escala cromática y la asignación de la
escala musical para cada color fueron diseñadas por la autora, y los sonidos obtenidos de esta
correspondencia, fueron expuestos tanto a personas con discapacidad visual para su
calificación y medición del rendimiento del mismo, como para personas sin discapacidad
visual con el objetivo de que den su opinión sobre la utilidad de este programa.
Como resultado, se realizó una prueba sobre este proyecto a cuatro personas con
discapacidad visual, de la Fundación Tiflológica Ecuatoriana Punto 7,
3y a diez personas sin
discapacidad visual, entre ellos 7 universitarios y 3 adultos mayores, para su evaluación y
aporte en proyectos futuros relacionados con la discapacidad visual.
OBJET I VOS
Objetivo General
Realizar un programa de procesamiento de una imagen a color para luego
relacionarla con una escala musical y reproducir una señal de audio.
Objetivos Específicos
Estado del arte sobre registro de imágenes relacionadas con el sonido.
Barrido de imágenes de forma horizontal, vertical y diagonal.
Elaboración de escala de colores y relación con escala musical. Lectura y valor del
color de cada pixel.
Elaboración del algoritmo que relaciona las señales visuales con señales auditivas.
CAPÍT ULO 1: LOS COLORES Y LAS NOT AS M USI CALES
Para realizar una combinación entre colores y música, es de gran importancia y
necesario primero tener en claro los conceptos de color y música.
1.1. El Color
El color representa uno de los aspectos más importantes y condicionantes de la
realidad que nos rodea. Tiene la gran capacidad de emocionarnos, de impresionarnos y de
crear significados y valores simbólicos, que como consecuencia, toman parte de la cultura
y de las tradiciones de cada persona [4].
1.1.1. La percepción del color
En general el color no se percibe solo a través de los ojos, puede ser percibido
también por otros aspectos de tipo cultural en el consciente y subconsciente. Aspectos
como las imágenes primordiales, la simbología, las influencias culturales atadas a las
tradiciones y a las experiencias de tipo personal forman parte de nuestra singular y
personal manera de percibir el color. El color est á asociado a sentimientos y conceptos de
la vida como: el amor, el odio, la tristeza, la felicidad, la esperanza, la soledad, la alegría.
etc. En la mayoría de los países del mundo se asocian colores específicos a conceptos bien
determinados que forman parte de la vida cot idiana, como por ejemplo, el rojo al amor
[4].
1.1.2. La escala cromática
El tema de la construcción de escalas cromáticas se relaciona directamente con el
establecimiento de un surt ido de alfabeto de colores que contenga las unidades mínimas
de este lenguaje, esencialmente pictórico, de manera similar (sólo similar) a la función que
cumplen las escalas musicales para la notación musical. Plat ón fue uno de los primeros
quien buscó explicar y ordenar todos los colores entre el blanco y el negro, según su grado
de claridad [14]. Las reglas de combinación de colores que surge de esta propuesta
producen respuestas descabelladas, lo cual deja en evidencia que Platón no fue un gran
pintor, sin embargo hay que rescatar que la armonía cromática buscada por este
Sin embargo, no es hasta el renacimiento, León Battista Alberti, Roberto
Grosseteste y Leonardo Da Vinci, unen teoría y práctica, gracias a sus variados intereses
(pintores, arquitectos, ingenieros, entre otros) y a partir de entonces se establecen reglas
más claras e inequívocas para la combinación de colores [5]. Por un lado dividen los
colores en 2 grupos: escala de grises y escalas cromáticas. Los primeros conforman una
graduación lineal entre el blanco y negro como proponía Platón, para el segundo tipo se
ensayó una serie de alternativas, siempre a part ir de la definición de un grupo de colores
básicos. [5]
1.1.2.1.Clasificación de Colores
Los colores se pueden clasificar en: primarios, secundarios, terciarios y
complementarios.
Los colores primarios (Figura 1.1) son solo tres de los que, al mezclarlos, se
obtienen todos los otros; estos tres colores considerados "absolutos", porque no se
pueden elaborar con ninguna mezcla, se llaman colores primarios y son: rojo, azul y
amarillo [6].
Figura 1. 1 Colores primarios, [6]
Los colores secundarios (Figura 1.2) son: naranja, verde, violeta. Se obtienen
mezclando dos colores primarios en partes iguales [6].
M ezclando dos colores primarios en diversas cantidades se obt iene un color
terciario. Observando la Figura 1. 3, vemos que en el t riángulo del centro tenemos los tres
colores primarios, a cada lado del triángulo están situados los tres colores secundarios, y
los colores terciarios se encuentran en el círculo externo dividido en doce partes iguales.
[6].
Figura 1. 3 Colores terciarios, [6]
Se llaman colores complementarios (Figura 1. 4) porque tienen la característica de
resaltar en el color opuesto presente en el círculo cromático. El complementario del
amarillo es el violeta. Para encontrar el color complementario de un tono basta
combinarlo con el color opuesto. Los complement arios de los colores puros forman copias
cromáticas con características muy marcadas. Se definen como complementarios dos
[image:17.612.189.457.447.663.2]colores que mezclados entre ellos dan el gris puro [6].
1.2. La música y las notas musicales.
A un nivel puramente sensorial, la utilización de la música ayuda al invidente a
desarrollar la percepción audit iva y le enseña a basar su percepción sobre una secuencia
de sonidos. Además la utilización de la música en las ejercitaciones físicas le ayuda a
desarrollar el sentido espacial que le falta. “ M usicalmente es muy importante que al niño
se le permita descubrir el número más alto de sonidos posibles” [4].
Para un niño invidente, la música puede ser un estímulo muy fuerte capaz de
desarrollar en parte su independencia, ganas de conocer, y autoestima. La creación
independiente o en equipo de pequeños motivos musicales empuja fuertemente la
creatividad del niño. [4]
1.2.1. La escala musical.
La escala musical básica en la música Occident al es la conocida: Escala de Do
M ayor de siete notas: Do – Re – M i – Fa – Sol – La – Si. La nota más grave de esta escala
es Do y la más aguda es Si. [8].
Los anglosajones4 utilizan una notación diferent e, con una sola letra por nota,
comenzando por la C (Do) hasta la B (Si): C – D – E – F – G – A – B, es decir, las
equivalencias son: C=Do - D=Re - E=M i - F=Fa - G=Sol - A=La - B=Si. Por encima del Si, se
repite la misma escala comenzando por un Do más agudo que el anterior. Cada grupo de
notas de Do a Sí se denomina una octava (porque la siguiente comienza en la octava nota
después). Entre esas siete notas básicas, existen otras cinco notas, llamadas “ sostenidos”
(#) o “ bemoles” (b), con las que la distancia entre una nota y la siguiente es la misma, lo
que se llama un semitono. La escala de doce not as, semitono a semitono, queda así: Do -
Do# - Re - Re# - M i - Fa - Fa# - Sol - Sol# - La - La# - Si. [8]
1.2.2. Frecuencia de notas musicales
En la Tabla 1 se observa las frecuencias (en hertzios) de todas las notas musicales
que pueden ser reproducidas por cualquier instrumento o voz (dentro de los parámetros
normales, sin considerar los casos excepcionales). Cada fila representa una de las doce
notas y cada columna una de las nueve octavas [9].
Oc. 0 Oc. 1 Oc. 2 Oc. 3 Oc. 4 Oc. 5 Oc. 6 Oc. 7 Oc. 8 D o 32,70 65,41 130,81 261,63 523,25 1046,50 2093,00 4186,01 D o# 34,65 69,30 138,59 277,18 554,37 1108,73 2217,46 Re 36,71 73,42 146,83 293,66 587,33 1174,66 2349,32 Re # 38,89 77,78 155,56 311,13 622,25 1244,51 2489,02 Mi 41,20 82,41 164,81 329,63 659,26 1318,51 2637,02 Fa 43,65 87,31 174,61 349,23 698,46 1396,91 2793,83 Fa # 46,25 92,50 185,00 369,99 739,99 1479,98 2959,96 Sol 49,00 98,00 196,00 392,00 783,99 1567,98 3135,96 Sol# 51,91 103,83 207,65 415,30 830,61 1661,22 3322,44 La 27,50 55,00 110,00 220,00 440,00 880,00 1760,00 3520,00 La # 29,14 58,27 116,54 233,08 466,16 932,33 1864,66 3729,31 Si 30,87 61,74 123,47 246,94 493,88 987,77 1975,53 3951,07
T abla 1. Frecuencias (en hertzios) de las notas musicales, [9]
1.3. Combinación de M úsica y Color
El dispositivo antes mencionado por el proyecto Col.dieses, permite crear
combinaciones muy sencillas de notas musicales y es una manera de empezar a acercar al
niño de cinco a doce años a la música, para enseñarle como apreciar el sonido en sí, como
elemento reconocible y distinguible. El dispositivo tiene como principal objetivo a nivel
tecnológico, detectar cualquier color y devolverlo en notas musicales, para la construcción
del mismo se subdivide en dos segmentos [4]:
a) La parte electrónica: es a través de un sensor de colores que el dispositivo
aparte de detectar el color, puede expresarlo en sus parámetros RGB (Red, Green, Blue),
este dispositivo fue realizado en el año 2009.
b) La parte de programación, donde se estudió un esquema de clasificación de
colores programable en el dispositivo, que permitiera un fácil acceso a las opciones
propuestas y un reconocimiento lo más simple posible de los colores a través de la música.
Además se ha intentado simular el disposit ivo con un sensor y ordenador para
Existen algunos artistas que han tratado de relacionar la música y color, como por
ejemplo Joaquín Pérez, propone un nuevo modelo de relación entre el estímulo color y el
estímulo sonido musical, considerando la correspondencia de las dimensiones físicas del
color (tono, luminosidad y saturación) con las dimensiones físicas del sonido (altura,
volumen y timbre), la relación que él realiza se la aprecia en la siguiente figura (Figura 1.
5).
Figura 1. 5 Circulo de 12 colores luz y valores RGB correspondientes, [7]
En la Figura 1. 5 se puede ver que no se incorpora el color blanco y negro, por lo
que en la Figura 1. 6 se añaden estos dos colores, a la escala cromática.
En la Figura 1. 7, se puede apreciar una escala cromática mayor, con varias
intensidades de cada color.
CAPÍT ULO 2: REQUI SI T OS PARA REALIZACI ÓN DEL PROGRAM A
2.1. I magen
El tipo de imagen que el usuario debe ingresar debe estar en formato .jpg. Una
imagen con extensión jpg se refiere a una imagen fija, es decir una imagen sin animación,
opuestas a las imágenes GIF, que poseen movimiento, siendo la más utilizada por la
mayoría de personas, tant o para niños como para personas especializadas en la fotografía.
La imagen que se ingresa al programa es una imagen a color. También se puede
ingresar una imagen en escala de grises o una imagen en blanco y negro, pero con el
resultado de que no se apreciaría el sonido de la mayoría de notas musicales.
A la imagen que se ingresa se le realiza un redimensionamiento para que su
resolución sea menor, ya que al tener una imagen con alta resolución el programa podría
volverse demasiado lento.
2.1.1. Barrido de la imagen
Los barridos de la imagen serán en forma horizontal, vertical y diagonal.
2.1.1.1.Barrido H orizontal
En cuanto al barrido horizontal se tiene dos sentidos visualizado en la Figura 2.1. El
barrido horizontal 1, será de arriba hacia abajo, y de izquierda a derecha, y el barrido
horizontal dos, será de abajo hacia arriba y de derecha hacia izquierda.
2.1.1.2.Barrido Vertical
Para el barrido vertical (Figura 2.2), se tiene de la misma forma dos sentidos, el
barrido vertical 1, será de arriba hacia abajo y de izquierda a derecha, y el barrido vertical
2, será de abajo hacia arriba y de derecha hacia izquierda.
Figura 2. 2 a) Barrido vertical 1, b) Barrido vertical 2.
2.1.1.3.Barrido Diagonal
Para el barrido en forma diagonal (Figura 2.3), se tiene el barrido diagonal uno, que
va desde la parte inferior izquierda hasta la parte superior derecha, y el barrido diagonal
dos que va desde la parte superior derecha hast a la parte inferior izquierda.
Figura 2. 3a) Barrido diagonal 1 y b) Barrido diagonal 2.
2.2. Notas musicales empleadas
Las notas musicales que se utilizaron van desde la nota la0 hasta la nota fa7. Sus
Oc. 0 Oc. 1 Oc. 2 Oc. 3 Oc. 4 Oc. 5 Oc. 6 Oc. 7
Do 32,70 65,41 130,81 261,63 523,25 1046,50 2093,00
Do# 34,65 69,30 138,59 277,18 554,37 1108,73 2217,46
Re 36,71 73,42 146,83 293,66 587,33 1174,66 2349,32
Re# 38,89 77,78 155,56 311,13 622,25 1244,51 2489,02
M i 41,20 82,41 164,81 329,63 659,26 1318,51 2637,02
Fa 43,65 87,31 174,61 349,23 698,46 1396,91 2793,83
Fa# 46,25 92,50 185,00 369,99 739,99 1479,98
Sol 49,00 98,00 196,00 392,00 783,99 1567,98
Sol# 51,91 103,83 207,65 415,30 830,61 1661,22
La 27,50 55,00 110,00 220,00 440,00 880,00 1760,00
La# 29,14 58,27 116,54 233,08 466,16 932,33 1864,66
Si 30,87 61,74 123,47 246,94 493,88 987,77 1975,53
CAPÍT ULO 3: RELACI ÓN DE CADA NOT A M USICAL CON LA GAM A DE COLORES
3.1. D ivisión de colores
Existen 16.581.375 combinaciones de colores, dado que tenemos tres planos de
colores: el rojo, verde y azul con 256 valores o intensidades de cada uno. Para la división
de colores se siguió los siguientes pasos:
1. Se comienza con el color blanco [255 255 255]. Se mantiene constante el plano
rojo y, con el plano azul, se realiza una variación, es decir: [255 255 x (varia)]. La
variación del plano azul se la realiza con un salto de 30 valores; es decir, si se
tiene el valor 255 el siguiente número será 225, quedando de la siguiente
forma; [255 255 (255-30)]y el ultimo valor mostrado en la tabla se lo realiza con
un salto de 45 valores, hasta llegar a 0 con respecto al plano azul, así se
obtiene lo siguiente (Tabla. 3 ):
R G B
255 255 255
255 255 225
255 255 195
255 255 165
255 255 135
255 255 105
255 255 75
255 255 45
255 255 0
T abla 3. Variación del color azul, con un salto de 30 valores y el último con 45.
2. Se mantiene constante el plano rojo, pero ahora el plano verde cambia, es
decir que tenemos: [255 x (varia) y (varia)]. La variación es de la misma
mecánica explicada anteriormente con un salto de 30 valores para todos los
valores, excepto uno, y luego con un salto de 45 valores para el último valor.
a. Se mantiene el plano rojo y verde y se varia el plano azul: [255 255
(255-30)] hasta llegar al valor 0,es decir;[255 255 0]
b. Se empieza a variar el plano verde; [255 (255-30) 255] y nuevamente se
varia el plano azul hasta llegar al valor 0; [255 225 0].
c. Sigue cambiando el plano verde y azul hasta llegar al valor 0, tanto del
plano verde como del plano azul, es decir; [255 0 0].
R G B
255 255 255
255 255 225
255 255 195
255 255 165
255 255 135
255 255 105
255 255 75
255 255 45
255 255 0
255 225 255
255 225 225
255 225 195
255 225 165
255 225 135
255 225 105
255 225 75
255 225 45
255 225 0
T abla 4 Variación del color azul, y verde con un salto de 30 valores y el último con 45. 3. Al obtener los valores [255 0 0], se cambia el plano rojo de la misma forma que
los anteriores, con un salto de 30 valores y para el últ imo con un salto de 45
valores (tabla. 5), así tenemos que: [x (varia) y (varia) z (varia), obteniendo el
siguiente valor que es; [(255-30) 255 255].
R G B
255 0 0
225 255 255
225 255 225
225 255 195
225 255 135
225 255 105
225 255 75
225 255 45
225 255 0
225 225 255
225 225 225
225 225 195
225 225 165
225 225 135
225 225 105
225 225 75
225 225 45
225 225 0
T abla 5 Variación del color azul, verde y rojo con un salto de 30 valores y el último con 45. 4. Se realiza esto hasta llegar a los valores mínimos de los tres planos RGB,
obteniendo el color negro [0 0 0]. En la Figura 11, vemos los colores obtenidos
después de haber realizado el salto de cada uno de ellos.
3.2. Asignación de notas musicales
La asignación de las notas musicales se la realiza de manera fácil y rápida: una vez
obtenido todos los valores de la división de colores explicados en el punto 3.1, por cada
variación del plano verde, se le asigna la nota musical empezando desde la nota la0, hasta
la nota fa7, los primeros valores los podemos ver en la siguiente tabla.
R G B NOTA
255 255 255 la0
255 255 225 la0
255 255 195 la0
255 255 165 la0
255 255 135 la0
255 255 105 la0
255 255 75 la0
255 255 45 la0
255 255 0 la0
255 225 255 la0#
255 225 195 la0#
255 225 165 la0#
255 225 135 la0#
255 225 105 la0#
255 225 75 la0#
255 225 45 la0#
255 225 0 la0#
255 195 255 si0
255 195 225 si0
255 195 195 si0
255 195 165 si0
255 195 135 si0
255 195 105 si0
255 195 75 si0
255 195 45 si0
255 195 0 si0
T abla 6 Asignación de las primeras notas musicales con gama de colores.
3.3. Relación final de nota musical con gama de colores.
Después de haber realizado la división de los colores, y la asignación de las notas
musicales mencionadas anteriormente, se obtiene la escala final cromática que relaciona
3.4. D iagrama de flujo del programa M USI COLOR.
INICIO
FIN Es imagen a color
y formato jpg.
Error al cargar imagen
Visualizar imagen original
Valores de largo y ancho iguales
Redimensionamiento y Visualización de imagen
Error al cargar redimensionar imagen
Selección de velocidad de
barrido
Escoger velocidad de barrido
Elegir Tipo de Barrido Reproducir secuencia
de sonidos
Salir del programa
NO
NO
NO
NO
SI SI
SI
CAPÍT ULO 4: DESARROLLO
4.1. Presentación del Programa
Para la presentación del programa se escribió un programa en código de Matlab, en
la Figura 4.1, podemos visualizar un botón de continuar de la interfaz gráfica para ejecutarlo.
Figura 4. 1 Presentación inicial del programa, con el botón continuar.
4.2. Lectura de la imagen.-
Para la lectura de la imagen se realizo una condición if, en donde se cumple que si la
imagen ingresada es en formato jpg, la imagen es leída y visualizada correctamente, si no se
cumple la condición if, se presenta al usuario un cuadro de dialogo sobre el error,
recordando que solo puede cargar imágenes con el formato mencionado anteriormente.
4.3. Redimensionamiento de la imagen.
numéricos e iguales para que exista el redimensionamiento y la visualización previa de la
imagen redimensionada, si esta condición no se cumple, se mostrara un cuadro de dialogo
indicando el error al usuario.
4.4. Velocidad de barrido
Estos cambios de velocidad se lo realizan con el fin de que el usuario, al ingresar
imágenes con mayor resolución, pueda visualizar más rápido la imagen con sus notas
asignadas.
4.5. T ipos de barrido
Para la realización de los tipos de barrido, se trabaja los colores de la imagen
procesada en formato RGB, es decir se tendrá cada pixel de la imagen en RGB. Luego se
crea un súper vector que tendrá como elementos toda la cantidad de pixeles (RGB), el cual
se ira comparando con la escala cromática realizada.
Después de realizar esta comparación, se realiza la asignación de las notas musicales a
cada color del pixel leído, para luego reproducir un sonido.
4.6. D etener ejecución del programa
Si el usuario ejecuta el botón detener, únicamente detiene el barrido que se realiza
con la finalidad de que pueda probar los demás barridos y velocidad del mismo.
4.7. Botón de manual de usuario
El manual de usuario se lo crea en formato pdf, y ayuda a las personas que
utilicen el programa a emplearlo adecuadamente, para la creación de dicho manual se
sigue los siguientes pasos:
Ejecutar el programa de la presentación.
Ejecutar el programa principal.
Escribir los valores para redimensionar la imagen, como por ejemplo: largo
(30 valores) y ancho (30 valores). Nota: Los valores deben ser numéricos e
iguales ya que se trabaja con matrices cuadradas.
Presionar el botón de redimensionar la imagen.
Elegir la velocidad del barrido
Elegir el tipo de barrido que se tiene, siendo estos: H orizontal 1, H orizontal
2, Vertical 1, Vertical 2, Diagonal 1 y Diagonal 2.
CAPÍT ULO 5: RESULT AD OS
Se visualiza el botón de cargar la imagen, (Figura 5. 1). El usuario puede visualizarla y
cambiarla sin inconveniente alguno. En el caso de que la imagen no se haya cargado con el
formato correcto, se mostrará un cuadro de dialogo indicando el error (Figura 5. 2).
[image:34.612.237.410.164.385.2]Figura 5. 1 Botón de cargar imagen y visualización de la misma en Matlab
Figura 5. 2 Cuadro de error al cargar imagen
Figura 5. 3Redimensionamiento de imagen en Matlab
Figura 5. 4 Error en el redimensionamiento de imagen en Matlab
La velocidad de muestreo esta dividida en tres: velocidad baja, velocidad media y
velocidad alta (Figura 5. 5). Si el usuario no elige la velocidad, se le presenta un error (Figura
5. 6) indicando que es necesario elegir que velocidad desea. Además la velocidad puede ser
configurada (visible) una vez terminada la acción (tipo de barrido) que el usuario elija.
[image:35.612.287.358.530.680.2]Figura 5. 6 Error al seleccionar la velocidad
El usuario puede elegir entre 6 tipos de barridos, entre los que tenemos:
Barrido H orizontal 1
El barrido horizontal 1, va de arriba hacia abajo y de izquierda a derecha, se lo puede
visualizar en la Figura 5. 7
Figura 5. 7 Barrido Horizontal 1 en Matlab
Barrido H orizontal 2
[image:36.612.231.415.284.510.2]Figura 5. 8 Barrido Horizontal 2 en Matlab
Barrido Vertical 1
La visualización del barrido vertical 1, se lo visualiza en la Figura 5. 9, va de izquierda
a derecha y de arriba hacia abajo.
[image:37.612.231.416.437.665.2]Barrido Vertical 2
[image:38.612.237.410.146.353.2]La visualización del barrido vertical 2 se lo ve en la Figura 5. 10, va de derecha a
izquierda y de abajo hacia arriba.
Figura 5. 10 Barrido Vertical 2 en Matlab
Barrido D iagonal 1
El barrido diagonal 1, se lo observa en la Figura 5. 11, va de la parte inferior izquierda
hasta la parte superior derecha.
[image:38.612.230.416.462.682.2]Barrido D iagonal 2
[image:39.612.228.421.142.372.2]El barrido diagonal 2, se lo observa en la Figura 5. 12, va desde la parte superior
derecha hasta la parte inferior izquierda.
Figura 5. 12Barrido Diagonal 2 en Matlab
Para detener el barrido que se está realizando, se presiona el botón DETENER
(Figura 5. 13).
Figura 5. 13 Botón de detener del programa.
En el botón de manual de usuario (Figura 5. 14), se presenta un archivo en pdf5, que se visualiza en pantalla (Figura 5. 15) y explica al usuario a detalle cómo utilizar el programa.
Figura 5. 14 Botón de manual de usuario
Figura 5. 15 Ejecución del botón de manual de usuario
[image:40.612.237.407.547.693.2]Al ejecutar el botón de salir (Figura 5. 168), se muestra un cuadro al usuario
confirmando si realmente desea abandonar el programa.
Figura 5. 16 Botón salir del programa
CAPÍT ULO 6: CONCLUSI ONES Y RECOM END ACI ONES
6.1. Conclusiones
El programa que procesa una imagen a color y la relaciona con una escala
musical fue realizada con éxito, obteniendo como resultado una señal de
audio que es reproducida sin inconveniente alguno.
Se puede observar que debido a los diferentes barridos utilizados, se va a
obtener una secuencia de sonidos, con el fin de que el usuario elija cuál es el
mejor para él, es decir de todos los sonidos obtenidos, a cuál de ellos los
consideraría como una armonía valida.
La relación de la escala de colores con la escala musical es directamente
proporcional, es decir que mientras mayor cantidad de colores se utilice en la
realización de la escala cromática, mayor será también la escala musical,
siendo esto muy útil ya que se puede registrar mayor cantidad de datos al leer
una imagen a color.
Al preferir una imagen con mayor resolución y mayor redimensionamiento,
se puede apreciar de mejor manera los cambios de cada nota musical, debido
a que se ocupa una mayor cantidad de colores y por ende mayor cantidad de
notas musicales.
Las distintas velocidades de barrido, son de gran ayuda para que la persona
empiece relacionando la nota musical con el color correspondiente y vaya
adaptándose con el tiempo, además que da al usuario la preferencia de elegir
diferentes velocidades al ingresar imágenes con mayor resolución y así pueda
escuchar mucho más rápido los sonidos asignados.
La iniciativa del proyecto MUSICOLOR, para personas con discapacidad
visual es de aproximadamente del 50%, aunque la aceptación del programa en
si, es del 5%, ya que empiezan a surtir muchas sugerencias para la mejora del
mismo.
El programa es una ayuda dinámica, que también puede ser utilizada para los
niños que están aprendiendo sobre música, de una manera interactiva, fácil y
entretenida y también para personas que quieran mejorar su capacidad
auditiva.
6.2. Recomendaciones
e recomienda realizar una escala cromática lo más grande posible, es decir,
ocupar mayor cantidad de notas musicales, para que el desarrollo y resultados
del programa, se aprecien de mejor manera los cambios de cada nota musical.
Es recomendable realizar varios tipos de barrido además de los seis expuestos
anteriormente, como barridos circulares, triangulares, para apreciar los
distintos sonidos procedentes de la imagen procesada en el programa.
Se recomienda utilizar mayor cantidad de colores, es decir se puede asignar
más colores incluidos: blanco, negro y grises, para que al momento de
procesar la imagen se pueda realizar de mejor manera la lectura de cada valor
del pixel de la imagen original en RGB.
6.3. T rabajos Futuros
Con el propósito de mejorar este trabajo se presentan los siguientes puntos claves
como temas a tratar en próximas investigaciones:
Realizar el proceso contrario, es decir, al momento de tocar una melodía, ir
obteniendo una gráfica. Esto se lo podría implementar en un teclado o
pantalla táctil. Al ir tocándola, se podrá ver que figura se muestra en pantalla.
REFERENCI AS
[1] M úsica en colores, un método de enseñanza. (18 de junio de 2008). Obtenido de http:/ / www.educarchile.cl/ Portal.Base/ Web/ VerContenido.aspx?ID=185450
[2] Daniel Pérez Navarro. . (s.f.). ESCUCHO LOS COLORES , VEO LA M ÚSICA: SINESTESIAS. Obtenido de ht tp:/ / www.filomusica.com/ filo48/ sinestesia.html
[3] Fundación Wikimedia, Inc. (s.f.). Ceguera. Obtenido de http:/ / es.wikipedia.org/ wiki/ Ceguera
[4] Prof. Alberto Cresci. (s.f.). “ El Color se Transforma en Sonido” . Obtenido de Universidad de Camerino, Italia: http:/ / dmi.uib.es/ ~ugiv/ proyectosPDF/ coldiesis-resume.pdf
[5] Historia de la escala cromática. (5 de mayo de 2008). Historia de la escala cromática. Obtenido de ht tp:/ / www.geographos.com/ BLOGRAPHOS/ ?p=401
[6] M oncalvo. (s.f.). Bases del coloreado En Lapiz. Obtenido de http:/ / www.taringa.net/ posts/ arte/ 1989362/ Bases-del-coloreado-En-Lapiz.html
[7] Joaquín Pérez, Eduardo J. Gilabert. (28 de 12 de 2010). “ Color y música: Relaciones físicas entre tonos de color y notas musicales” . Obtenido de Universidad Politécnica de Valencia: http:/ / www.sedoptica.es/ M enu_Volumenes/ pdfs/ OPA43-4-267.pdf
[8] Fernando Sánchez Gómez. (s.f.). Notas M usicales en un Teclado de Piano, y Acordes.
Obtenido de Taller de M úsica por Ordenador:
http:/ / www.guiasytutoriales.es/ tallerdemusica/ descargas/ Teclado-Piano-Notas-Acordes.pdf
[9] Ricardo Aiello. (mayo de 1999). Frecuencias de las notas musicales. Obtenido de http:/ / www.cancionero.net/ articulos/ articulo.asp?t=frecuencias_de_las_notas_musicales &n=310
[10] The Free Dictionary. (s.f.). Obtenido de http:/ / es.thefreedictionary.com/
[12] Jessica Rossi,. (s.f.). "COL.diesis". Obtenido de Transforming colour into melody and implementing the result in a colour sensor device.
[13] Fundación Wikimedia, Inc. (s.f.). M allorca. Recuperado el 17 de 02 de 2012
[14] Instituto de Investigaciones Filosóficas, Universidad Nacional Autónoma de M éxico. (s.f.). LA DOCTRINA PLATONICA DE LOS COLORES:. Obtenido de UNA INTERPRETACION REALISTA.: http:/ / www.jstor.org/ pss/ 40105004
[15] Lluís Pujals i Carretero. (30 de 12 de 2008). “ Las notas musicales y sus colores”. Obtenido de http:/ / www.relafare.eu/ pdf_articulos/ 32_musicaypintura.pdf
[16] Joaquín Pérez, Eduardo J. Gilabert. (s.f.). “ Color y música: Relaciones físicas entre tonos de color y notas musicales”. Obtenido de Universidad Politécnica de Valencia: http:/ / www.sedoptica.es/ M enu_Volumenes/ pdfs/ OPA43-4-267.pdf
[17] Songul Aslanturk. (s.f.). “ Color of Sound - Chromaethesia”. Obtenido de http:/ / www.itp.nyu.edu/ ~sa1222/ ColorofSound/ Chromaetesia.pdf
[18] JÖ RG JEWANSKI. (s.f.). “ Colour and music”. Obtenido de http:/ / www.musictheory21.com/ jae-sung/ syllabus/ graduate/ rameau-studies/
2002-1/ documents/ color-and-music.pdf
[19] Rivka Elkoshi. (s.f.). “ Is M usic “ Colorful” ? Obtenido de A Study of the Effects of Age and M usical Literacy on Children’s Notational Color Expressions: http:/ / www.ijea.org/ v5n2/ v5n2.pdf
[20] Robert M ueller, Emmett. (s.f.). “ VISIC: Un musical de teclado de color legible”. Obtenido de Universidad de Guadalajara: http:/ / celestinosoddu.com/ on/ cic/ ga2001_PDF/ mueller.pdf
255 255 255 la0 la0
255 255 225 la0 la0
255 255 195 la0 la0
255 255 165 la0 la0
255 255 135 la0 la0
255 255 105 la0 la0
255 255 75 la0 la0
255 255 45 la0 la0
255 255 0 la0 la0
255 225 255 la0# la0#
255 225 225 la0# la0#
255 225 195 la0# la0#
255 225 165 la0# la0#
255 225 135 la0# la0#
255 225 105 la0# la0#
255 225 75 la0# la0#
255 225 45 la0# la0#
255 225 0 la0# la0#
255 195 255 si0 si0
255 195 225 si0 si0
255 195 195 si0 si0
255 195 165 si0 si0
255 195 135 si0 si0
255 195 105 si0 si0
255 195 75 si0 si0
255 195 45 si0 si0
255 195 0 si0 si0
255 165 255 do1 do1
255 165 225 do1 do1
255 165 195 do1 do1
255 165 165 do1 do1
255 165 135 do1 do1
255 165 105 do1 do1
255 165 75 do1 do1
255 165 45 do1 do1
255 165 0 do1 do1
ANEXOS
ANEXO 1: REALIZACIÓN DE DIVISIÓN DE COLORES Y ASIGNACIÓN DE NOTAS MUSICALES
255 135 255 do1# do1#
255 135 225 do1# do1#
255 135 195 do1# do1#
255 135 165 do1# do1#
255 135 135 do1# do1#
255 135 105 do1# do1#
255 135 75 do1# do1#
255 135 45 do1# do1#
255 135 0 do1# do1#
255 105 255 re1 re1
255 105 225 re1 re1
255 105 195 re1 re1
255 105 165 re1 re1
255 105 135 re1 re1
255 105 105 re1 re1
255 105 75 re1 re1
255 105 45 re1 re1
255 105 0 re1 re1
255 75 255 re1# re1#
255 75 225 re1# re1#
255 75 195 re1# re1#
255 75 165 re1# re1#
255 75 135 re1# re1#
255 75 105 re1# re1#
255 75 75 re1# re1#
255 75 45 re1# re1#
255 75 0 re1# re1#
255 45 255 mi1 mi1
255 45 225 mi1 mi1
255 45 195 mi1 mi1
255 45 165 mi1 mi1
255 45 135 mi1 mi1
255 45 105 mi1 mi1
255 45 75 mi1 mi1
255 45 45 mi1 mi1
255 45 0 mi1 mi1
255 0 255 fa1 fa1
255 0 225 fa1 fa1
255 0 195 fa1 fa1
255 0 165 fa1 fa1
255 0 135 fa1 fa1
255 0 105 fa1 fa1
255 0 75 fa1 fa1
255 0 45 fa1 fa1
225 255 255 fa1# fa1#
225 255 225 fa1# fa1#
225 255 195 fa1# fa1#
225 255 165 fa1# fa1#
225 255 135 fa1# fa1#
225 255 105 fa1# fa1#
225 255 75 fa1# fa1#
225 255 45 fa1# fa1#
225 255 0 fa1# fa1#
225 225 255 sol1 sol1
225 225 225 sol1 sol1
225 225 195 sol1 sol1
225 225 165 sol1 sol1
225 225 135 sol1 sol1
225 225 105 sol1 sol1
225 225 75 sol1 sol1
225 225 45 sol1 sol1
225 225 0 sol1 sol1
225 195 255 sol1# sol1#
225 195 225 sol1# sol1#
225 195 195 sol1# sol1#
225 195 165 sol1# sol1#
225 195 135 sol1# sol1#
225 195 105 sol1# sol1#
225 195 75 sol1# sol1#
225 195 45 sol1# sol1#
225 195 0 sol1# sol1#
225 165 255 la1 la1
225 165 225 la1 la1
225 165 195 la1 la1
225 165 165 la1 la1
225 165 135 la1 la1
225 165 105 la1 la1
225 165 75 la1 la1
225 165 45 la1 la1
225 165 0 la1 la1
225 135 255 la1# la1#
225 135 225 la1# la1#
225 135 195 la1# la1#
225 135 165 la1# la1#
225 135 135 la1# la1#
225 135 105 la1# la1#
225 135 75 la1# la1#
225 135 45 la1# la1#
225 105 255 si1 si1
225 105 225 si1 si1
225 105 195 si1 si1
225 105 165 si1 si1
225 105 135 si1 si1
225 105 105 si1 si1
225 105 75 si1 si1
225 105 45 si1 si1
225 105 0 si1 si1
225 75 255 do2 do2
225 75 225 do2 do2
225 75 195 do2 do2
225 75 165 do2 do2
225 75 135 do2 do2
225 75 105 do2 do2
225 75 75 do2 do2
225 75 45 do2 do2
225 75 0 do2 do2
225 45 255 do2# do2#
225 45 225 do2# do2#
225 45 195 do2# do2#
225 45 165 do2# do2#
225 45 135 do2# do2#
225 45 105 do2# do2#
225 45 75 do2# do2#
225 45 45 do2# do2#
225 45 0 do2# do2#
225 0 255 re2 re2
225 0 225 re2 re2
225 0 195 re2 re2
225 0 165 re2 re2
225 0 135 re2 re2
225 0 105 re2 re2
225 0 75 re2 re2
225 0 45 re2 re2
225 0 0 re2 re2
195 255 255 re2# re2#
195 255 225 re2# re2#
195 255 195 re2# re2#
195 255 165 re2# re2#
195 255 135 re2# re2#
195 255 105 re2# re2#
195 255 75 re2# re2#
195 255 45 re2# re2#
195 225 255 mi2 mi2
195 225 225 mi2 mi2
195 225 195 mi2 mi2
195 225 165 mi2 mi2
195 225 135 mi2 mi2
195 225 105 mi2 mi2
195 225 75 mi2 mi2
195 225 45 mi2 mi2
195 225 0 mi2 mi2
195 195 255 fa2 fa2
195 195 225 fa2 fa2
195 195 195 fa2 fa2
195 195 165 fa2 fa2
195 195 135 fa2 fa2
195 195 105 fa2 fa2
195 195 75 fa2 fa2
195 195 45 fa2 fa2
195 195 0 fa2 fa2
195 165 255 fa2# fa2#
195 165 225 fa2# fa2#
195 165 195 fa2# fa2#
195 165 165 fa2# fa2#
195 165 135 fa2# fa2#
195 165 105 fa2# fa2#
195 165 75 fa2# fa2#
195 165 45 fa2# fa2#
195 165 0 fa2# fa2#
195 135 255 sol2 sol2
195 135 225 sol2 sol2
195 135 195 sol2 sol2
195 135 165 sol2 sol2
195 135 135 sol2 sol2
195 135 105 sol2 sol2
195 135 75 sol2 sol2
195 135 45 sol2 sol2
195 135 0 sol2 sol2
195 105 255 sol2# sol2#
195 105 225 sol2# sol2#
195 105 195 sol2# sol2#
195 105 165 sol2# sol2#
195 105 135 sol2# sol2#
195 105 105 sol2# sol2#
195 105 75 sol2# sol2#
195 105 45 sol2# sol2#
195 75 255 la2 la2
195 75 225 la2 la2
195 75 195 la2 la2
195 75 165 la2 la2
195 75 135 la2 la2
195 75 105 la2 la2
195 75 75 la2 la2
195 75 45 la2 la2
195 75 0 la2 la2
195 45 255 la2# la2#
195 45 225 la2# la2#
195 45 195 la2# la2#
195 45 165 la2# la2#
195 45 135 la2# la2#
195 45 105 la2# la2#
195 45 75 la2# la2#
195 45 45 la2# la2#
195 45 0 la2# la2#
195 0 255 si2 si2
195 0 225 si2 si2
195 0 195 si2 si2
195 0 165 si2 si2
195 0 135 si2 si2
195 0 105 si2 si2
195 0 75 si2 si2
195 0 45 si2 si2
195 0 0 si2 si2
165 255 255 do3 do3
165 255 225 do3 do3
165 255 195 do3 do3
165 255 165 do3 do3
165 255 135 do3 do3
165 255 105 do3 do3
165 255 75 do3 do3
165 255 45 do3 do3
165 255 0 do3 do3
165 225 255 do3# do3#
165 225 225 do3# do3#
165 225 195 do3# do3#
165 225 165 do3# do3#
165 225 135 do3# do3#
165 225 105 do3# do3#
165 225 75 do3# do3#
165 225 45 do3# do3#
165 195 255 re3 re3
165 195 225 re3 re3
165 195 195 re3 re3
165 195 165 re3 re3
165 195 135 re3 re3
165 195 105 re3 re3
165 195 75 re3 re3
165 195 45 re3 re3
165 195 0 re3 re3
165 165 255 re3# re3#
165 165 225 re3# re3#
165 165 195 re3# re3#
165 165 165 re3# re3#
165 165 135 re3# re3#
165 165 105 re3# re3#
165 165 75 re3# re3#
165 165 45 re3# re3#
165 165 0 re3# re3#
165 135 255 mi3 mi3
165 135 225 mi3 mi3
165 135 195 mi3 mi3
165 135 165 mi3 mi3
165 135 135 mi3 mi3
165 135 105 mi3 mi3
165 135 75 mi3 mi3
165 135 45 mi3 mi3
165 135 0 mi3 mi3
165 105 255 fa3 fa3
165 105 225 fa3 fa3
165 105 195 fa3 fa3
165 105 165 fa3 fa3
165 105 135 fa3 fa3
165 105 105 fa3 fa3
165 105 75 fa3 fa3
165 105 45 fa3 fa3
165 105 0 fa3 fa3
165 75 255 fa3# fa3#
165 75 225 fa3# fa3#
165 75 195 fa3# fa3#
165 75 165 fa3# fa3#
165 75 135 fa3# fa3#
165 75 105 fa3# fa3#
165 75 75 fa3# fa3#
165 75 45 fa3# fa3#
165 45 255 sol3 sol3
165 45 225 sol3 sol3
165 45 195 sol3 sol3
165 45 165 sol3 sol3
165 45 135 sol3 sol3
165 45 105 sol3 sol3
165 45 75 sol3 sol3
165 45 45 sol3 sol3
165 45 0 sol3 sol3
165 0 255 sol3# sol3#
165 0 225 sol3# sol3#
165 0 195 sol3# sol3#
165 0 165 sol3# sol3#
165 0 135 sol3# sol3#
165 0 105 sol3# sol3#
165 0 75 sol3# sol3#
165 0 45 sol3# sol3#
165 0 0 sol3# sol3#
135 255 255 la3 la3
135 255 225 la3 la3
135 255 195 la3 la3
135 255 165 la3 la3
135 255 135 la3 la3
135 255 105 la3 la3
135 255 75 la3 la3
135 255 45 la3 la3
135 255 0 la3 la3
135 225 255 la3# la3#
135 225 225 la3# la3#
135 225 195 la3# la3#
135 225 165 la3# la3#
135 225 135 la3# la3#
135 225 105 la3# la3#
135 225 75 la3# la3#
135 225 45 la3# la3#
135 225 0 la3# la3#
135 195 255 si3 si3
135 195 225 si3 si3
135 195 195 si3 si3
135 195 165 si3 si3
135 195 135 si3 si3
135 195 105 si3 si3
135 195 75 si3 si3
135 195 45 si3 si3
135 165 255 do4 do4
135 165 225 do4 do4
135 165 195 do4 do4
135 165 165 do4 do4
135 165 135 do4 do4
135 165 105 do4 do4
135 165 75 do4 do4
135 165 45 do4 do4
135 165 0 do4 do4
135 135 255 do4# do4#
135 135 225 do4# do4#
135 135 195 do4# do4#
135 135 165 do4# do4#
135 135 135 do4# do4#
135 135 105 do4# do4#
135 135 75 do4# do4#
135 135 45 do4# do4#
135 135 0 do4# do4#
135 105 255 re4 re4
135 105 225 re4 re4
135 105 195 re4 re4
135 105 165 re4 re4
135 105 135 re4 re4
135 105 105 re4 re4
135 105 75 re4 re4
135 105 45 re4 re4
135 105 0 re4 re4
135 75 255 re4# re4#
135 75 225 re4# re4#
135 75 195 re4# re4#
135 75 165 re4# re4#
135 75 135 re4# re4#
135 75 105 re4# re4#
135 75 75 re4# re4#
135 75 45 re4# re4#
135 75 0 re4# re4#
135 45 255 mi4 mi4
135 45 225 mi4 mi4
135 45 195 mi4 mi4
135 45 165 mi4 mi4
135 45 135 mi4 mi4
135 45 105 mi4 mi4
135 45 75 mi4 mi4
135 45 45 mi4 mi4
135 0 255 fa4 fa4
135 0 225 fa4 fa4
135 0 195 fa4 fa4
135 0 165 fa4 fa4
135 0 135 fa4 fa4
135 0 105 fa4 fa4
135 0 75 fa4 fa4
135 0 45 fa4 fa4
135 0 0 fa4 fa4
105 255 255 fa4# fa4#
105 255 225 fa4# fa4#
105 255 195 fa4# fa4#
105 255 165 fa4# fa4#
105 255 135 fa4# fa4#
105 255 105 fa4# fa4#
105 255 75 fa4# fa4#
105 255 45 fa4# fa4#
105 255 0 fa4# fa4#
105 225 255 sol4 sol4
105 225 225 sol4 sol4
105 225 195 sol4 sol4
105 225 165 sol4 sol4
105 225 135 sol4 sol4
105 225 105 sol4 sol4
105 225 75 sol4 sol4
105 225 45 sol4 sol4
105 225 0 sol4 sol4
105 195 255 sol4# sol4#
105 195 225 sol4# sol4#
105 195 195 sol4# sol4#
105 195 165 sol4# sol4#
105 195 135 sol4# sol4#
105 195 105 sol4# sol4#
105 195 75 sol4# sol4#
105 195 45 sol4# sol4#
105 195 0 sol4# sol4#
105 165 255 la4 la4
105 165 225 la4 la4
105 165 195 la4 la4
105 165 165 la4 la4
105 165 135 la4 la4
105 165 105 la4 la4
105 165 75 la4 la4
105 165 45 la4 la4
105 135 255 la4# la4#
105 135 225 la4# la4#
105 135 195 la4# la4#
105 135 165 la4# la4#
105 135 135 la4# la4#
105 135 105 la4# la4#
105 135 75 la4# la4#
105 135 45 la4# la4#
105 135 0 la4# la4#
105 105 255 si4 si4
105 105 225 si4 si4
105 105 195 si4 si4
105 105 165 si4 si4
105 105 135 si4 si4
105 105 105 si4 si4
105 105 75 si4 si4
105 105 45 si4 si4
105 105 0 si4 si4
105 75 255 do5 do5
105 75 225 do5 do5
105 75 195 do5 do5
105 75 165 do5 do5
105 75 135 do5 do5
105 75 105 do5 do5
105 75 75 do5 do5
105 75 45 do5 do5
105 75 0 do5 do5
105 45 255 do5# do5#
105 45 225 do5# do5#
105 45 195 do5# do5#
105 45 165 do5# do5#
105 45 135 do5# do5#
105 45 105 do5# do5#
105 45 75 do5# do5#
105 45 45 do5# do5#
105 45 0 do5# do5#
105 0 255 re5 re5
105 0 225 re5 re5
105 0 195 re5 re5
105 0 165 re5 re5
105 0 135 re5 re5
105 0 105 re5 re5
105 0 75 re5 re5
105 0 45 re5 re5
75 255 255 re5# re5#
75 255 225 re5# re5#
75 255 195 re5# re5#
75 255 165 re5# re5#
75 255 135 re5# re5#
75 255 105 re5# re5#
75 255 75 re5# re5#
75 255 45 re5# re5#
75 255 0 re5# re5#
75 225 255 mi5 mi5
75 225 225 mi5 mi5
75 225 195 mi5 mi5
75 225 165 mi5 mi5
75 225 135 mi5 mi5
75 225 105 mi5 mi5
75 225 75 mi5 mi5
75 225 45 mi5 mi5
75 225 0 mi5 mi5
75 195 255 fa5 fa5
75 195 225 fa5 fa5
75 195 195 fa5 fa5
75 195 165 fa5 fa5
75 195 135 fa5 fa5
75 195 105 fa5 fa5
75 195 75 fa5 fa5
75 195 45 fa5 fa5
75 195 0 fa5 fa5
75 165 255 fa5# fa5#
75 165 225 fa5# fa5#
75 165 195 fa5# fa5#
75 165 165 fa5# fa5#
75 165 135 fa5# fa5#
75 165 105 fa5# fa5#
75 165 75 fa5# fa5#
75 165 45 fa5# fa5#
75 165 0 fa5# fa5#
75 135 255 sol5 sol5
75 135 225 sol5 sol5
75 135 195 sol5 sol5
75 135 165 sol5 sol5
75 135 135 sol5 sol5
75 135 105 sol5 sol5
75 135 75 sol5 sol5
75 135 45 sol5 sol5
75 105 255 sol5# sol5#
75 105 225 sol5# sol5#
75 105 195 sol5# sol5#
75 105 165 sol5# sol5#
75 105 135 sol5# sol5#
75 105 105 sol5# sol5#
75 105 75 sol5# sol5#
75 105 45 sol5# sol5#
75 105 0 sol5# sol5#
75 75 255 la5 la5
75 75 225 la5 la5
75 75 195 la5 la5
75 75 165 la5 la5
75 75 135 la5 la5
75 75 105 la5 la5
75 75 75 la5 la5
75 75 45 la5 la5
75 75 0 la5 la5
75 45 255 la5# la5#
75 45 225 la5# la5#
75 45 195 la5# la5#
75 45 165 la5# la5#
75 45 135 la5# la5#
75 45 105 la5# la5#
75 45 75 la5# la5#
75 45 45 la5# la5#
75 45 0 la5# la5#
75 0 255 si5 si5
75 0 225 si5 si5
75 0 195 si5 si5
75 0 165 si5 si5
75 0 135 si5 si5
75 0 105 si5 si5
75 0 75 si5 si5
75 0 45 si5 si5
75 0 0 si5 si5
45 255 255 do6 do6
45 255 225 do6 do6
45 255 195 do6 do6
45 255 165 do6 do6
45 255 135 do6 do6
45 255 105 do6 do6
45 255 75 do6 do6
45 255 45 do6 do6
45 225 255 do6# do6#
45 225 225 do6# do6#
45 225 195 do6# do6#
45 225 165 do6# do6#
45 225 135 do6# do6#
45 225 105 do6# do6#
45 225 75 do6# do6#
45 225 45 do6# do6#
45 225 0 do6# do6#
45 195 255 re6 re6
45 195 225 re6 re6
45 195 195 re6 re6
45 195 165 re6 re6
45 195 135 re6 re6
45 195 105 re6 re6
45 195 75 re6 re6
45 195 45 re6 re6
45 195 0 re6 re6
45 165 255 re6# re6#
45 165 225 re6# re6#
45 165 195 re6# re6#
45 165 165 re6# re6#
45 165 135 re6# re6#
45 165 105 re6# re6#
45 165 75 re6# re6#
45 165 45 re6# re6#
45 165 0 re6# re6#
45 135 255 mi6 mi6
45 135 225 mi6 mi6
45 135 195 mi6 mi6
45 135 165 mi6 mi6
45 135 135 mi6 mi6
45 135 105 mi6 mi6
45 135 75 mi6 mi6
45 135 45 mi6 mi6
45 135 0 mi6 mi6
45 105 255 fa6 fa6
45 105 225 fa6 fa6
45 105 195 fa6 fa6
45 105 165 fa6 fa6
45 105 135 fa6 fa6
45 105 105 fa6 fa6
45 105 75 fa6 fa6
45 105 45 fa6 fa6
45 45 255 fa6# fa6#
45 75 225 fa6# fa6#
45 75 195 fa6# fa6#
45 75 165 fa6# fa6#
45 75 135 fa6# fa6#
45 75 105 fa6# fa6#
45 75 75 fa6# fa6#
45 75 45 fa6# fa6#
45 75 0 fa6# fa6#
45 45 255 sol6 sol6
45 45 225 sol6 sol6
45 45 195 sol6 sol6
45 45 165 sol6 sol6
45 45 135 sol6 sol6
45 45 105 sol6 sol6
45 45 75 sol6 sol6
45 45 45 sol6 sol6
45 45 0 sol6 sol6
45 0 255 sol6# sol6#
45 0 225 sol6# sol6#
45 0 195 sol6# sol6#
45 0 165 sol6# sol6#
45 0 135 sol6# sol6#
45 0 105 sol6# sol6#
45 0 75 sol6# sol6#
45 0 45 sol6# sol6#
45 0 0 sol6# sol6#
0 255 255 la6 la6
0 255 225 la6 la6
0 255 195 la6 la6
0 255 165 la6 la6
0 255 135 la6 la6
0 255 105 la6 la6
0 255 75 la6 la6
0 255 45 la6 la6
0 255 0 la6 la6
0 225 255 la6# la6#
0 225 225 la6# la6#
0 225 195 la6# la6#
0 225 165 la6# la6#
0 225 135 la6# la6#
0 225 105 la6# la6#
0 225 75 la6# la6#
0 225 45 la6# la6#
0 195 255 si6 si6
0 195 225 si6 si6
0 195 195 si6 si6
0 195 165 si6 si6
0 195 135 si6 si6
0 195 105 si6 si6
0 195 75 si6 si6
0 195 45 si6 si6
0 195 0 si6 si6
0 165 255 do7 do7
0 165 225 do7 do7
0 165 195 do7 do7
0 165 165 do7 do7
0 165 135 do7 do7
0 165 105 do7 do7
0 165 75 do7 do7
0 165 45 do7 do7
0 165 0 do7 do7
0 135 255 do7# do7#
0 135 225 do7# do7#
0 135 195 do7# do7#
0 135 165 do7# do7#
0 135 135 do7# do7#
0 135 105 do7# do7#
0 135 75 do7# do7#
0 135 45 do7# do7#
0 135 0 do7# do7#
0 105 255 re7 re7
0 105 225 re7 re7
0 105 195 re7 re7
0 105 165 re7 re7
0 105 135 re7 re7
0 105 105 re7 re7
0 105 75 re7 re7
0 105 45 re7 re7
0 105 0 re7 re7
0 75 255 re7# re7#
0 75 225 re7# re7#
0 75 195 re7# re7#
0 75 165 re7# re7#
0 75 135 re7# re7#
0 75 105 re7# re7#
0 75 75 re7# re7#
0 75 45 re7# re7#
0 45 255 mi7 mi7
0 45 225 mi7 mi7
0 45 195 mi7 mi7
0 45 165 mi7 mi7
0 45 135 mi7 mi7
0 45 105 mi7 mi7
0 45 75 mi7 mi7
0 45 45 mi7 mi7
0 45 0 mi7 mi7
0 0 255 fa7 fa7
0 0 225 fa7 fa7
0 0 195 fa7 fa7
0 0 165 fa7 fa7
0 0 135 fa7 fa7
0 0 105 fa7 fa7
0 0 75 fa7 fa7
0 0 45 fa7 fa7
ANEXO 2: CÓDIGO DEL PROGRAMA MATLAB
1. A2. Presentación del Programa
function presentacion
%*************************************************************** % MÚSICA EN IMAGEN A COLOR PARA PERSONAS CON DISCAPACIDAD VISUAL %***************************************************************
clear,clc,cla,close all
%% Creamos figura
figdiag=figure('Units','Normalized',...
'Position',[0.0725 0.0725 0.87 0.87],... %Tamaño de la presentación
'Number','off',...
'Name','Electrónica y Telecomunicaciones', ...
'Menubar','none', ...
'color',[0 0 0]);
%% Ubicamos ejes en figura
axes('Units','Normalized',...
'Position',[0 0 1 1]);
%% Incluir imagen
%Importamos imagen *.jpg,junto con su mapa de colores
[x,map]=imread('caratula.jpg','jpg');
%Representamos imagen en figura, con su mapa de colores
image(x),colormap(map),axis off,hold on
%% Títulos sobre imagen %Título
text(680,400,'Universidad Técnica Particular de
Loja','Fontname','Arial','Fontsize',20,'Fontangle','Italic', ...
'Fontweight','Bold','color',[1 1 1]);
%% Nombre del programador
text(110,1500,'Por: Diana del Cisne León Rosales','Fontname', ...
'Comic Sans MS','Fontangle','Italic','Fontweight','Bold', ...
'Fontsize',17,'color',[1 1 1]);
%% Botón Continuar
botok=uicontrol('Style','pushbutton', ...
'Units','normalized', ...
'Position',[.84 .03 .12 .05], ...
'String','CONTINUAR',...
'Callback','clear all; close all;clc; avance14;');
2. A2. Código del programa principal
% /////////PROGRAMA DE MATLAB////// % //// MÚSICA EN IMAGENES A COLOR///
%% Código de inicialización...No editar
function varargout = avance14(varargin)
gui_Singleton = 1;
gui_State = struct('gui_Name', mfilename, ...
'gui_Singleton', gui_Singleton, ...
'gui_OpeningFcn', @avance14_OpeningFcn, ...
'gui_OutputFcn', @avance14_OutputFcn, ...
'gui_LayoutFcn', [] , ...
'gui_Callback', []);
gui_State.gui_Callback = str2func(varargin{1});
end
if nargout
[varargout{1:nargout}] = gui_mainfcn(gui_State, varargin{:});
else
gui_mainfcn(gui_State, varargin{:});
end
% End initialization code - DO NOT EDIT %% DEFINICIÓN DE VARIABLES
function avance14_OpeningFcn(hObject, eventdata, handles, varargin)
%Incluir imagen
%Importamos imagen *.jpg,junto con su mapa de colores
[x,map]=imread('fondo.jpg','jpg');
%Representamos imagen en figura, con su mapa de colores
image(x),colormap(map),axis off,hold on
%---ESCALA CROMÁTICA CON ASIGNACIÓN DE NOTAS
MUSICALES----handles.la0= [255 255 ]; handles.la0num= [255 225 ]; handles.si0= [255 195 ]; handles.do1= [255 165 ]; handles.do1num= [255 135 ]; handles.re1= [255 105 ]; handles.re1num= [255 75 ]; handles.mi1= [255 45 ]; handles.fa1= [255 0 ];
handles.fa1num= [225 255 ]; handles.sol1= [225 225 ]; handles.sol1num=[225 195 ]; handles.la1= [225 165 ]; handles.la1num= [225 135 ]; handles.si1= [225 105 ]; handles.do2= [225 75 ]; handles.do2num= [225 45 ]; handles.re2= [225 0 ];
handles.re2num= [195 255 ]; handles.mi2= [195 225 ]; handles.fa2= [195 195 ]; handles.fa2num= [195 165 ]; handles.sol2= [195 135 ]; handles.sol2num=[195 105 ]; handles.la2= [195 75 ]; handles.la2num= [195 45 ]; handles.si2= [195 0 ];
![Figura 1. 4 Colores complementarios, [6]](https://thumb-us.123doks.com/thumbv2/123dok_es/2083253.3574/17.612.189.457.447.663/figura-colores-complementarios.webp)
