Wavy Squares | KTBYTE Student Projects

The showcase player uses a modified version of Processing.js in combination with jsweet to let students program their apps in Java code while still allowing for browser support.

Content created by students is scaled to fit the showcase frame while maintaining aspect ratio and cursor position. This is why some projects may appear blurry in fullscreen, or why some small details may not be visible on a small screen

Embed HTML:

<iframe width='500px' height='400px' src='https://nest.ktbyte.com/nest#90801' allowfullscreen></iframe>

void setup() {
  size(600,600);
}

void draw() {
  background(20);
  rotate(PI/2);
  for (int i = 0; i < 1; i++) {
    for (int j = 0; j < 50; j++) {
      pushMatrix();
      //rotate(PI/2);
      //rotate(PI/5);
      //translate(width/2, height/2);
      translate(300- i * 120, -170-j * 6);

    
      float ratio = (20*i  + j)/49.0;
      float angle = sin(millis() / 800.0 +  ratio * (PI/2)) * PI/2;
      float a =150*cos(angle);

      rotate(angle/50);
      strokeWeight(1);
      stroke(#EA1A3E);


      noFill();
      rectMode(CENTER);
      rotate(PI/4);
      rect(0, 0, 1.2*a, 1.2*a);
      noStroke();
      fill(#EA1A3E,30);
      ellipse(0, 0, 1.2*a, 1.2*a);


      popMatrix();
    }
  }

}

DESCRIPTION