Category: SectionA

Project 5 – Wallpaper

For my wallpaper, I wanted to try to replicate the “jazz” pattern seen on your typical office styrofoam cup.

csavitzv_05
//Cole Savitz-Vogel
//csavitzv
//Section A

function setup() {
    createCanvas(600, 600);
    background(0);
    noLoop();
}

function draw() {
    fill(230);
    background(230);
    for (var y = -60; y <= height+50; y+= 70) {
      stripes(0, y);
     }
    for (var x = -100; x <= width+50; x += 150) {
        for (var y = -10; y <= height+50; y += 70)
     pastel(x, y);
     }
    for (var x = -80; x <= width+50; x += 100) {
        for (var y = -50; y <= height+50; y += 70)
     curvy(x, y);
     }
    for (var x = -50; x <= width+50; x += 2) {
        for (var y = -50; y <= height+50; y += 10)
     styro(x, y);
     }
}

//Stripes - The backmost blue line
function stripes(x,y) {
    push();
    translate(x,y);
    strokeWeight(30);
    curveTightness(3);
    stroke(94, 205, 255, 90);
    curve(-3000, 60, 200, 36, 400, 20, 3000, 50);
    pop();
}

//Curvy - The purple frontmost curves; The color varies slightly
function curvy(x, y) {
    push();
    noFill();
    translate(x,y);
    strokeWeight(5);
    curveTightness(-5)
    rotate(1);
    stroke(random(100, 130), 10, (100, 150));
    curve(-10, 16, 50, 46, 90, 34, 130, 60);
    translate(10, 20);
    rotate(3);
    curve(-10, 6, 50, 36, 90, 24, 130, 50);
    pop();
}

//Pastel - The middleground blue lines; The color varies slightly
function pastel(x,y) {
    push();
    translate(x,y);
    strokeWeight(15);
    stroke(74, 225, 255, random(90,120));
    curveTightness(0)
    curve(0, 16, 100, 46, 150, 34, 190, 60);
    translate(40, 25);
    rotate(.05);
    stroke(94, 205, 255, random(90, 120));
    curve(0, 6, 100, 36, 150, 24, 190, 50);
    translate(30, -20);
    rotate(-.05);
    stroke(74, 215, 225, random(90, 120));
    curve(0, 6, 100, 36, 150, 24, 190, 50);
    translate(30, 15);
    rotate(.05);
    stroke(54, 235, 245, random(90, 120));
    curve(0, 6, 100, 36, 150, 24, 190, 50);
    pop();
}

//Styro - A filter-like pattern of random small lines and dots to give the underlying pattern a styrofoam feel
function styro(x, y) {
    push();
    translate(x, y);
    noStroke();
    fill(230, random(100,250));
    ellipse(random(0, 100), random(0, 100), random(1, 3), random(1,3));
    strokeWeight(random(.01, .1));
    stroke(230, random(100,250));
    line(random(0, 100), random(0, 100), random(0, 100), random(0, 100));
    pop();
}

LookingOutwards05 (Section A)

I was interested by one Santi Zoraidez’s pieces on Instagram. I find it fascinating how you have to look twice to see if it is a photo of physical objects or if he generated it on a computer. I particularly like this piece because he is able to create the illusion of a light. However, he is able to make it look like a soft light almost instead of just a harsh normal light.

Zoraidez’s artistic sensibilities are really shown hear because of how he is able to create a certain ambiance through the colors he uses. Additionally, it is amazing how he created things that look like see through objects. To do so, you can tell that he definitely knows how to use shadows and highlights really well. His piece is aethetic but also very artistic as I have no idea how he created it but I know he definitely uses lots of layers of highlights and shadows.

I’m not sure the title of the work but it was posted on June 6th, 2021.

Here is the link to the photo

Don Relyea: Big Hairy Bush – Hair Particle Drawing Project

The artwork I am choosing is Big Hairy Bush- Hair Particle Drawing by Don Relyea. I admire that the algorithm and its intended pattern is based on natural occurrences of hair. It is artwork that was accidental, a result of noticing that hair bunching together could create different levels of shade and make an artwork similar to one that would be drawn from charcoal. The hair image is of George Bush and symbolizes how all politicians have something ugly that they hide. Hair is pushed by media and modern beauty standards as something that is ugly and should be hidden. Therefore, this concept creates an efficient, inventive, and playful social commentary, that also shows artistry on the part of Relyea.

Don Relyea: Big Hairy Bush – Hair Particle Drawing Project

Project-05-Wallpaper

I tried to draw flowers that’s connected

sketchDownload
/* Jiayi Chen
   jiayiche    Section A */
function setup() {
    createCanvas(600, 600);
    rectMode(CENTER);
}

