Lines spin animation

Processing Coding Questions
1

hi! who knows why my lines are distorted after a few seconds after running, even if from the beginning everything works correctly? Thank you in advance

float a,b;
void setup() {
  size(100,100);
 frameRate= 30;
}

void draw() {
  background(255);
 line(0, a, width, a); //sus orizontal 
  a = a+1;
  if (a>height) { 
    a = 0; }
    
    line(0,b,width,b);//jos orizontal
    b=b-1;
    if(b<0){
      b=100;}
   
    line (a,0,a,height);//st
    a=a+1;
    if(a>width){
      a=0;
    }
  line(b,0,b,height);//dr
  b=b-1;
  if(b>width){
  b=100;}
  
  line(a,0,width,a);
  line(width,a,b,height);
  line(b,height,0,b);
  line(0,b,a,0);
    
}
2

a and b are both duplicates.

Maybe this is distorting things?

1 Like
3

Hello @add,

This will not change the frameRate:

Reference:
https://processing.org/reference/frameRate_.html < Use this.
https://processing.org/reference/frameRate.html

4

Hello @add,

Try using 4 variables for each side; you may then see opportunities to simplify such as common variables (counters).

One you have progressed consider just one variable:

int a;

void setup()
  {
  size(300, 300);
  }
  
void draw()
  {
  background(255);
  
  if (a>height) 
    { 
    a = 0; 
    }

  strokeWeight(20);
  stroke(255, 0, 0);

// 4 points
  point(a, 0);
  point(width-a, height);  // Goes the other way!
// Add code...

// 4 lines
// Add code...
  
  a++; // Increment end of loop if you want to start with a = 0
  }

I started with just points.
Once I got the points moving as desired I added lines.

There are many ways to do this… work through it and you will progress with time.

image

:)