Un applet també pot tenir llei de la gravetat:
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.
Un exemple molt típic és el de la pilota que rebota per tot arreu. Es tracta de fer que una pilota reboti amb els marges de la finestra.
La meva proposta és: mireu el codi que copio a sota. Fa el que diu la frase anterior però de manera molt millorable. Intenteu entendre el codi, i després canviar-lo per fer el que fa aquest altre exemple (del que també teniu el codi com a solució).
Finalment podeu experimentar afegint-hi d’altres elements, o simplement canviant-ne els colors per fer-lo més agradable.
Molt en el fons, programar es redueix a gestionar una sèrie de valors a través de condicionals. Amb variables en totes les seves formes, i algoritmes tant complicats com volgueu, probablement tot es pot reduïr a condicionals.
Com deia a la Què és programar, cal tenir en compte que, al cap i a la fi, tot el que la màquina pot fer és guardar valors, comparar valors, i fer operacions aritmètiques.
Doncs bé, aquest comparar valors és el que ens permet treballar amb condicionals. Només cal tenir en compte com codificar els condicionals.
Així, per dirli que si la variable a és major que 14 ha d’escriure “catorze” a la consola, farem això:
if( a > 14 ) {
println(”catorze”);
}
Si hi ha una cosa molt específica de Processing (i que posa especialment nerviosos els programadors de veritat) són el void setup() i el void draw().
Podeu ignorar de moment el void i els parèntesi en blanc (és un tema de funcions).
L’important és que setup i draw són les dues funcions principals de Processing. Les que s’executen sempre. Primer setup, una vegada, i després draw repetidament.
Fins ara les hem ignorat perquè el codi que fèiem servir s’executava una sola vegada de dalt a baix. Ara, tot allò que posem dins draw es repetirà, també de dalt a baix, fins que tanquem el programa (també es pot aturar amb codi però ara no ve al cas).
Amb aquests dos exemples ho veureu molt clar. Mireu el codi i després executeu-lo per veure si es compleixen les vostres previsions:
Una variable és un espai en la memòria on guardem un valor. Cada variable té un nom únic que ens serveix per referir-nos-hi, i un valor que pot variar.
Si la distància d’un llàpis respecte la meva mà l’anomeno “dis”, mentre el tinc agafat “dis” té per valor 0. Si el deixo caure, la distància augmentarà fins que el llapis sigui a terra, i llavors el valor de “dis” pot ser, per exemple 110 (centrímetres).
El valor d’una variable ha de correspondre a un dels tipus de dades amb què el programa pot treballar. Les més comunes en Processing són int (números enters), float (número amb decimals), boolean (cert o fals), color i string (cadena de caràcters).
Una última parada abans de seguir amb el codi. Cal fer-ho en un moment o a altre…
A part de la primera repassada a la interfície, val la pena repassar ràpidament algunes opcions més del reduït menú de Processing.
FILE –> EXPORT APPLICATION:
Si export serveix per crear un applet (un programa que s’executa des del navegador), export applicaiton serveiex per tenir una aplicació java que amb un click es pot executar en qualsevol ordinador, prescindint del navegador, i per tant de les dificultats que això pot provocar en alguns casos. Quelcom molt més complicat de fer amb java convencional, per cert. (more…)
Toca fer codi. Amb tot el que hem vist podeu començar a fer dibuixos més complexos.
Mireu les següents pàgines de la referència de Processing abans de reproduir, via codi, les imatges proposades:
Arriba el moment de fer el “hello world” gràfic:
Escriviu
line(20,20,80,80);
a la interfície de Processing i premeu Run.
I… voilà de nou! Veureu una línia negra a la finestra que abans era només gris.
Una línia que va del punt 20,20, al punt 80,80 en una quadrícula de 100×100 píxels. (more…)