Editar Nuevo Proyecto: Carla Gómez: Imagen Escrita 2020 No tienes permiso para modificar esta página, por el siguiente motivo: La acción que has solicitado está restringida a los usuarios del grupo: Usuarios. Título: Imagen: Subir archivo Tipo de Proyecto: Proyecto de Taller Proyecto de Curso Proyecto de Tutoría Proyecto de Titulación Proyecto de Posgrado Proyecto Extracurricular Proyecto Propio Proyecto de Pregrado Anteproyecto de Titulación Proyecto de Financiamiento Externo o Fondo Concursable Importante: Si se trata de un proyecto de Investigación, hay que cambiar el tipo de plantilla editando directamente el código de esta página. Para esto hay un link en la cabecera EDITAR CÓDIGO. Desde cambiar de {{Proyecto}} a {{Proyecto de Investigación}} porque éstos tienen otros campos y particularidades especiales. Palabras Clave: todo en bajas, separadas por coma Año de Inicio: Año de Término: Carreras Relacionadas: Arquitectura Diseño Magíster Otra Asignaturas Relacionadas: Imagen Escrita 2020 Cursos Relacionados: Imagen Escrita 2020 Profesor: Herbert Spencer Alumnos: Carla Gómez Guerra PDF: URL: Posición: Calcular coordenadas utilizando la dirección Texto libre: =Invenciones: CreateCanvas= * ver [https://gomezcarla.github.io/Graba_tu_voz__ImagenEscrita2020/ pagina web] ==Retrato== {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/zhAydbQS5 |width = 600 |height = 600 }} * ver código: [https://editor.p5js.org/GomezCarla/present/zhAydbQS5 Editor p5js Retrato] Por medio de un dibujo de contemplacion de mi rostro, construí mi cara y mi pelo mas geometricamente y carituresco de lo que es, comencé estudiando como se desarrollan las formas en p5js, como se pinta, los circulos, cuadrados, como se escriben los colores, como funcionan los vertices, etc. ==For== Luego me fuí involucrando con los bucles for, cuando estan anidados dentros de otros y el numero de repeticiones se multiplica, cuando estan de lado a lado, puesto dentro del otro, como en el ejemplo. De a poco fui visualizando y explorando distintos patrones repetitivos, tanto asi como extendidos, como las líneas entre cada punto de la matriz y el centro de la pantalla. Así la exposicion segunda su movimiento y posiciones despues de la inicial se calculan nuevos valores aleatorios construyendo una especie de espiral o circulos sin definicion. {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/1GjQd-Uqq |width = 600 |height = 600 }} * ver codigo: [https://editor.p5js.org/GomezCarla/sketches/1GjQd-Uqq Editor p5js For ] {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/WlcBk1HDv |width = 600 |height = 600 }} * ver código: [https://editor.p5js.org/GomezCarla/sketches/WlcBk1HDv Código] {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/Dnpp3pvS_ |width = 600 |height = 600 }} ==Recursion== Mi idea principal era desde una figura simple como el cuadrado, lograr su multiplicacion desde su centro hacia afuera, recurriendo asi tambien a el slider, una barra deslizadora que se usa para manipular la cantidad visible de cuadros expuestos, desde un valor minimo que es uno a el valor maximo y el valor inicial. {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/nXYNafI-6 |width = 600 |height = 600 }} * ver código : [https://editor.p5js.org/GomezCarla/sketches/nXYNafI-6 Código] ==Espiral== Trabajar con las funciones sin() y cos() que son usadas en conjunto, que pueden producir movimiento circular, los valores de la funcion cos() proveen los valores de la coordenada x y los valores de las funciones sin () proveen la coordenada y, ambas son multiplicadas por una variable lammada escalar para modificar el radio del movimiento y un pequeño cambio aumnetando el valor escalar en cada cuadro produce una espiral en vez de un circulo. {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/AI-ultN2M |width = 600 |height = 600 }} * ver código: [https://editor.p5js.org/GomezCarla/sketches/AI-ultN2M Código] ==Intento 1 "50 años"== Ya adentrandome a lo que va el movimiento, los circulos, teniendo el poder de la ubicación de inicio, quise darme poder de controlar la ubicación de termino, con esto, quise implementarlo y practicarlo con un proyecto de los 50 años de la universidad Ead, en donde mi primera visualización, observación y recuerdo que tengo hacerca de como empezó esta escuela fue cuando los poetas recorrieron america, fundaron amereida y basicamente nuestra escuela se basa en aprender haciendo, pero en lo que quise enfocarme primordialmente fue en ese recorrido, esa practica que la seguimos haciendo actualmente, ese caminar, conocer america, asi que mi plan era que las pelotas rebotaran en el circulo, haciendo a la ilusion de entes o seres caminando por el mundo, luego estos puntos y este circulo conformaran el numero 50. {{#Widget:P5js |url = https://editor.p5js.org/GomezCarla/present/GXbTSQK2G |width = 600 |height = 600 }} * ver código : [https://editor.p5js.org/GomezCarla/sketches/GXbTSQK2G Código] =Proyecto Final= * ver pagina : [https://editor.p5js.org/GomezCarla/present/1nppOBPqQ] Para comenzar con el proyecto final empecé a pensar que programa útil puedo hacer para cierto grupo social o de personas especifico tanto como rango etario y de utilidad para aquel rango. Lo primero que pensé y en lo que me puse a trabajar fue en construir una pagina en donde el rango sería para los niños de el jardin a pre-kinder, en donde ellos dijeran en voz alta el color que ven para que se escriba o el color que leen para que se visualice, con el fin de ir enseñando los colores y sus nombres, asi mismo construyendo un sistema de entretencion, ya que tendría interacción con ellos, obteniendo respuesta hacia ellos. Luego al adentrarme en el codigo para realizar esta pagina, el reconocedor de voz era indispensable, aprendí sobre codigos de espera, de recepcion, de respuesta y de sincronización, finalmente me fuí adentrando mucho mas en lo que es la voz y lo original que es en cada quien, asi que empece a enfocarme más en ser escuchandos pero a la vez en escucharnos también, lo que muy rara vez hacemos, ya que o hablamos o escuchamos a los demás. Así que decidí por construir una pagina en donde uno pueda hablar y esta te grabe y luego te permita escucharte, asi también guardando ese audio en tu computadora, su utilidad puede ser infinita con respecto al audio o al sonido que hagas cerca de tu computadora, puedes hacer musica, tocando instrumentos, cantar, guardar notas, hacer grabaciones programadas, construir un audio que recibe lo que se logra escuchar desde tu computadora, solo con un click de inicio a la grabacion, de pausa, luego escucharte, para finalmente proceder a aguardarlo en tu computadora. [[Archivo:Di un color imagen escrita proyecto final01.jpg|600px]] [[Archivo:GrabaTuVoz fotol 2S 2020.jpg.jpg|800px| center]] [[Archivo:GrabaTuVoz foto2 2S 2020.jpg.png|900px| center]] [[Archivo:GrabaTuVoz foto3 2S 2020.jpg.png|900px| center]] [[Archivo:GrabaTuVoz foto4 2S 2020.jpg.png|900px| center]] [[Archivo:GrabaTuVoz foto5 2S 2020.jpg.png|900px| center]] Resumen: Esta es una edición menor Vigilar esta página Guardar la página Mostrar previsualización Mostrar los cambios Cancelar