HOL­I­N­A­U

by Matthew Gorgula

$ % (@ O - 0 -O -

alt text


  • Avocet
    • Long Legs

spaces

Time

Interruption

Horizontal

  • No Dogs
  • No jpegs

sunsunsun.

this. Joseph Albers ??

Mother.

  • Show Code
/** @peep sketch */
 
/** peep sketchcode */
 
size(20, 1000);
background(300, 100, 32);
  • Show Code
/** @peep sketch */
/** peep sketchcode */
size(20, 20);
background(200, 300, 32);
  • Show Code
/** @peep sketch */
/** peep sketchcode */
size(200, 200);
background(255);
noStroke();
fill(255, 200, 200);
ellipse(1, 20, 16, 16);
  • Show Code
/** @peep sketch */
/** peep sketchcode */
size(200, 200);
background(255);
noStroke();
fill(255, 200, 200);
ellipse(60, 20, 16, 16);
  • Show Code
/** @peep sketch */
/** peep sketchcode */
size(200, 200);
background(255);
noStroke();
fill(255, 200, 200);
ellipse(200, 20, 16, 16);
 
 
 
/** @peep sketch */
 
void setup(){
  size(400, 400);
  background(210, 237, 239);
  noStroke();
}
 
void draw(){
  fill(255, 255, 255);
  ellipse(200, 200, 340, 340); // white mask
  fill(255, 200, 10, 12);
  ellipse(200, 200, 340, 340); // yellow opaque
  fill(210, 237, 239);
  ellipse(30, 200, 40, 40); // moon origin 1
  fill(210, 237, 239);
  ellipse(200, 370, 40, 40); // moon origin 2
  fill(210, 237, 239);
  ellipse(370, 200, 40, 40); // moon origin 3
 
  fill(161.5);
  ellipse(200, 200, 100, 100); // centre disk
 
  fill(255, 255, 255);
  rect(165, 165, 70, 70); // white mask NEED TO ROTATE 90o
  fill(255, 200, 10, 76);
  rect(165, 165, 70, 70); // yellow opaque  NEED TO ROTATE 90o
 
  fill(255);
  ellipse(200, 200, 25, 25); // centre
}
 
}

