Entradas etiquetadas con Processing
[Tutorial Processing] Imágenes
hace 4 meses
El uso de imágenes en nuestros programas, es algo esencial es lo que le dará vista y un toque de atractivo a nuestra interfaz. Las imágenes las podemos usar desde un fondo para el programa, un botón, etc.
Processing cuenta con un tipo de dato para trabajar con imágenes, estamos hablando de PImage que nos permitirá almacenar en ella una imagen desde un archivo local o vía web mediante una URL, ademas cuenta con funciones para el manejo de las imágenes, estas son:
loadImage(filename, extension): Nos permite cargar una imagen directamente desde un archivo local o desde via web, como primer parámetro recibe la ruta o URL del archivo a cargar, el segundo parámetros es opcional en el caso de que la extensión del archivo no se encuentre implícita en la ruta. Los tipos de archivo que puede cargar son ( .gif, .jpg, .tga, .png). (más…)
Kinect, physics y processing, creando arte visual
hace 8 meses
Ya habíamos hablado antes de lo que se puede crear mezclando un poco de creatividad con la tecnología actual, esta vez Creative Applications Network nos trae un completo tutorial para despertar tu mente creativa, haciendo uso del sensor kinect, processing y scripts para aplicar la fisica se pueden lograr trabajos muy interesantes.
Aun si no cuentas con un sensor kinect, no esta de mas echarle un vistazo a este estupendo tutorial.
Visita el tutorial | Creative Applications Network
[Tutorial Processing] Eventos e interrupciones
hace 9 meses
Hasta el momento hemos codificado programas solamente secuenciales, es decir, ejecutando linea a linea de principio a fin, si bien nos ha servido para los ejemplos es hora de dar un paso mas allá. En esta ocasión veremos lo que son los eventos del sistema y como ejecutarlos.
Un evento es una interrupción en el programa principal, ocurre cuando se tiene un cambio externo como por ejemplo cuando se presiona una tecla o un clic del mouse. Cuando uno de estos eventos sucede se llama a una funcion, dentro de esta función colocaremos el codigo a ejecutar.
Las funciones disponibles son las siguientes:
- mouseClicked(): Ocurre cuando se presiona y se libera un boton del mouse
- mousePressed(): Cuando se presiona un boton del mouse
- mouseDragged(): Ocurre cuando se da clic con el mouse y se arrastra
- mouseReleased(): Ocurre cuando se libera un boton del mouse que estaba presionado
- keyPressed(): Ocurre cuando se presiona un tecla
- keyReleased(): Ocurre cuando se libera una tecla que estaba presionada
[Tutorial Processing] Variables del sistema
hace 1 año
Las variables de sistema son aquellas que nos proporcionan información importante de nuestra ventana, con ellas podemos obtener valores como la posición del mouse, si un boton del mouse o una tecla se encuentra presionada y cual de ellas es. Toda esta información nos sera útil para hacer mas interactivos nuestros programas.
En el core (nucleo) de Processing existen muchas variables del sistema, a continuación se listan las mas importantes o en mi caso las que mas he utilizado.
- width: Ancho de la ventana en pixeles definida previamente con size()
- height: Altura de la ventana en pixeles definida previamente con size()
- frameCount: Devuelve el numero de cuadro que se encuentra desde la ejecución de lo programa
- frameRate: El numero de cuadros por segundo al que se encuentra trabajando el programa
- key: Devuelve el valor ascii de la ultima tecla presionada
- keyCode: Regresa el código de una tecla especial la cual esta codificada, su valor puede ser UP, DOWN, LEFT, RIGHT, ALT, CONTROL, SHIFT
- keyPressed: Nos indica con verdadero o falso si una tecla se encuentra presionada
- mousePressed: Nos indica con verdadero o falso si un boton del mouse se encuentra presionado
- mouseButton: Nos indica que boton del mouse esta presionado sus valores pueden ser LEFT, RIGHT, CENTER
- mouseX: Devuelve la posición x del raton en el sistema de coordenadas
- mouseY: Devuelve la posición y del raton en el sistema de coordenadas
Ahora veremos un pequeño ejemplo utilizando algunas de estas variables:
(más…)
