Category: SectionC

Project 05-Wallpaper

My process for this project was to create a wallpaper or textile design I would like to see on my wall, the shapes follow this but the colors were picked to have a cool and relaxing sunset feel.

sketchDownload
var w=50;    //squares width
var ww=20;    //rectangle variable
var m=30;    //rectangle variable

function setup() {
    createCanvas(600, 600);
    noStroke();
    noLoop();
}

function draw() {
    background(0);
    drawGrid();
}

function drawGrid() {
  var size=2*w+ww;
  for (var y = 0; y < height + size; y += size) {
        for (var x = 0; x < width + size; x += size) {
          fill(49,39,255);
          square(x,y,w);    //4 medium blue squares
          square(x+w+ww,y,w);
          square(x,y+w+ww,w);
          square(x+w+ww,y+w+ww,w);
          fill(114,192,254);
          rect(x+w,y,ww,m);    //4 light blue rectangles
          rect(x,y+w,m,ww);
          rect(x+w+2*ww,y+w,m,ww);
          rect(x+w,y+w+2*ww,ww,m);
          fill(247,98,255);
          rect(x+w,y+m,ww,2*m);    //pink plus sign rectangles
          rect(x+m,y+w,2*m,ww);
          fill(22,5,57);
          arc(x,y, 35,35,0,2*PI);    //dark blue ring
          fill(49,39,255);
          arc(x,y,30,30,0,2*PI);    //medium blue in ring
          fill(22,5,57);
           arc(x,y, 25,25,0,2*PI);    //middle dark circle in ring
          fill(254,175,98);
          arc(x+w+ww/2,y+w+ww/2,10,10,0,2*PI);    //yellow circle
        }
    }
}

LO-05

David Pyatt is a small artist that has been completing art since the age of 7, he focuses on landscapes and 3D digital art. This piece is called “3D Dimensional Art”. I admire this piece because it is made by a small artist for fun and has a very personal and cool feel to it. I am unsure of how this art was generated as Pyatt is a small artist so not much is known on his mediums or style. From looking at the piece I supposed he made it by looping squares and rectangles on top of each other. Another thing I admire about this piece is that it reminds me of the ocean. The colors resemble the bottom of the sea, and the abstract 3D nature of this piece make it feel as is I am under water with my eyes open.

https://pixels.com/featured/3d-dimensional-art-david-pyatt.html

Looking Outwards 5: 3D Modeling

A piece from Iris van Herpen’s Sensory Seas collection

The 3D modeling project I chose to highlight is Iris van Herpen’s portfolio in 3D printed fashion. In 2011, Iris van Herpen created intricate fashion designs through 3D modeling which paved the merge between technology and fashion. Iris van Herpen is known as the Dutch fashion designer that fused technology with traditional couture craftsmanship.

A video that shows the 3D modeling processes. Start at 2:08.

What I admire the most about her and her designs is that mathematical computations are difficult enough as it is – but seeing her being able to bring life to such beautiful 3D designs is a whole other story. Her creativity and intelligence is inspiring. It’s really obvious how the themes behind each of her clothing lines really shine through in the way the clothing looks and makes somebody feel. It’s not just some random patterns – you can see the craftsmanship behind them.

Looking Outwards-05- 3D Computer Graphics

Tentacle Towers (2005)- Yoichiro Kawaguchi

Tentacle Tower by Yoichiro Kawaguchi is a mixed-reality work that uses 3D imaging to bring movement and create space. Created in 2005, Kawaguchi used  a Lenticular 30 Picture Light Box to create this. The viewer is encouraged to look at this work and interpret the space only using their eyes, and the result is that they experience movement that has rhythm stimulated by stereoscopic CG visuals. What I admire about this work is how the artist incorporated color as well as scale of the different shapes in the art that created this suggestion of 3D space in a 2D surface. I think this is interesting because mimicking 3D form on a 2D space using these techniques holds a lot of thinking and skill to master. This makes me wonder how 3D form is visualized and what are the requirements that need to be met so that the viewer can understand the work as 3D.

