P5js
Børre Stenseth

Vurdering

Hva

Mange av de vurderingene som ligger til grunn for dette materialet er forsøkt forklart i en serie blogginnlegg i borresfagblog [1] . Noe av dette er også å finne på en kursskisse i Instructure [2] , pålogging med Feide.

Menneskene bak Processing [3] har helt fra starten vært opptatt av at det som lages også skal kunne være tilgjengelig på nettet, altså på en webside. Vi har tidligere hatt to løsninger på dette:

  • Først fikk vi automatisk laget Java Applets av skissene våre som som kunne plasseres på en webside. Dette er faset ut på grunn av sikkerhetsproblemer med å bruke Java Appletspå websider.
  • Så fikk vi en løsning, Processing.js [4] , som interpreterte, tolket, javakoden i skissene våre og gjorde jobben med JavaScript. Denne løsningen ser ut til å være parkert og ikke lenger støttet av Processing.org.

Den løsningen vi har nå, p5js [5] , krever at vi skriver skisssene våre i Javascript. Java og Javascript er to helt forskjellige språk, men de har i såpass mange likhetstrekk i selve formen at det er ganske enkelt å ta med seg enkle skisser fra Processing til p5js. Kort sagt så er p5js en Javasscript versjon av Processing Processing er implementert i Java og er egentlig et Javabibliotek, mens p5js er et Javascriptbibliotek.

Det går fint an å lære seg p5js uten å kunne Processing i sin opprinnelige form. Det er imidlertid vanskelig å dra alle fordelene av p5js uten å kunne litt om HTML, CSS og litt mer Javascript enn det som følger av å skrive p5js-skisser.

I dette materiale gjøres det noen referanser til processing i starten, men det meste er forsøkt selvforklart. Du finner noen viktige forskjeller mellom Java og Javascript på siden Forskjeller .

Fordeler

Det har noen åpenbare fordeler å flytte fra Processing-programmeringen ut på nettet.

  • For det første kan vi dele løsningene våre med andre på en helt annen måte. Hvis vi kan plassere løsningen våre på en server kan vi invitere hvem som helst til å se og bruke det vi har laget.
  • For det andre kan vi integrere skissene våre i rike omgivelser. Vi legger dem på en web-side der vi kan bruke HTML, CSS og andre Javascriptbiblioteker eller kodebiter enn de som er knyttet opp til Procesing.
  • For det tredje kreves det dramatisk mye mindre installasjon på din egen maskin for å drive utviklingsarbeid. I prinsipp trenger du ikke sette opp noe som helst, du kan bare linke til p5.js på den nettsiden du lager. Og du kan lage denne nettsiden i vilken editor du måtte ønske. Dette skal vi selvsagt se nærmere på.

Ulemper

  • Java er et meget velstrukturert språk som gir større trygghet og kontroll i progrsmmeringsårbeidet. Javascript har kanskje en lavere terskel, men er mer krevende når vi skal gjøre avanserte ting.
  • Utviklingsverktøyet i Processing med egen editor og tilgang på mange ressurser er stabilt og greitt å jobbe i. Skissebegrepet og måten vi organiserer kode og data er gjennomtenkt og funksjonelt. I p5js må vi sette opp våre egne strukturer (hvor er nå denne koden)
Referanser
  1. Borres fagblog Børre Stenseth borresfagtekst.blogspot.no/ 14-03-2017
  1. kursskisse Børre Stenseth hiof.instructure.com/courses/86/ 14-10-2017
  1. Processing Processing processing.org/ 14-03-2017
  1. Processing.js processingjs.org/ 14-03-2017
  1. P5.js p5js.org/ 14-03-2017