Asignación de notas musicales a una imagen a color

106  13  Descargar (0)

Texto completo

(1)

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.

(2)

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

(3)

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

(4)

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.

(5)

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.

(6)

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.

(7)

Í 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

(8)

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

(9)

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

(10)

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

(11)

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.

(12)

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

1

es 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]

(13)

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,

3

y 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.

(14)

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.

(15)

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

(16)

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].

(17)

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

colores que mezclados entre ellos dan el gris puro [6].

(18)

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]

(19)

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

(20)

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.

(21)

En la Figura 1. 7, se puede apreciar una escala cromática mayor, con varias

intensidades de cada color.

(22)

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.

(23)

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

(24)

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

(25)

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.

(26)

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

(27)

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#

(28)

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

(29)
(30)

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

(31)

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.

(32)

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.

(33)

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.

(34)

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).

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

(35)

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.

(36)

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

(37)

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.

(38)

Barrido Vertical 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.

(39)

Barrido D iagonal 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.

(40)

Figura 5. 14 Botón de manual de usuario

Figura 5. 15 Ejecución del botón de manual de usuario

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

(41)

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.

(42)

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:

(43)

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.

(44)

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/

(45)

[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

(46)

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

(47)

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

(48)

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#

(49)

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#

(50)

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#

(51)

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#

(52)

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#

(53)

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

(54)

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

(55)

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

(56)

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

(57)

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

(58)

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

(59)

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

(60)

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#

(61)

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#

(62)

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

(63)

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', []);

(64)

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 ];

Figure

Figura 1. 4 Colores complementarios, [6]

Figura 1.

4 Colores complementarios, [6] p.17
Figura 5. 2 Cuadro de error al cargar imagen

Figura 5.

2 Cuadro de error al cargar imagen p.34
Figura 5. 5  Velocidades de barrido

Figura 5.

5 Velocidades de barrido p.35
Figura 5. 3  Redimensionamiento de imagen en Matlab

Figura 5.

3 Redimensionamiento de imagen en Matlab p.35
Figura 5. 7 Barrido Horizontal 1 en Matlab

Figura 5.

7 Barrido Horizontal 1 en Matlab p.36
Figura 5. 6  Error al seleccionar la velocidad

Figura 5.

6 Error al seleccionar la velocidad p.36
Figura 5. 9 Barrido Vertical 1 en Matlab

Figura 5.

9 Barrido Vertical 1 en Matlab p.37
Figura 5. 8 Barrido Horizontal 2 en Matlab

Figura 5.

8 Barrido Horizontal 2 en Matlab p.37
Figura 5. 11 Barrido Diagonal 1 en Matlab

Figura 5.

11 Barrido Diagonal 1 en Matlab p.38
Figura 5. 10 Barrido Vertical 2 en Matlab

Figura 5.

10 Barrido Vertical 2 en Matlab p.38
Figura 5. 12 Barrido Diagonal  2 en Matlab

Figura 5.

12 Barrido Diagonal 2 en Matlab p.39
Figura 5. 16  Botón salir del programa

Figura 5.

16 Botón salir del programa p.40
Tabla No.1

Tabla No.1

p.98
Figura. 3 Escala cromática con varias intensidades en sus colores..
Figura. 3 Escala cromática con varias intensidades en sus colores.. p.98
Tabla No.5 Variación del color azul,  verde y rojo

Tabla No.5

Variación del color azul, verde y rojo p.100
Tabla No.4 Variación del color azul, y verde con un salto de 30 valores y el último con 45

Tabla No.4

Variación del color azul, y verde con un salto de 30 valores y el último con 45 p.100
Figura. 7 Presentación inicial del programa realizado en Matlab, con el botón  continuar
Figura. 7 Presentación inicial del programa realizado en Matlab, con el botón continuar p.101
Figura. 11  Error en el redimensionamiento de imagen en Matlab
Figura. 11 Error en el redimensionamiento de imagen en Matlab p.102
Figura. 12  Velocidades de barrido
Figura. 12 Velocidades de barrido p.102
Figura. 9 Cuadro de error al cargar imagen
Figura. 9 Cuadro de error al cargar imagen p.102
Figura. 8  Botón de cargar la imagen y visualización de la misma en el software Matlab
Figura. 8 Botón de cargar la imagen y visualización de la misma en el software Matlab p.102
Figura. 13 Error al seleccionar la velocidad
Figura. 13 Error al seleccionar la velocidad p.102
Figura.14  Barrido Horizontal 1 en Matlab
Figura.14 Barrido Horizontal 1 en Matlab p.103
Figura.18, va de la parte inferior izquierda hasta la El barrido diagonal 1, se lo observa en la parte superior derecha
Figura.18, va de la parte inferior izquierda hasta la El barrido diagonal 1, se lo observa en la parte superior derecha p.103
Figura. 17 Barrido Vertical 2 en Matlab
Figura. 17 Barrido Vertical 2 en Matlab p.103
Figura. 15 Barrido Horizontal 2 en Matlab
Figura. 15 Barrido Horizontal 2 en Matlab p.103
Figura. 23  Botón salir del programa
Figura. 23 Botón salir del programa p.104
Figura.19, va desde la parte superior derecha hasta la El barrido diagonal 2, se lo observa en la parte inferior izquierda
Figura.19, va desde la parte superior derecha hasta la El barrido diagonal 2, se lo observa en la parte inferior izquierda p.104
Figura. 21 Botón de manual de usuario
Figura. 21 Botón de manual de usuario p.104
Figura. 24 Ejecución del botón salir
Figura. 24 Ejecución del botón salir p.104

Referencias

Actualización...

Related subjects : NOTAS MUSICALES