Looking Outwards: 04

I really like the album Monolake Silence, by Robert Henke. The premise of the album is to create sound, but also a statement about how we currently listen to sound. Instead of working with different levels of compression and mixing, the entire cast of instruments has been set to the maximum at all times. This is because the way we listen to music in the modern world has changed. Instead of creating music with dynamics or elaborate compositions, current laptop, phone, and radio speakers are tuned to sound best when the music is mixed as loud as possible. This means that when songs of more dynamic genres are played, such as classical music, it sounds nowhere near as well as it might if it had been recorded live or if you were listening through headphones. In the final form you can very clearly tell that every track it at it’s maximum, but the arrangements have been left bare in that there are not too many instruments at a single time, such that we can hear all of the noises despite their volume.

https://www.roberthenke.com/releases/ml-025.html

Project 04: String Art

sketchDownload
//Carson Michaelis
//Section C
var yy = -25
var xx = -25

function setup() {
    createCanvas(400, 300);
    background(220);
}

function draw() {
    var y = 300
    var y3 = 0
//make sure there's no trails
    background(220);
//black ellipse in middle
    push();
    noStroke();
    fill(0);
    ellipse(200,150,280,225);
    pop();

    noFill();
    strokeWeight(.5);
//moving points in middle
    if (yy == -25 & xx < 25) {
      xx += 1
    } else if (xx == 25 && yy < 25) {
      yy += 1
    } else if (yy == 25 && xx > -25) {
      xx -= 1
    } else if (xx == -25 && yy > -25) {
      yy -= 1
    }
//generating lines from side to side
      for (let x = 0; x <= 400; x += 400/24) {
          line(x,0,0,y);
          line(x,0,400,300-y);
          line(x,300,0,300-y);
          line(x,300,400,y)
          y -= 300/24;
      }

      push();
      stroke(255);
//lines connecting middle portion to outer lines
      line(200,25,365,150);
      line(200,25,35,150);
      line(200,275,35,150);
      line(200,275,365,150)

      print(xx.toString());
      print(yy.toString());
//generating moving lines inside ellipse
      for (let x = 0; x <= 20; x += 1) {
          line((x*(33/4))+200,y3+25,200+xx,150+yy);
          line((x*(-33/4))+200,y3+25,200-xx,150+yy);
          line((x*(33/4))+200,300-(y3+25),200+xx,150-yy);
          line((x*(-33/4))+200,300-(y3+25),200-xx,150-yy);
          y3 += (25/4);
        }
      pop();
}

For this project I wanted a portion of the lines to move, as well as to create black and white lines that contrast with each other. Here they explore the idea of an open versus occupied middle, as well as the way overlapping lines interact.

Project 04 – String Art

crisscrossfile
//Rachel Kim
//15-104(Section C)
//rachelki@andrew.cmu.edu
//Project-04


// x & y coordinates for lines 
var x = 0;
var y = 0;

function setup() {

//assigned canvas size
	createCanvas(600,600);
}

function draw() {

//dark blue background color
	background(3, 43, 67);

//criss-crossed lines
	for (var i = 0; i <= 50; i += 1) {
    
		//blueA lines
		stroke(155, 189, 249);
		strokeWeight(mouseX/300); //changes line thickness
		line(x, height - i*10, width - i*8, height + i);


		//blueB lines
		stroke(196, 224, 249);
		strokeWeight(mouseY/300); //changes line thickness
		line(height + i*0.5, width + i*40, x + i*10, y - i*30);

		//green lines
		stroke(178, 255, 168);
		strokeWeight(mouseX/300); //changes line thickness
		line(height - i*15, y + i/0.08, x, height - i/0.03);
        
        //yellow lines
		stroke(255, 249, 165);
		strokeWeight(mouseY/300); //changes line thickness
		line(width + i/0.05, y + i*50, x, height - i/0.07);

		//pink lines
		stroke(252, 109, 171);
		strokeWeight(mouseX/300); //changes line thickness
		line(x + i*20, height - i/20, width - i/2, height - i*20);
		
	}
	

}

