Juego Pong en processing

En  este  tutorial   podrás  seguir las  indicaciones para   programar  el PONG







 Tendréis que realizar  uno similar  con algunas mejoras.

Prueba 2

Con ayuda de la variable de estado mousePressed (que nos indica si el botón del ratón es pulsado o no), realizar un programa que nos permita dibujar con el ratón sobre la imagen pizarra como se muestra en el siguiente video:

Prueba 1

Realizar un programa que pulsando la tecla “s” suba la persiana roja y pulsando la tecla “b” baje la persiana, tal y como se puede ver en el siguiente video:

Práctica 17: Giros en Processing

En esta práctica vamos a aprender a girar objetos en Processing. Para ello utilizaremos la función:

rotate(ángulo);

Práctica 16: Control de fecha.

En esta práctica vamos a aprender a utilizar la fecha y hora del sistema en nuestros proyectos de Processing. Para ello disponemos de estas tres funciones para la fecha:

year()……………………..nos devuelve el año

month()………………….nos devuelve el mes

day()………………………nos devuelve el día

Práctica 15: Control de sonido

En esta práctica vamos a aprender cómo manejar sonidos con Processing. Existen numerosas librerías que nos proporcionan una gran cantidad de funciones y efectos con sonidos. En esta ocasión vamos a utilizar la librería MINIM.

Práctica 14: Cargar una imagen en Processing

En esta práctica vamos a aprender a trabajar con imágenes con Processing. Esto puede ser muy útil a la hora de desarrollar un juego o algún Interface de usuario donde queramos una estética más elaborada.

Vamos a ver dos métodos:

Práctica 13: Control de tiempo con processing

En programación es imprescindible muchas veces el controlar cada cuánto tiempo se lanzan eventos o acciones. Para ello Processing utiliza una función que se llama:

millis()

Práctica 12: Interacción con el teclado

En esta práctica vamos a aprender cómo podemos actuar en función de eventos que se produzcan en nuestro teclado.

Para saber si una tecla fue presionada podemos utilizar la variable booleana keyPressed , que devuelve el valor true si alguna tecla fue plsada y false si no se pulsó ninguna. Por otro lado, tenemos la variable de estado key, que nos devuelve el valor de la última tecla pulsada. La variable key se suele utilizar cuando utilizamos teclas de letras y números, mientras que keyCode se utiliza cuando utilizamos teclas de símbolos y caracteres especiales (SHIFT, CTRL, UP, DOWN, etc). También es posible implementar las funciones keyPressed() y keyReleased() que serán invocadas cada vez que se presione o suelte una tecla respectivamente.

Veamos algunos ejemplos para familiarizarnos con estas funciones:

Práctica 11: Estructuras condicionales

Es muy habitual en programación tener que tomar decisiones en función del valor de una variable. Para eso existen bloques de código llamados condicionales los cuales son la sentencia if y la switch. En esta práctica veremos el funcionamiento y la sintaxis de estas sentencias.

if (condición)

{
                                                  código a ejecutar si es verdadero
}
else

{
                                         código a ejecutar si es falso
}

Práctica 10: Generación de números aleatorios

En esta práctica vamos a ver cómo podemos generar números de forma aleatoria. Para ello utilizaremos la función:

random(x);

Práctica 9: Interacción con el ratón

En esta práctica vamos a ver cómo Processing nos permite ejecutar acciones al detectar determinados eventos del ratón (como cuando es pulsado, soltado, arrastrado, obtener sus coordenadas sobre pantalla, etc).

Para ello disponemos de las siguientes funciones:

Práctica 8: Iteraciones: bucle while() en Processing

El bucle while() también nos permite realizar una serie de operaciones similiares según que se cumpla una determinada condición.

Práctica 7: Iteraciones :bucle for

En ésta y en la siguiente práctica vamos a ver unas estructuras iterativas o repetitivas que se suelen utilizar en todos los lenguajes de programación para realizar una determinada instrucción que se repite un determinado número de veces (bajo unas determinadas condiciones) mediante una única función dentro de un bucle o loop.

Práctica 6: Mostrando información en processing

Para mostrar información en Processing lo podemos hacer de dos maneras:

EN LA CONSOLA DEL IDE

Práctica 5: Variables en processing

Como en la mayoria de los lenguajes de programación, es imprescindible el uso de datos. Para ello deberemos conocer los tipos de datos que nos ofrece Processing según sea su naturaleza (entero, real, carácter, cadena de caracteres, etc).

En Processing vamos a utilizar los siguientes tipos de datos:

