Taller Hangar

Des del punt de vista de codi, treballar amb text i amb imatge té moltes coses a veure, en processing.

Aquí hi ha tres exemples de text:

Un

dos

i tres

Una altra manera d’interactuar amb el ratolí, i de què els objecte interactuïn entre sí, és fent servir el valor de distànica:

Aquí teniu un exemple que juga amb la distància en l’eix X i en l’eix Y

i aquí n’hi ha un altre que juga també amb la distància absoluta

En aquest exemple hi podeu veure com es calcula realment la distància, tot i que Processing té una funció pròpia dist() que fa exàctament aixó per a punts de dues i de tres dimensions.

En un moment o altre, tothom que fa un curs amb mi acaba coneixent el mixo Ramon:

Segueixen uns exemples del treball amb imatge fixa en Processing. Cada un un pel més complex. Penseu que tot el que el codi pot fer amb imatge fixa, ho podrà fer amb imatge en moviment…

La imatge fixa la podem utilitzar com qualsevol altre element gràfic, i dibuixar-la abans o després d’altres elements o imatges, i també la podem analitzar i fer-ne servir els valors de color.

(more…)

L’Álex Posadas ha presentat el projecte Arduino.

Hem vist la nova versió del software d’Arduino, i el nou Arduino mini i el corresponent adaptador usb mini

També hem vist la guia de profesors per ensenyar Arduino a la ESO, amb la seva referència.

Pàgina d’Arduino

Aquí sota teniu la llista de correu i el codi on vam veure a la presentació:
(more…)

Una altra manera d’interactuar amb el ratolí és convertir-lo amb una eina de dibuix.

Dos exemples extremadament bàsics:

El primer no fa res més que dibuixar quelcom on hi ha el ratolí

El segon fa el mateix però aplicant un fons amb alfa

(more…)

Quan el que programem va destinat a la web, i amb Processing és una possibilitat, el ratolí serà molt sovint l’element d’interfície a través del qual interactuarem amb el visitant a la nostra web.

Aquí hi ha quatre exemples molt senzills que van evolucionant del primer a l’últim a nivell d’interacció i gràfica.

En el primer exemple la interacció és amb l’eix vertical del ratolí

En el segon exemple, amb el vertical i l’horitzontal

(more…)

A petició del Luca, un parell d’exemples del treball amb classes. No el recomano, de moment, pels que tot just us inicieu en la programació, tot i que és extremadament útil un cop els programes es tornen complexos i, en definitiva, per el que s’anomena programació orientada a objectes (OOP: Object Oriented Programming).

Són dos exemples molt bàsics perquè es vegi l’estructura de les classes:

(more…)

A més de setup i draw, hi ha algunes variables predeterminades en p5 que són molt útils a l’hora de programar en auqesta plataforma:

Variables:

width : amplada de la finestra

height : alçadade la finestra

mouseX : posició del ratolí a l’eix X

mouseY : posició del ratolí a l’eix Y

(more…)

Un applet també pot tenir llei de la gravetat:

Bouncing ball 2

I vist aquest exemple, se us proposa intentar emular alguns dels 4 primers d’aquesta pàgina. En podeu veure el codi però són fets amb “pur” java, i per tant no us servirà copiar-lo…

(El darrer post abans de començar el taller. Si heu notat que els posts es van tornant més curts i caòtics, a partir d’ara pot ser pitjor…)

No hi ha res com recórrer als mestres. En un curs a ITP, l’Amit Pitaru proposava el següent exercici per entendre a fer anar loops amb processing, que crec que pot ser molt útil.

Es tracta de reproduir amb codi les següents captures de pantalla.

(more…)