function draw() {
    background('gold');

    for (var i=1;i<=6;i++){
        for (var j=1;j<=6;j++){
    repeatingPattern(i*200-150,j*200-50,100);
    repeatingPattern(i*200-50,j*200-150,100);
    repeatingPatternX(i*200-150,j*200-150,100);
    repeatingPatternX(i*200-50,j*200-50,100);
        }
    }
    repeatingPatternY(2*100-50,2*100-50,100);
    repeatingPatternY(2*100-50,6*100-50,100);
    repeatingPatternZ(5*100-50,4*100-50,100);
    repeatingPatternZ(4*100-50,1*100-50,100);
    noLoop();
}

function repeatingPattern(x,y,r){
//    rect(x,y,r,r);
    fourLines(x,y,r);
    push();
    fill('tomato')
    circle(x,y,r*0.7);
    pop();
    push();
    fill('khaki')
    circle(x,y,r*0.65);
    pop();
    push();
    fill('gold')
    circle(x,y,r*0.6);
    pop();
    flower(x,y,r);
    littleCircles(x,y,r)
}

function repeatingPatternX(x,y,r){
//    rect(x,y,r,r);
    fourLines(x,y,r);
    push();
    fill('tomato')
    circle(x,y,r*0.7);
    pop();
    push();
    fill('khaki')
    circle(x,y,r*0.65);
    pop();
    push();
    fill('gold')
    circle(x,y,r*0.6);
    pop();
    flowerX(x,y,r);
    littleCircles(x,y,r)
}


function repeatingPatternY(x,y,r){
//    rect(x,y,r,r);
    fourLines(x,y,r);
    push();
    fill('green')
    circle(x,y,r*0.7);
    pop();
    push();
    fill('cyan')
    circle(x,y,r*0.65);
    pop();
    push();
    fill('gold')
    circle(x,y,r*0.6);
    pop();
    flowerX(x,y,r);
    littleCirclesY(x,y,r)
}

function repeatingPatternZ(x,y,r){
//    rect(x,y,r,r);
    fourLines(x,y,r);
    push();
    fill('green');
    circle(x,y,r*0.7);
    pop();
    push();
    fill('cyan')
    circle(x,y,r*0.65);
    pop();
    push();
    fill('gold')
    circle(x,y,r*0.6);
    pop();
    flower(x,y,r);
    littleCirclesY(x,y,r)
}


function flower(x,y,r){
    //leaves
    push();
    fill("lime");
    triangle(x-r*0.03,y+r*0.14,x-r*0.1,y+r*0.18,x-r*0.15,y+r*0.13);
    triangle(x+r*0.03,y+r*0.24,x+r*0.11,y+r*0.26,x+r*0.15,y+r*0.20);
    pop();
    //stems
    push();
    fill('gold');
    bezier(x,y,x-r*0.1,y+r*0.2,x+r*0.1,y+r*0.2,x,y+r*0.3)
    pop();
    //petals
    push();
    fill('crimson');
    ellipse(x-r*0.1,y-r*0.1,r*0.17,r*0.15);
    ellipse(x+r*0.1,y-r*0.1,r*0.14,r*0.15);
    ellipse(x,y-r*0.2,r*0.15,r*0.15);
    ellipse(x-r*0.05,y,r*0.15,r*0.15);
    ellipse(x+r*0.05,y,r*0.15,r*0.15);
    pop();
    //middle
    push();
    fill('orange');
    circle(x,y-r*0.1,r*0.15);
    pop();
}

function flowerX(x,y,r){
    //leaves
    push();
    fill("lime");
    triangle(x-r*0.03,y+r*0.14,x-r*0.1,y+r*0.18,x-r*0.15,y+r*0.13);
    triangle(x+r*0.03,y+r*0.24,x+r*0.11,y+r*0.26,x+r*0.15,y+r*0.20);
    pop();
    //stems
    push();
    fill('gold');
    bezier(x,y,x-r*0.1,y+r*0.2,x+r*0.1,y+r*0.2,x,y+r*0.3)
    pop();
    //petals
    push();
    fill('white');
    ellipse(x-r*0.1,y-r*0.1,r*0.17,r*0.15);
    ellipse(x+r*0.1,y-r*0.1,r*0.14,r*0.15);
    ellipse(x,y-r*0.2,r*0.15,r*0.15);
    ellipse(x-r*0.05,y,r*0.15,r*0.15);
    ellipse(x+r*0.05,y,r*0.15,r*0.15);
    pop();
    //middle
    push();
    fill('orange');
    circle(x,y-r*0.1,r*0.15);
    pop();
}

