Taller Hangar

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:

ellipseMode()

rectMode()

(more…)

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

Abans de continuar… un repàs del color i els píxels amb

aquesta simulació: que explica la quadrícula de píxels

i Pixeldraw per veure el color

COLOR:

L’ordinador entén el color de la manera següent:

AAAAAAAARRRRRRRRGGGGGGGGBBBBBBBB

(more…)

Arribats a aquest punt, és hora de passar a l’acció i començar a fer codi!

Processing, com qualsevol entorn de programació amb cara i ulls, té una consola. Un lloc on, via text, podem rebre missatges del programa, i, quan n’hi hagi, veure els errors. És la consola, i es troba al capdavall de la interfície de Processing, amb un fons negre:

(more…)

La Interfície de p5 és senzilla. Això permet que hom s’hi pugui familiaritzar molt ràpidament. Si la comparem amb la complexitat de les interfícies de Flash o Director, fa plorar d’alegria…

Les opcions del menú són o bé les convencionals, o es repeteixen al que explico en aquest mateix post, o estaran explicades a Interfície 2.

El menú que interessa ara és el següent:
(more…)

Com diuen els seus creadors, Casey Reas i Ben Fry a la web del projecte:”Processing is an open source programming language and environment for people who want to program images, animation, and sound. It is used by students, artists, designers, architects, researchers, and hobbyists for learning, prototyping, and production. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool. Processing is developed by artists and designers as an alternative to proprietary software tools in the same domain.” (more…)

En cinc paraules, programar és comunicar-se amb una màquina. Donar-li instruccions perquè executi les tasques que li demanem. Això es fa a través d’un dels molts llenguatges de programació que existeixen. C, C++, java, html, javascript, actoinscript, lingo, perl, php, phyton… són llenguatges de programació amb diferents característiques. Una mica com els llenguatges naturals, els de programació comparteixen estructures bàsiques, i alguns s’assemblen més entre ells que d’altres. (more…)