Archive for September, 2006

So… sonia

Wednesday, September 20th, 2006

Sonia és una llibreria de so per a Processing.

Una llibreria, en programació, és un conjunt de funcions i mètodes. Una mena d’ampliació de les capacitats d’un programa.

Processing té llibreries internes (openGL, net…) i llibreries externes. Les externes les fan altres desenvolupadors fora de p5, i enriqueixen moltíssim el projecte. Tot i això no totes són compatibles amb tots els sistemes ni versions de p5, i n’hi ha de més estables i més ben documentades que altres.

La primera llibreria que hi va haver per a so és Sonia, feta per l’Amit Pitaru

(more…)

GUI: to class or not to class (Avançat)

Wednesday, September 20th, 2006

Un altre de classes dos exemples per veure si val o no la pena treballar amb classes quan fem servir elements tipus botons. La resposta és quasi sempre que sí, per cert, tot i que veureu que el codi és més complex.

exemple sense classes

i exemple amb classes

Text

Wednesday, September 20th, 2006

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

Follow me

Wednesday, September 20th, 2006

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.

Imatge Fixa

Tuesday, September 19th, 2006

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…)

Arduino

Tuesday, September 19th, 2006

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…)

Dibuixant…

Tuesday, September 19th, 2006

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…)

Comencem a interactuar amb el ratolí

Tuesday, September 19th, 2006

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…)

Nivell Avançat: Classes

Tuesday, September 19th, 2006

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…)

Variables i Funcions pròpies de Processing

Tuesday, September 19th, 2006

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…)