/*
//blueC
stroke(79, 100, 158);
strokeWeight(1);
line(height + i*10, y + i/0.05, x, width - i/0.03);
*/

I wanted to explore the different patterns that the lines are able to create by using a crisscross technique. I also wanted to play around with the weight of the stroke of those lines as the user moves around the canvas.

Looking Outwards 04 – Sound Art

‘Expressions’ is a series of artworks that were created through a collaboration with Kynd and Yu Miyashita (sound). This project explored the physical aspects of thick and bold paint that appear from digital space. This exploration allowed the artist to play with the shapes, light, and shadows that were made from the paint.

Construction & Rendering

Through construction, Kynd combined 2D and 3D graphics that enabled him to create real-time graphics and renderings that had depth along with the interplay of light and shadow. With this method, there were many advantages. It was easier to create intricate shapes and details without the need to manage geometries. Kynd was able to use many 2D image processing techniques that included deformation, blurring, and so much more. It was also very “fast and lightweight” on the CPU. This project consisted of 2 graphical elements: autonomous elements and reactive elements. The tools that were used for ‘Expressions’ included TouchDesigner, openFrameworks, and WebGL. The music that was used for the video created different scenes that almost told a unique story due to its sequence.

The correlation between the 2D/3D graphics and the music were able to express the mood/emotion of the scene. With that said, Kynd has always been inspired by digital paint. As an art student with an interest in Expressionism and Neo-Expressionism, Kynd played around with many oils and other substances that we’re able to achieve unique characteristics and expressions. Even today, it constantly amazes me how intertwined technology and art have become over time.

Looking Outwards 4

Weather Thingy, Adrien Kaeser, 2018

Weather Thingy – Real time climate sound controller / Adrien Kaeser
Weather Thingy created by Adrien Kaeser, 2018

The Weather Thingy is a custom made sound controller that uses climate events to control the settings of the musical instrument. The piece has 2 parts,
one being a weather station on a tripod microphone, and one being a sound controller connected to the weather station. The station senses wind with an anemometer, rain, and brightness. The station turns this data into “midi data” which can be understood by instruments.

Adrian wanted to make the instrument play live based on the current climate, and have the weather affect the melodies. For example, if the weather station measures rain, the chorus of the melody will change. If the weather station measures wind, the pan of the music will change.

The project used hardware including environmental sensors, weather meters, SparkFun MIDI Shield, encoder rotary knobs, Arduino mega, and Arduino Ienardo. Software that was used in the creation included C++. MIDI protocol, and Arduino.

Project 4: String Art

sketchDownload
function setup() {
    createCanvas(400, 300);

}

function draw() {
	background(220);
	strokeWeight(mouseX/40);
	//red right peak
	for(let i = 1; i <= 100; i += 1) {
        stroke(255 - mouseX, mouseY, 0); //changes color of the strokes
        line(width/2 + 10*i, height, width/2, 10*i); //
	}
	//yellow left peak
	for(let i = 1; i <= 100; i += 1) {
        stroke(255 - mouseY, mouseX, 255); //changes the color of the strokes
        line(width/2 - 10*i, height, width/2, 10*i);
	}
	//top left pattern
	for(let i = 1; i < 100; i += 1) {
        stroke(mouseY, 0, mouseX);
        line(0 + 10*i, 0, 0, height - 10*i);
    }
    //top right pattern
     for(let i = 1; i < 100; i += 1) {
        stroke(mouseX, 255 - mouseX, 255 - mouseY);
        line(width - 10*i, 0, width, height - 10*i);
    }
}

I drew a sketch of what I wanted my project to look like. If you move the mouse, the stroke width and color changes.