Practica 4: Propiedades de las formas.

Hasta ahora, el fondo de nuestro lienzo era siempre gris y las líneas que generábamos siempre negras. Pues bien, en esta práctica vamos a aprender a dar color al fondo, al relleno de las figuras y a las líneas.

Veámoslo paso a paso…

Práctica 3: Formas geométricas.

En esta práctica vamos a aprender cómo dibujar las formas básicas en Processing.

Práctica 2: Mi primer programa

Mi primer programa en ProcessingCompartir

En esta práctica ya vamos a generar nuestro primer programa. Será sencillo pero supondrá el pistoletazo de salida para empezar práctica tras práctica, a generar programas cada vez más complejos y atractivos.

Lo primero es conocer la estructura de los programas en Processing. En su casi totalidad se componen de dos funciones o bloques cuyos nombres son siempre así:

void setup() y void draw()

PRÁCTICA 1: PROCESSING

Instalación de Processing

Con esta práctica vamos a apender a descargarnos y arrancar Processing para poder empezar a trabajar. Como vais a poder experimentar va a ser rápido, sencillo y no será necesario instalarlo en el disco duro del ordenador (bastará con arrancar el ejecutable que podéis tener en el propio PC o incluso en un pendrive)

Comencemos……

Vamos a la web oficial de Processing:

Creación de acceso directo en el escritorio de ubuntu

Lo primero de todo es abrir una Terminal y escribir lo siguiente:

Comandos terminal ubuntu

Si queremos realizar utilizando nuestro terminal de Ubuntu diferentes acciones como el instalar una aplicación o editar un archivo que tengamos alojada en una carpeta concreta, será básico e imprescindible que sepamos utilizar el comando cd o change directory para navegar entre los directorios de nuestro sistema.

Crear un blog 2

Blogs: Incrustar recursos mediante HTML

En esta entrada vamos a ver como "incrustar" o "embeber" algún tipo de recurso (video, audio, presentación, libro electrónico, etc...) que encontremos en Internet alojado en algún servicio de almacenamiento online (YouTube, Slideshare, Vimeo, iVoox, etc).
Recordad que si incrustamos, por ejemplo, un video alojado en YouTube, éste aparecerá en nuestro blog mientras el usuario que lo subió no lo elimine.
Tras el salto, como siempre, tenéis el vídeo y un enlace para su descarga.

Creación de un blog 1

Os he preparado unos pequeños vídeos para que podáis crearos fácilmente una cuenta de correo electrónico de Google (las que terminan en @gmail.com), que usaremos posteriormente para darnos de alta en Blogger y publicar nuestro Blog.

Tenéis los vídeos tras el salto. Al colgarlos en el blog pierden algo de calidad, así que si queréis, podéis verlos en YouTube pinchando en  estos enlaces.
VIDEO GMAIL
VIDEO BLOGGER

Bloques de contenidos

 TIC II 2º Bachillerato (Lomce 16-17)

Bloque 1. Programación 􀀁 Estructuras de almacenamiento de datos: arrays, .. 􀀁 Técnicas de análisis para resolver problemas. Diagramas de flujo. 􀀁 Elementos de un programa: datos, variables, funciones básicas, bucles, funciones condicionales, operaciones aritméticas y lógicas. 􀀁 Algoritmos y estructuras de resolución de problemas. 􀀁 Programación en distintos lenguajes: C++, HTML, Processing, Scratch. 􀀁 Diseño de aplicaciones móviles para uso en diversos dispositivos móviles. 􀀁 Depuración, compilación y ejecución de programas. Bloque 2. Publicación y difusión de contenidos La web social: evolución, características y herramientas disponibles. Situación actual y tendencias de futuro. 􀀁Plataformas de trabajo colaborativo: herramientas síncronas y asíncronas. 􀀁Herramientas de creación y publicación de contenidos en la web (páginas web, blogs, wikis). 􀀁Nuevas tecnologías y su desarrollo futuro para su aplicación en el entorno de trabajos colaborativos. Realidad aumentada, Internet de las Cosas (IoT). Bloque 3. Seguridad 􀀁 Definición de seguridad activa y pasiva. 􀀁 Seguridad activa: uso de contraseñas seguras, encriptación de datos y uso de software de seguridad. 􀀁 Seguridad pasiva: dispositivos físicos de protección, elaboración de copias de seguridad y particiones del disco duro. 􀀁 Riesgos en el uso de equipos informáticos. Tipos de malware. 􀀁 Instalación y uso de programas antimalware.