"Cycloid" - Processing

ID	Autor	Duplicat din	Ultima modificare
`#3966`	Ciurcau Leonardo (Goth)	-	Vineri, 10 iul 2020, 18:24
var off, _circle= 
{
      x: 0, y: 0, r: 0,
      create: function(_x, _y, _r) {this.x = _x; this.y = _y; this.r = _r;},
      draw: function() 
      {
        var alpha = map(this.x, 0, off / 4, PI / 2, -3 * PI / 2);
        colorMode(HSB);
        noStroke();
        var hue = map(this.x, 0, off, 0, 255);
        fill(hue, 255, 255);
        var _r = this.r / 6;
        circle(
               this.x + this.r * cos(alpha),this.y - this.r * sin(alpha) - this.r,
               _r);
        circle(
               this.x + this.r * cos(alpha),this.y + this.r * sin(alpha) + this.r,
               _r);
        
        fill(255 - hue, 255, 255);
        circle(
               this.y - this.r * sin(alpha) - this.r,this.x + this.r * cos(alpha),
               _r);
        circle(
               this.y + this.r * sin(alpha) + this.r,this.x + this.r * cos(alpha),
               _r);
        colorMode(RGB);
      },
      
      update: function()
      {
        ++this.x;
        if (this.x > off)
          noLoop();
      },
};
var c;

function setup() {
  createCanvas(400, 400);
  off = min(width, height);
  c = _circle;
  c.create(0, height / 2, off / 8);
  background(0);
}

function draw() {
  stroke(0);
  c.draw();
  c.update();
}