Transformation 2

Beispiel aus dem Kapitel Processing in JavaScript.

Code

var a = 0;
var a2 = 0;

function setup() {
  createCanvas(200, 200);
}

function draw() {
  background(0);
  rectMode(CENTER);
  translate(width/2, height/2);
  rotate(a);
  fill(255);
  rect(0, 0, 80, 10);
  push(); // statt pushMatrix()

  translate(40, 0);
  rotate(a2);
  fill(0, 255, 0);
  rect(0, 0, 40, 5);

  pop(); // statt popMatrix()
  translate(-40, 0);
  rotate(-a2);
  fill(0, 255, 0);
  rect(0, 0, 40, 5);

  a += 0.01;
  a2 += 0.05;
}