function littleCircles(x,y,r){
    doubleCircle(x-42,y-30,r*0.1);
    doubleCircle(x-30,y-42,r*0.1);
    doubleCircle(x+42,y+30,r*0.1);
    doubleCircle(x+30,y+42,r*0.1);
    doubleCircle(x+42,y-30,r*0.1);
    doubleCircle(x+30,y-42,r*0.1);
    doubleCircle(x-42,y+30,r*0.1);
    doubleCircle(x-30,y+42,r*0.1);
}

function doubleCircle(x,y,r){
    push();
    fill('bisque');
    circle(x,y,r);
    circle(x,y,r/2);
    pop();
}

function littleCirclesY(x,y,r){
    doubleCircleY(x-42,y-30,r*0.1);
    doubleCircleY(x-30,y-42,r*0.1);
    doubleCircleY(x+42,y+30,r*0.1);
    doubleCircleY(x+30,y+42,r*0.1);
    doubleCircleY(x+42,y-30,r*0.1);
    doubleCircleY(x+30,y-42,r*0.1);
    doubleCircleY(x-42,y+30,r*0.1);
    doubleCircleY(x-30,y+42,r*0.1);
}

function doubleCircleY(x,y,r){
    push();
    fill('purple');
    circle(x,y,r);
    circle(x,y,r/2);
    pop();
}

function fourLines(x,y,r){
    line(x-r/2,y-r/2,x-r*0.25,y-r*0.25);
    line(x+r/2,y+r/2,x+r*0.25,y+r*0.25);
    line(x+r/2,y-r/2,x+r*0.25,y-r*0.25);
    line(x-r/2,y+r/2,x-r*0.25,y+r*0.25);
}

Looking Outwards: 05

I came across a project of a house model in Russia that looked really cool — looking at houses in general is really fun when you take out the burden of having to pay for it. This project on Behance, by Red Avenue Studio, is one of many by the company, which creates architectural visualizations. Their work consists of a lot of modern architecture, and its buildings are often very big and expansive. The software listed here consists of a lot of 3D rendering programs, along with Photoshop. I assume that their work consisted of less coding and relies heavily on using these programs to create models. I suppose there’s also an intial sketch that’s created, as well. Constructing a reality on a computer is such a cool aspect of today’s technology, as one can actually imagine themselves in a house or establishment long before the project is even completed in person. It also allows for more efficient changes that might be time-consuming when done on paper.

art deco ish?

i struggled quite a bit with keeping my variables in check without rotating absolutely everything chaotically. to deal with this, I ended up hard-coding too many numbers…

sketch
// jaden luscher
// jluscher
// section a
// project 05

// this program draws an art deco-influenced wallpaper

// initializing variables
var tileSize = 30;

// random color variables
var stemColor;
var budColor;
var frondColor;

function setup() {
    createCanvas(450, 650);
    background("#7F246B");    // fuschia
    angleMode(DEGREES);
    rectMode(CENTER);
    noLoop();

    stemColor = "#E09D00";  // ochre
    budColor = "#FFD470";   //light yellow
    frondColor = "#033B63";   // dark blue
}

function draw() {
  for(var i = 0; i < 5; i++) {
    drawBand();
    translate(-3.21*tileSize, 3*tileSize);
  }
}


function drawBand() {
  translate(tileSize, 3*tileSize);   // temporary, just to see tile in center
  for(var k = 0; k < height/(3*tileSize); k++) {
    for(var j = 0; j < width/(tileSize); j++) {
      oneTile();
      rotate(180);
      translate (2.15*tileSize, tileSize/10);
      // I cant figure out why the row slants if i dont move it
      // vertically by the arbitrary number tileSize/10 :-(
    }
    translate(-3.21*tileSize, tileSize);
    rotate(180);
  }
  print(height/ (6*tileSize));
}


function oneTile() {
  flowerStem();
  push();
  noStroke();
  // draw 2 fronds
  translate(0,-tileSize/10);  //bottom of fronds align to triangle edge
  rotate(-90);
  frond(tileSize);  // right frond
  rotate(-90);
  frond(tileSize);  //left frond

  fill(budColor);
  ellipse(0, 0, tileSize/3, tileSize*1.5)
  pop();
}


function flowerStem() {
  // rotate(180);
  fill(stemColor);
  stroke(stemColor);
  triangle(0, -tileSize, -tileSize, 0, tileSize, 0);    // triangle base
  arc(0, -1.5*tileSize, tileSize, tileSize, -135, -45, PIE);    // flower base
  strokeWeight(2);
  line(0, -tileSize, 0, -1.5*tileSize); // stem


  // stamen
  push();
  translate(0, -1.5*tileSize);
  rotate(45);   // align stamen lines with base of flower arc
  fill(budColor);
  var numStamen = tileSize/2;
  var angle = 90/numStamen;
  for(var i=0; i <= numStamen; i++) {
    strokeWeight(0.5);
    line (0, 0, 0, -tileSize);
    push();
    noStroke();
    ellipse(0, -tileSize, tileSize/12); // flower buds
    pop();
    rotate(-angle);
  }
  pop();


}

