Canvas

Dette eksempel viser hvordan man opretter et lærred og tegner figurer på skærmen. Der benyttes variabler og musemarkørens position til at styre hvor på skærmen der tegnes.

function setup() {
  createCanvas(windowWidth, windowHeight);
}

function draw() {
  background(220);
  fill(255);

  // variable declaration
  let x;
  // variable assignment
  x = mouseX;

  // declaration and assignment in one line
  let y = mouseY;

  circle(x, y, 150);

  // assign a new value to x
  x = 200;

  ellipse(x, y, 80, 40);

  fill(255, 0, 0);
  circle(width, height, 120);

  let cx = width / 2;
  let cy = height / 2;
  circle(cx, cy, 50);
}

Demo

Prøv det kørende eksempel

Materiale