jueves, 31 de enero de 2019

Cuarta sesión bloque 1

La serpiente roja


Hemos utilizado la sensibilidad del ratón para crear elipses de colores intermitentes variando entre el rojo y negro.

Tercera sesión bloque 1

Setup y draw
Aquí, lo que hacemos es crear códigos que mediante una serie de comandos para que al mover el raton la imagen cambie



la línea se está dibujando continuamente debido al uso del comando setup() y draw() y  los corchetes.

Aquí, al utilizar loa comandos mouse x, mouse y, conseguimos que nuestro código sea interactivo y dependiendo de la velocidad con la que muevas el ratón las líneas están más separadas o más juntas.

Moviendo el raton hacemos que la línea cambie de longitud y de orientación

Es el mismo código que el ejercicio anterior, solo que cambias la linea por una elipse en las coordenadas que tú quieras.
Aquí hemos añadido un nuevo código de fondo al que añadimos mouse x y mouse y para que interactúe con el ratón y cambie de color según lo movemos por la ventana.



Primera sesión bloque 1


Processing
Procesing es un programa en el que escribes un mensaje y este transforma el el código del mensaje a lenguaje de máquina. Tiene una barra de herramientas que se utiliza para hacer una compilación o ejecución de un programa, o hacer que este programa se detenga. También tiene un área de mensajes, en la que te informa de los errores.
los programas que crees se pueden exportar y compartir, 
Píxeles y resolución
Los píxeles son el conjunto de puntos que forman nuestras pantallas. Cuantos más píxeles tenga una pantalla, mejor será. Expresamos la calidad de la pantalla en función de la cantidad de píxeles que se llama resolucion 
Colores
Cada píxel puede tener muchos colores diferentes. De cuantos más colores se pueda pintar el píxel, mejor será la pantalla. Hay 3 colores de pixel diferentes en nuestra pantalla,que representan los tres colores primarios: rojo (R), verde (G) y azul (B). Cualquier color que haya en una pantalla, se puede hacer mezclando las componentes RGB en diferentes cantidades.
Coordenadas
La ubicación de un píxel se determina mediante coordenadas. Las coordenadas indican la ubicación de un pixel.
Cada píxel tiene 2 coordenadas: horizontal (x) y vertical (y).
Ejercicios:






viernes, 25 de enero de 2019

Segunda sesión bloque 1

Las variables

Las variables son algo que usas todo el tiempo en programación. Son como un contenedor para diferentes tipos de datos. Para cada variable, necesitas especificar qué tipo de datos contendrán, cuál es el nombre de la variable y qué valor se le asigna.
Ejemplos:


Ejercicios:
  • Dibuja una cara sonriente empleando líneas y elipses.