Comments

    Kristina Mah a few years ago

    Hello!

    This is what were were discussing just before the end of the tutorial today - about running throuhg only once.. You could introduce 'frameRate()' and 'frameCount()' if you wanted to create another event over time. These are in the comments below :)

    • Show Code
    /** @peep sketch */
    int x = 100;
    int y = 100;
    int a = 255;
    int s = 16;
     
    void setup() {
       size(500, 500);
       frameRate(24);
       background(255);
    }
     
    void draw() {
    background(255); 
    noStroke();
    if (--a < 1) {a = 0; } 
      //for (a =0 ; a > 254 ; a = a + 1) { 
    //incrementally subtract from the alpha value 
    //and when it is less than 1, make it always equal 0.
    fill(255, 200, 200, a);
    ellipse(width/2, height/2, s, s); //ellipse (x, y, width, height);
    if (++y > 300) {y= -100; }
    if (++s > 16) {s= +300; }
     // }
     
     
    /*println(frameCount);
     
    if (frameCount > 300) {
      fill(255, 122, 122);
      ellipse (400,400, frameCount, s);
    }*/
     
    }
    Last Updated: 9-Mar-2016 5:17 PM
    Matthew Gorgula a few years ago

    Thanks Kristina ! !

    Matthew Gorgula a few years ago
    • Show Code
    /** @peep sketch */
     
     
    int value=255;
     
    void setup() {
    size(500, 500);
    }
     
    void draw() {
      background(mouseX, 200, mouseY, 500);
     
       fill(value);
      if(mousePressed == true) {
        ellipse(250, 250, 200, 200);
      }else {
      ellipse(500, 500, 250, 250);
    }
    }
    Last Updated: 13-Apr-2016 2:48 PM
    Matthew Gorgula a few years ago

    This is the first level of quoting.

    This is nested blockquote.

    Back to the first level.

    Matthew Gorgula a few years ago

    double asterisks

    Matthew Gorgula a few years ago

    There is a literal backtick (`) here.

    Last Updated: 10-Apr-2016 2:06 PM
    Matthew Gorgula a few years ago
    • Show Code
    /** @peep sketch */
     
    void setup(){
      size(400, 400);
      background(210, 237, 239);
      noStroke();
    }
     
    void draw(){
      fill(255, 255, 255);
      ellipse(200, 200, 340, 340); // white mask
      fill(255, 200, 10, 12);
      ellipse(200, 200, 340, 340); // yellow opaque
      fill(210, 237, 239);
      ellipse(30, 200, 40, 40); // moon origin 1
      fill(210, 237, 239);
      ellipse(200, 370, 40, 40); // moon origin 2
      fill(210, 237, 239);
      ellipse(370, 200, 40, 40); // moon origin 3
     
      fill(161.5);
      ellipse(200, 200, 100, 100); // centre disk
     
    translate(width/2, height/-4.85);
    rotate(PI/4.0);
      fill(255, 255, 255);
      rect(165, 165, 70, 70); // white mask 90o
      fill(255, 200, 10, 76);
      rect(165, 165, 70, 70); // yellow opaque 90o
     
      fill(255);
      ellipse(200, 200, 25, 25); // centre
    }
    Last Updated: 13-Apr-2016 2:48 PM
    Matthew Gorgula a few years ago
    • Show Code
    /** @peep sketch */
     
    //Assessment 1: Designing with Code The goal of the first assignment is for each student to develop a program that can generate variations upon a design each time it is run. You will be assessed on your ability to use the technical material covered so far in class, to produce aesthetically/conceptually engaging imagery based on a repeating pattern. Designs that explore an interesting theme (whether computational or otherwise) will be judged highly. PASS will be given to students who can show that they are able to produce an image that changes with each run while following the design and technical constraints. HIGH DISTINCTION will only be given to students who can demonstrate that they can produce interesting and engaging imagery.
    // Embed Research
    // inspiration
    int counter1;
    int counter2;
     
    void setup() {
      size(400, 400);
      background(210, 237, 239);
      noStroke();
      counter1 = 0;
      counter2 = 0;
      rectMode(CENTER);
      ellipseMode(CENTER);
     
    }
     
    void draw() {
     
      fill(210, 237, 239);
      ellipse(1, 200, 40, 40); // being there 'etre-la'
     
      counter1++;
      counter2--;
     
     
      pushMatrix();
      translate(width/2, height/2);
      rotate(radians(counter2));
     
      fill(255, 255, 255);
      ellipse(0, 0, 340, 340); // white mask negative rotate
      fill(255, 200, 10, 12);
      ellipse(0, 0, 340, 340); // yellow opaque negative rotate
     
     
      fill(210, 237, 239);
      ellipse(50, 50, 40, 40); // moon origin 1 negative rotate
      fill(210, 237, 239);
      ellipse(200, 370, 40, 40); // moon origin 2 negative rotate
      fill(210, 237, 239);
      ellipse(370, 200, 40, 40); // moon origin 3 negative rotate
     
      popMatrix();
     
    translate(width/2, height/2);
      rotate(radians(counter1));
     
      fill(255);
      ellipse(0, 0, 25, 25); // centre
      fill(161.5);
      ellipse(0, 0, 100, 100); // centre disk
      fill(255, 255, 255);
      rect(0, 0, 70, 70); // white mask positive rotate
      fill(255, 200, 10, 76);
      rect(0, 0, 70, 70); // yellow opaque positive rotate
     
    }
     
    // Reflection - on meeting the requirements and conceptual successes
     
    //  translate(width/1.5, height/1.5);
    //  rotate(PI/1.3);
    Last Updated: 14-Apr-2016 2:43 PM
    Matthew Gorgula a few years ago
    • Show Sketch
    /* @pjs font=data/sheep_sans.ttf; */
    /** @peep sketchcode */
    //reload
     
    String scrollingText = "open your mouth wide"; 
    //https://www.youtube.com/watch?v=D2084nQbmvk
     
    float x;
    float dx = -2;
     
     
    void setup() {
      size(300,300);
      background(mouseX, mouseY, 255);
      PFont font = createFont("data/sheep_sans.ttf", 12);
      x = width;
    }
     
    void draw() {
     
      fill(255);
      textAlign(LEFT, CENTER);
      text(scrollingText, x, height/3 + mouseY);
      x += dx;
      if (x <= -textWidth(scrollingText)) x = 1;
    }
    Last Updated: 6-May-2016 1:54 PM
    Matthew Gorgula a few years ago
    • Show Code
    /** @peep sketch */
     
    // find the centre, click and drag
    // + any key (repeat)
     
    color lightBlue = color(66, 168, 237);
    color pink = color(255, 165, 224);
    color red = color(255, 0, 153);
    color bg = color(219, 219, 219);
     
    int value = 0;
    int spacing = 20;
    int radius = 8;
     
    void setup() {
      size(520, 520);
    //  fullScreen();
      background(bg);
      noStroke();
    //  colorMode(RGB, 500, 100, 400, 0);
    //  for (int i = 0; i < 500; i++) {
    //   for (int j = 0; j < 500; j++) {
    //   stroke(i, j, 500);
    //   point(i, j);
    //      }
    //  }
    }
     
    void draw() {
     
     
     
      for (int x = 20; x < width; x += spacing) {
        for (int y = 20; y < width; y += spacing) {
          float distance = dist(mouseX, mouseY, x, y);
          if (distance < radius) {
            fill(pink);
          } else {
            noFill();
          }
          pushMatrix();
          translate(x, y);
          ellipse(0, 0, radius*2, radius*2);
     
          popMatrix();
     
          fill(255, value);
          ellipse(width/2, height/2, radius*9, radius*9);
          fill(red);
          ellipse(width/2, height/2, radius*2, radius*2);
     
        }
      }
    }
     
    void mouseDragged() 
    {
      value = value + 2;
      if (value > 800) {
        value = 0;
      }
    }
     
    void keyPressed(){
      value = 0;
      radius = +50;
      color bg = color(255, 240, 222);
      if (value > 200) {
        value = 0;
      }
    }
    Last Updated: 30-Apr-2016 2:30 PM
    Matthew Gorgula a few years ago
      /** @peepsketch */
       
      NotEllipse[] cubesas;
      Cell[][] grid;
       
      int cols = width;
      int rows = height;
       
      int b = 60;
      String s = "Design Lab";
       
      int spacing = 15;
       
       
      void setup() {
      // fullScreen();
       size(200, 200);
       
        grid = new Cell[cols][rows];
        for (int i = 0; i < cols; i++) {
        for (int j = 0; j < rows; j++) {
            grid[i][j] = new Cell(i*b,j*b,b,b,i+j);
        }
      }
       
        cubesas = new NotEllipse[4];
        for (int i = 0; i < cubesas.length; i++) {
          cubesas[i] = new NotEllipse(i*width, i*height, b, b);
        }
      }
       
       
      void draw() {
        //background(255);
       
          for (int x = 10; x < height; x += spacing) {
          for (int y = 10; y < width; y += spacing) {
            float distance = dist(mouseX, mouseY, x, y);
            if (distance > b) {
              fill(252, 255, 209);
            } else {
              fill(252, 200, 200);
            }
            pushMatrix();
            translate(x-b/2, y-b/2);
            rect(0, 0, b, b);
       
            popMatrix();
      //      fill(255, 200, 200);
      //      rect(0, 0, b, b);
          }
        }
       
       
      // for (int i = 0; i < cols; i++) {
       //   for (int j = 0; j < rows; j++) {
        //    grid[i][j].display();
      //    }
      //  }
       
      // for (int i = 0; i < cubesas.length; i++) {
      // cubesas[i].stars();
      // }
       
      // pushMatrix();
      //  PFont font = createFont("Controller_Three_Oblique.otf", 12);
       // font = createFont("Controller_Three_Oblique.otf", 12);
       // fill(255);
       // textAlign(LEFT, CENTER);
       // textFont(font);
       // text(s, width-100, height/2+30, 70, 80);
       
       // popMatrix();
       
      //  translate(mouseX, mouseY);
      //  rectMode(CENTER);
       
      //      if (mousePressed == true) {
      //    fill(252, 255, 209);
       // } else {
      //    fill(255, 200, 200);
      //  }
       // rect(0, 0, b, b);
       
       
       }
      Last Updated: 5-May-2016 7:47 PM
      Matthew Gorgula a few years ago
      • Show Code
      /** @peep sketch */
       
      import processing.opengl.*;
       
      void setup() {
        size(400,400,OPENGL); 
       
      }
       
      void draw() {
       
          background(255,200,200);
       
        float animRadiusY=100+100*abs(sin(frameCount*0.00));
        drawGradientDisc(
          200,
          200,
          100,
          animRadiusY,
          color(255,255,255),
          color(255,0,175,10)
        );
      }
       
      void drawGradientDisc(float x,float y, float radiusX, float radiusY, int innerCol, int outerCol) {
        noStroke();
        beginShape(TRIANGLE_STRIP);
        for(float theta=0; theta<TWO_PI; theta+=TWO_PI/30) {
          fill(innerCol);
           //   ellipse(x, y, 220, 220);
      vertex(x,y);
          fill(outerCol);
      vertex(x+radiusX*cos(theta),y+radiusY*sin(theta));
        }
        endShape();
        fill(255, 255, 255, 40);
        ellipse(200, 200, 199.7, 199.7);
      }