function frond(tileSize) {
  fill(frondColor);
  push();
  var x = 0;
  var y = 0;
  var leafSize = tileSize/7;  // width of leaf. /6 creates woven pattern, /8 is more leaf-like
  var numLeaves = leafSize*2;
  // left half of frond
  push();
  for (var i = 0; i < numLeaves; i++){
    triangle(0, 0, x, -y, x+leafSize, -y);
    rotate(90/numLeaves);
    x += leafSize;
    y += leafSize;
  }
  pop();

  // right half of frond
  push();
  for (var i = 0; i < numLeaves; i++){
    triangle(0, 0, x, y, x+leafSize, y);
    rotate(90/numLeaves);
    x -= leafSize;
    y -= leafSize;
  }
  pop();
}

LO 5: first 3D animation

video shows a 3D animation of a hand and face

The first 3D animation was created in 1972 by Edwin Catmull and Frederic Parke, students(!) at the University of Utah. The film shows the process of creating a mold of a hand, tracing the mold with precise polygons, and translating this data via an analog computer.

I admire the commitment and precision of this tedious process because we now take for granted the power of 3D computation for countless purposes. These techniques may seem dated, but they are the process upon which our sophisticated 3D animation is based now (Edwin Catmull is a co-founder of Pixar…)

This is more of a “Looking Backwards” report, but I feel it essential to learn about the backstory of the tools we depend on and to understand how absolutely mathematical and physics-based it is.

looking outwards – 05

Hybrid Forms by Andy Lomas


The artist known for his unique vases and coral-like structures is generally fascinated by how natural forms manifest, grow, and expound from one another. I think this sensibility of his culminates perfectly in Hybrid Forms where he extends on the prior work Cellular Forms in which he creates his graphics, generative art to present the valorization of what seems to be microscopic entities. I like how Lomas goes above and beyond his primary attraction to coral and plant-type structures to, usually, more dynamic ones found in bacteria, viruses, and animals. Cellular + Hybrid forms strive to show these structures and growth through code that generates literal cells that compete with each other, “iterated over tens of thousands of time steps, with final structures having over a hundred million cells and remarkably complex morphologies.” I think the bacteria and virus associations are heavy, but the animal threshold is just broken through with Hybrid Forms as many graphics become similar to jellyfish or water bears in my mind. Nonetheless, static images are amazing, of the structures, but the videos are even better.

https://www.andylomas.com/hybridForms.html

Looking Outward 5: 3D Computer Graphics

Author’s Name:Joan Madrid

Title of the Work:“The Kiss”

Year of Creation:2019

Link:https://vimeo.com/340175147

Il Bacio “The Kiss” by Joan Madrid is a 3D video that depicts the short story between a knight and a prince. The feature I admire about “The kiss” are the characters were intriguingly puppets and the clip was done by about 70 students from BigRock Institute of Magic Technologies. It’s really inspiring and encouraging to me how students can work together to build such high-quality 3D videos. The software used to create this project are: Mudbox, HTC Vive Proprietary System, Adobe After Effects, Adobe Premiere Pro, and Adobe Audition. Autodesk Arnold was used to render the clip, and the HTC Vive Proprietary System was used to generate 3D models. The creator’s artistic sensibilities manifest in the final form of 3D videos that convey sorrowness of two protagonists, who can only kiss each other by killing themself because puppets can’t kiss.

Video:

https://vimeo.com/340175147

Blog 5

For this Looking Outward blog I came across Nikola Damjanov’s “Protist Florist A01”, which is a surrealistic 3D object that resembles an alien flower/mushroom that has bloomed. In fact, the Nikola was inspired by “microfossils and radiolaria”The actual result was 3D printed but in the digital model, it is rendered and colored, showcasing its intricacy and strangeness. In this project, I really enjoy the use of patterns, while creating something very odd and irregular. I also really like how robust and bold the final result is, while contrasted with the delicate nature and attention involved to create it. It reminds me of the flora in Avatar, a movie that I am fascinated with. The process of making this was a combination of AI and Digital modeling, using very powerful machines that could get into all the fine details. More specifically, it used a “ NVIDIA Quadro RTX 6000 GPU”. While it is generative and there are endless possibilities, he creates sets of rules to create a cohesiveness between each iteration so the process is more controlled by him.

https://www.artstation.com/artwork/zDGLzm