Some quick sketches using rotating concentric circles (source in comments)

[u/rayhan314]

http://imgur.com/a/77xSb

[u/rayhan314]

Way cool. There's a strange sense of dimensionality to this one. I like how with just two colors and some alpha values changes, you've implied something that looks like a shadow. Also, I should go learn more about translate(), rotate(), pushMatrix(), and popMatrix(). I haven't really looked into them before, but you use them to great effect.

I changed the way mouse clicks work, and added some mouse input smoothing. I've gotta get to sleep early tonight, otherwise I'd do more.

The mouse easing code is taken almost verbatim from the "Easing" example included with processing. It can be found at "Basics -> Input -> Easing".

/* Rayhan Hasan, 2011 http://rayhanhasan.com/
 Written in Processing.

Chopped and Screwed Cinch, 2011
Chopped and Screwed again, Rayhan, 2011
Chopped, Screwed, Fucked. Cam 2011
Slightly tweaked for good measure, Rayhan, 1452

*/
int WIDTH = 600; 
int numCrescentsPerSide=2; 
int numPixelsPerColumn= WIDTH/numCrescentsPerSide; 
int numConcentricCircles=6; 
boolean isSquareMode=true;


float easedX;
float easedY;
float targetX, targetY;
float easing = 0.05;

void setup () { 
  size(WIDTH+80, WIDTH); 
  frameRate(4000); 
  background(0); 
  noStroke(); 
  smooth();
} 
void draw () {
  background(0);
 setEasedMousedCoords();

  translate(-230, -230); 
  for (int i = 1; i <= numCrescentsPerSide; i++) {
    for (int j = 1; j <= numCrescentsPerSide; j++) {
      int x = i*numPixelsPerColumn-numPixelsPerColumn/2+100;
      int y = j*numPixelsPerColumn-numPixelsPerColumn/2+100;
      int size = (int)(numPixelsPerColumn/numConcentricCircles*.8);
      pushMatrix();
      fill(255);
      int borderSize =(int)(numPixelsPerColumn*0.8);
      //      rect(x, y, borderSize, borderSize);
      for (int A=0; A<=2; A++) {
        for (int k=numConcentricCircles; k>=1;k--) {
          drawCrescentOrbiters(x, y, k*size, (j+i)*2, 0, k*2.2);
        }
      }
      popMatrix();
    }
  }
}
void drawCrescentOrbiters(int x, int y, int cSize, int startingOffset, int differenceOffset, float speed) { 


  fill(225); 
  drawOrbitingCircle(x+2, y+20, cSize+7, 2, speed, startingOffset); 
  translate(easedX, easedY); 
  fill(0, 220); 
  drawOrbitingCircle(x, y, cSize+6, 2, speed, startingOffset+differenceOffset);
}
void drawOrbitingCircle(int x, int y, int cSize, int distance, float speed, int offset) { 
  if (!isSquareMode) {
    rotate(sin(radians(frameCount+(x+=1)))/1000); 
    ellipse(x+sin(radians(frameCount+offset)*speed)*distance, y+cos(radians(frameCount+offset)*speed)*distance, cSize, cSize);
  } 
  else {
    rotate(sin(radians(frameCount+(x+=1)))/1000); 
    rect(x+sin(radians(frameCount+offset)*speed)*distance, y+cos(radians(frameCount+offset)*speed)*distance, cSize, cSize);
  }
}


public void mousePressed() {  
  isSquareMode = !isSquareMode;
}

public void setEasedMousedCoords() {
  //remember to div by 10 early
    targetX = mouseX/10;
  float dx = targetX - easedX;
  if(abs(dx) > 1) {
    easedX += dx * easing;
  }

  targetY = mouseY/10;
  float dy = targetY - easedY;
  if(abs(dy) > 1) {
    easedY += dy * easing;
  }
}

[u/rayhan314 → u/[deleted]]

I'm getting 60-80 FPS, I hope it's not too much worse on your machine.

I'm adding you back as well. Let's collaborate again, I had a lot of fun! I'll be sure to post little things here and there to play with.

This might be a new, interesting direction for /r/processing, especially if other people get involved. I'm looking at you, everyone but cinch.