Testing piccolo videos

Videos are coming

20151109_150924

 

samar piccolo

 
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(139, 23, 0);
  piccolo.rect( 2, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -6; r <= 6; r += 1) {
    for(float s = 3; s <= 3; s += 2) {
      piccolo.beginShape();
      //piccolo.ellipse( r*1, s*1, 17, -15);
      piccolo.rect(r*-4,r*0,r*5,r*3);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 

 

Won Yang

PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(1);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -9; r <= 11; r += 10) {
    for(float s = -19; s <= 11; s += 10) {
      piccolo.beginShape();
      piccolo.rect( r*1, s*1, -5, 8);
      piccolo.ellipse(r*1, s*-1,5, 5);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 

Carlotta!

                 
// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -9; r <= 7; r += 6) {
    for(float s = -5; s <= 5; s += 6) {
      piccolo.beginShape();
      piccolo.ellipse( r*1 +3, s*1 +1, 18, 18);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 
  
2015-11-09 14:56 GMT+01:00 Aoun Carlotta <aouncarlotta@gmail.com>:
                 
// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(232, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -12; r <= 12; r += 10) {
    for(float s = -21; s <= 10; s += 16) {
      piccolo.beginShape();
      piccolo.rect(r*1.5+-1, s*1.0+1,9,23);
      piccolo.ellipse( r*-1.3, s*-0.7, -9, -8);
      piccolo.line(3+r*-0.9, 50+s*4.3, -2*s*-0.6, 4);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}

leeanne code (second version, please use instead!)

// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -25; r <= 14; r += 9) {
    for(float s = -10; s <= 16; s += 7) {
      piccolo.beginShape();
      piccolo.ellipse( r*1, s*1, 18, 20);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 
            

maybe this time?

 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -14; r <= 14; r += 9) {
    for(float s = -7; s <= 10; s += 5) {
      piccolo.beginShape();
      piccolo.ellipse( r*1, s*2, 8, 7);
      piccolo.endShape();
    }
  }
      
  for(float r = -19; r <= 17; r += 16) {
    for(float s = -17; s <= 8; s += 8) {
      piccolo.beginShape();
      piccolo.rect( r*1, s*2, 4, 4);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 
      

Barnard sketch

// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
  
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
    
  piccolo.beginDraw();
  piccolo.pushMatrix();
  
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
  
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
  
  
  // reference for drawing functions
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);    
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
  
  
  // beginning of Piccolo drawing instructions
  
    
  for(float r = -22; r <= 8; r += 4) {
    for(float s = -19; s <= -9; s += 2) {
      piccolo.beginShape();
      piccolo.rect( r*2, s*1, 19, 28);
      piccolo.endShape();
    }
  }
  
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
  
  image(piccolo, padding, padding, width-padding, height-padding);
}
 
           

please work :(

PGraphics piccolo; int padding = 50; void setup() { size(500, 500); piccolo = createGraphics(50, 50); imageMode( CORNERS); rectMode( CORNER); } void draw() { piccolo.beginDraw(); piccolo.pushMatrix(); piccolo.background(255); piccolo.stroke(150, 50, 0); piccolo.rect( 5, 5, 40, 40); piccolo.translate(piccolo.width/2, piccolo.height/2); piccolo.stroke(0); piccolo.noFill(); piccolo.strokeWeight(.5); // reference for drawing functions // void vertex (float x, float y); // void vertex (float x, float y, float z); // void line (float x1, float y1, float x2, float y2); // void line (float x1, float y1, float z1, float x2, float y2, float z2); // void rect (float x, float y, float width, float height); // void rect (float x, float y, float z, float width, float height); // void ellipse(float x, float y, float width, float height); // void arc (float x , float y , float width, float height, float startA, float stopA); // void bezier (float x1, float y1, float cx1, float cy1, float cx2, float cy2, float x2, float y2); // void bezierYZ (float x1, float y1, float cx1, float cy1, float cx2, float cy2, float x2, float y2); // float bezierPoint (float a, float b, float c, float d, float t); // float bezierTangent(float a, float b, float c, float d, float t); // beginning of Piccolo drawing instructions for(float r = -14; r <= 14; r += 9) { for(float s = -7; s <= 10; s += 5) { piccolo.beginShape(); piccolo.ellipse( r*1, s*2, 8, 7); piccolo.endShape(); } } for(float r = -19; r <= 17; r += 16) { for(float s = -17; s <= 8; s += 8) { piccolo.beginShape(); piccolo.rect( r*1, s*2, 4, 4); piccolo.endShape(); } } // end of Piccolo drawing piccolo.popMatrix(); piccolo.endDraw(); image(piccolo, padding, padding, width-padding, height-padding); }

Carlotta!

                 
// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(232, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -12; r <= 12; r += 10) {
    for(float s = -21; s <= 10; s += 16) {
      piccolo.beginShape();
      piccolo.rect(r*1.5+-1, s*1.0+1,9,23);
      piccolo.ellipse( r*-1.3, s*-0.7, -9, -8);
      piccolo.line(3+r*-0.9, 50+s*4.3, -2*s*-0.6, 4);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}

wiktoria

PGraphics piccolo; int padding = 50; void setup() { size(500, 500); piccolo = createGraphics(50, 50); imageMode( CORNERS); rectMode( CORNER); } void draw() { piccolo.beginDraw(); piccolo.pushMatrix(); piccolo.background(255); piccolo.stroke(150, 50, 0); piccolo.rect( 5, 5, 40, 40); piccolo.translate(piccolo.width/2, piccolo.height/2); piccolo.stroke(0); piccolo.noFill(); piccolo.strokeWeight(.5); // reference for drawing functions // void vertex (float x, float y); // void vertex (float x, float y, float z); // void line (float x1, float y1, float x2, float y2); // void line (float x1, float y1, float z1, float x2, float y2, float z2); // void rect (float x, float y, float width, float height); // void rect (float x, float y, float z, float width, float height); // void ellipse(float x, float y, float width, float height); // void arc (float x , float y , float width, float height, float startA, float stopA); // void bezier (float x1, float y1, float cx1, float cy1, float cx2, float cy2, float x2, float y2); // void bezierYZ (float x1, float y1, float cx1, float cy1, float cx2, float cy2, float x2, float y2); // float bezierPoint (float a, float b, float c, float d, float t); // float bezierTangent(float a, float b, float c, float d, float t); // beginning of Piccolo drawing instructions for(float r = -14; r <= 14; r += 9) { for(float s = -7; s <= 10; s += 5) { piccolo.beginShape(); piccolo.ellipse( r*1, s*2, 8, 7); piccolo.endShape(); } } for(float r = -19; r <= 17; r += 16) { for(float s = -17; s <= 8; s += 8) { piccolo.beginShape(); piccolo.rect( r*1, s*2, 4, 4); piccolo.endShape(); } } // end of Piccolo drawing piccolo.popMatrix(); piccolo.endDraw(); image(piccolo, padding, padding, width-padding, height-padding); }

Sketch

// piccolo simulator
 
 
PGraphics piccolo;
int padding = 50;
 
void setup() {
  size(500, 500);
   
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
     
  piccolo.beginDraw();
  piccolo.pushMatrix();
   
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
   
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
   
   
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
   
   
  // beginning of Piccolo drawing instructions
   
     
  for(float r = -19; r <= 2; r += 5) {
    for(float s = -19; s <= 2; s += 5) {
      piccolo.beginShape();
      piccolo.rect( r*1, s*1, 18, 18);
      piccolo.endShape();
    }
  }
   
 
  // end of Piccolo drawing
 
  piccolo.popMatrix();
  piccolo.endDraw();
   
  image(piccolo, padding, padding, width-padding, height-padding);
}
 
           

Processing template for testing patterns

// piccolo simulator
PGraphics piccolo;
int padding = 50;
void setup() {
  size(500, 500);
  
  piccolo = createGraphics(50, 50);
  imageMode( CORNERS);
  rectMode( CORNER);
}
void draw() {
    
  piccolo.beginDraw();
  piccolo.pushMatrix();
  
  piccolo.background(255);
  piccolo.stroke(150, 50, 0);
  piccolo.rect( 5, 5, 40, 40);
  piccolo.translate(piccolo.width/2, piccolo.height/2);
  
  piccolo.stroke(0);
  piccolo.noFill();
  piccolo.strokeWeight(.5);
  
  
  // reference for drawing functions 
//    void vertex (float x,  float y);
//    void vertex (float x,  float y,  float z);
//    void line   (float x1, float y1, float x2, float y2);
//    void line   (float x1, float y1, float z1, float x2, float y2, float z2);
//    void rect   (float x,  float y,  float width, float height);
//    void rect   (float x,  float y,  float z, float width, float height);
//    void ellipse(float x,  float y,  float width, float height);
//    void arc    (float x , float y , float width, float height, float startA, float stopA);
//    void bezier   (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);
//    void bezierYZ (float x1, float  y1, float  cx1, float  cy1, float  cx2, float  cy2, float  x2, float  y2);     
//    float bezierPoint  (float a, float b, float c, float d, float t);
//    float bezierTangent(float a, float b, float c, float d, float t);
  
  
  // beginning of Piccolo drawing instructions
  
    
  for(float r = -19; r <= 2; r += 5) {
    for(float s = -19; s <= 2; s += 5) {
      piccolo.beginShape();
      piccolo.rect( r*1, s*1, 18, 18);
      piccolo.endShape();
    }
  }
  
  // end of Piccolo drawing
  piccolo.popMatrix();
  piccolo.endDraw();
  
  image(piccolo, padding, padding, width-padding, height-padding);
}