intro til programmering i processing n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Intro til programmering i Processing PowerPoint Presentation
Download Presentation
Intro til programmering i Processing

Loading in 2 Seconds...

play fullscreen
1 / 15

Intro til programmering i Processing - PowerPoint PPT Presentation


  • 92 Views
  • Uploaded on

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

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Intro til programmering i Processing' - trista


Download Now 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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
intro til programmering i processing

Intro til programmeringi Processing

Åsmund Eldhuset

Bekk Consulting AS

visdomsord
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

hva er en datamaskin
Hva er en datamaskin?
  • En innretning som tar imot input, utfører beregninger og produserer output
programstruktur engangs
Programstruktur: engangs

Start

kode();

kode();

kode();

Slutt

programstruktur repeterende
Programstruktur: repeterende

Start

void setup() {kode();

kode();

}

void draw() {kode();

kode();

}

Repeter for alltid

vindu
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
figurer
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
farger
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
annet
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 */
feilmeldinger
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
animasjon
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
animasjon1
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()
slide14
Mus
  • Posisjonen til musepekeren er alltid tilgjengelig gjennom variablene mouseXog mouseY
  • Tegne en sirkel der pekeren befinner seg:ellipse(mouseX, mouseY, 50, 50);
konsoll
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);