1 / 15

Intro til programmering i Processing

Intro til programmering i Processing. Åsmund Eldhuset Bekk Consulting AS. Visdomsord.

trista
Download Presentation

Intro til programmering i Processing

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Intro til programmeringi Processing Åsmund Eldhuset Bekk Consulting AS

  2. Visdomsord "A computer is a stupid machine with the ability to do incredibly smart things, while computer programmers are smart people with the ability to do incredibly stupid things. They are, in short, a perfect match."–Bill Bryson

  3. Hva er en datamaskin? • En innretning som tar imot input, utfører beregninger og produserer output

  4. Programstruktur: engangs Start kode(); kode(); kode(); Slutt

  5. Programstruktur: repeterende Start void setup() {kode(); kode(); } void draw() {kode(); kode(); } Repeter for alltid

  6. Vindu • Sett vindusstørrelse i piksler:size(width, height); • Fyll bakgrunnen med en farge:background(red, green, blue);eller med en gråtone:background(graytone); • Alle fargekomponenter er 0-255

  7. Figurer • Linje:line(startX, startY, endX, endY); • Rektangel:rect(left, top, width, height); • Ellipse:ellipse(centerX, centerY,width, height); • Husk at y-aksen går nedover

  8. Farger • Sett fyllfarge for de neste figurene:fill(red, green, blue);eller fyllgråtone:fill(graytone); • Sett strekfarge for de neste figurene:stroke(red, green, blue);eller strekgråtone:stroke(graytone);eller ingenting:noStroke(); • Fargen holder seg inntil man endrer den

  9. Annet • Strektykkelse:strokeWeight(pixels); • Gjør at draw() bare kjøres én gang:noLoop(); • Enlinjes kommentar:fill(255, 0, 0); // Rødt fyll • Flerlinjes kommentar:fill(255, 0, 0); /* Her setter vi fyllfargen for neste figur */

  10. Feilmeldinger • Kompileringsfeil: • Du har skrevet grammatisk ukorrekt kode • Stort sett enkle å fikse når man er blitt litt vant med språket og klarer å tolke meldingene • Kjøretidsfeil: • Programmet utfører en ulovlig operasjon (f.eks. dele på 0) • Kan være vanskelige å fikse • Logisk feil: • Programmet "fungerer", men gjør noe annet enn det du ville • Kan være et mareritt å i det hele tatt finne

  11. Animasjon • Husk at draw() kjøres i en løkke • Vi kan bruke variabler til å tegne noe nytt hver gang • Øverst, utenfor setup() og draw(): int x = 100;Inni draw():rect(x, 100, 50, 50);x = x + 1; • = er ikke en ligning, det er en tilordning

  12. Animasjon • Vinduet fungerer i utgangspunktet som et lerret – alt tegnes oppå det som var der fra før av • Oftest har man lyst til å male helt over det forrige "stillbildet" – se på forskjellen mellom å ha background() i setup() og i draw()

  13. Mus • Posisjonen til musepekeren er alltid tilgjengelig gjennom variablene mouseXog mouseY • Tegne en sirkel der pekeren befinner seg:ellipse(mouseX, mouseY, 50, 50);

  14. Konsoll • Det svarte området nederst i Processing • Kan vise tekstoutput fra programmet • println() kan produsere output av forskjellige typer informasjon:println(42);println(x);println("Hello world!"); • Bruk + for å lime sammen informasjon, eller print() for å slippe linjeskift:print("x is: " + x);

More Related