Category: SectionC

Looking Outwards 06

Alden Bates is a very small artist I found online, he has some art on his old blog that he used to keep and it just so happens to have randomly generated computer art. The piece I would like to talk about is called Bloom. Bates created it using a computer to randomly generate a square of random dots, he then applied Paint Shop Pro filters until he thought it was considered art. I admire this art piece because it was made by a small artist and it is what he considers to be art, it is nothing fancy and something I could easily make if I tried. I also admire how this work was created in 2002, about 18 years ago, this means random computer generated art has been used and relevant for a while now and as technology and computed become complicated this art will continue to grow.

http://www.tetrap.com/random/ran021206.html

LookingOutwards-06-Randomness

For this week, the work I will be talking about is ‘Interruptions’ by Vera Molnar. This work was created in 1968-69 on the computer and generates random white space surrounded by many lines tilted at a random angle each time. The reason why I admire this project is because this was created in a time where computers were not fully developed as it is today. Vera Molnar is definitely a pioneer of this creative coded art field. Even though the project is randomized, the placement of the lines and the range of tilt that Molnar set on this project allows the randomness of the project to be beautiful in its own way. 

Project – 05 – Wallpaper

sketch
//Dreami Chambers; Section C; dreamic@andrew.cmu.edu; Assignment-05-Project

var x = 0
var y = 0

function setup() {
    createCanvas(400, 600);
}

function draw() {
	background(255, 205, 225)

	//calls the functions with random spacing
	 for (var x = -10; x <= width-100; x += 150) {
        for (var y = 5;y <= height; y+= 170) {
        	push()
            translate(x, y)
            rotate(radians(random(0, 20)))
            cherries()
            pop()
        }
    }

   	for (var x = 70; x <= width-100; x += random(150, 210)) {
        for (var y = 0;y <= height; y+= random(170, 200)) {
        	push()
            translate(x, y)
            rotate(radians(random(0, 20)))
            flowers()
            pop()
        }
    }

	for (var x = 20; x <= width; x += random(100, 150)) {
        for (var y = 20;y <= height; y+= random(100, 170)) {
        	push()
        	rotate(radians(random(0, 10)))
            translate(x, y)
            dots()
            pop()
        }
    }
    noLoop()
} 

//cherries drawing
function cherries() {
    noFill()
	beginShape()
	strokeWeight(2)
	stroke(95, 175, 90)
	curveVertex(80, 20)
	curveVertex(60, 20)
	curveVertex(50, 40)
	curveVertex(50, 40)
	endShape()
	beginShape()
	strokeWeight(2)
	curveVertex(60, 20)
	curveVertex(60, 20)
	curveVertex(75, 31)
	curveVertex(80, 31)
	endShape()
	strokeWeight(1)
	fill(255, 85, 150)
	strokeWeight(0)
	circle(50, 50, 20)
	circle(80, 40, 20)
	fill(95, 165, 90)
	push()
	translate(70, -30)
	rotate(radians(90))
	ellipse(50, 20, 10, 20)
	pop()
	push()
	rotate(radians(-13))
	ellipse(64, 32, 20, 10)
	pop()
} 

//flowers drawing
function flowers(){
	fill(255)
	push()
	noStroke()
	translate(50, 100)
	ellipse(0, 0, 20, 30)
	translate(15, 10)
	rotate(radians(80))
	ellipse(0, 2, 20, 30)
	translate(15, 10)
	rotate(radians(65))
	ellipse(0, 0, 20, 30)
	translate(15, 10)
	rotate(radians(70))
	ellipse(0, 0, 20, 30)
	translate(15, 10)
	rotate(radians(75))
	ellipse(0, 2, 20, 30)
	translate(15, 10)
	pop()

	fill(255, 140, 180)
	strokeWeight(0)
	ellipse(49, 115, 10, 10)
}

//random circles
function dots(){
	strokeWeight(0)
	var r = random(0, 15)
	fill(255)
	circle(0, 0, r)
}

// For this assignment, I wanted to make a design that looked similar to a phone wallpaper. 
// I wanted it to look like something I would actually used, so I added colors and shapes that I like a lot. 
// I also didn't want the shapes to have the same spacing between each other, as it makes the design look too symmetrical. So I used random to create some variation.

Looking Outwards – 05

For this Looking Outwards, I decided to cover a 3D character called Eggdog. This character was based off of a real pomeranian that looked quite similar to the shape of an egg after getting a haircut. This video of the dog became very popular over time and led to the creation of a 3D model. I assume that the 3D rendering of the dog and the videos of this character was made using a program like Blender. Within these types of programs, you can create and rig 3D models. You can also record animations and bring in other models to create an environment. What I admire about this work is that Eggdog is such a simple character, but has become so widespread and has made a lot of people laugh due to the silliness of its design.

Example video: https://twitter.com/zotakufilms/status/1242918393331752960?s=20

Original video:

View this post on Instagram

*edited* . For Grooming enquiries please Whatsapp me at 97924608 as instagram doesnt send me notifications for Instagram DMs. . For everyone who found joy in this video, thank you so much for sharing and passing on pompom's happy awwra. I've spoke with the owner and turns out her daughter has created an Instagram account for Pom and their other dog Pixel (a maltese). Do give them a follow and show them some love. . PLEASE DO NOT REPOST THIS VIDEO. Thank you. . Instagram: @Pom_and_Pixel . . So much Zen in such a tiny body. PomPom the Pomeranian Groomed by: Me 😁 Instagram of groomer: groomer_andrea . #dogs #dogstagram #dogsofinstagram #doggram #instadogs #insta_dogs #friends #petgrooming #pet #petsagram #petgram #grooming #groomer #work #friendsatwork #instalove #instadorable #sgig #igsg #shiroro #petgasm #Homegrooming #homegroomer #onlypomeranians #pomeranian #pomeranians#pomgram #pomeraniansofinstagram #pomstagram #bootcutjeans

A post shared by ❤️💛💙The Colourful Groomer 💙💚💜 (@groomer_andrea) on

Project 05 – Wallpaper

I thought it would be an interesting exercise to simplify the intricate orchid flower with code. It was a fun challenge determining the most essential shapes out of the organic form. After getting the basic shapes down on paper, I made a sketch in Illustrator, then translated it into p5.js coordinates to create a “tile.” I then used loops to create a wallpaper out of the original tile design.

orchid et
Initial sketches + illustrator mockup
function setup() {
  createCanvas(600, 600);
}

function draw() {
  background(200);
  scale(.2);//scale down coordinates based on 600x600 canvas
  for (var x = 0; x <= 5*width; x += 600) { 
    for (var y = 0; y <= 5*height; y += 600) { 
      push();
      translate(x, y);
      tile();
      pop();
       }
  
  noLoop(0);
  //}
  
  
}
}
function tile() { //use repeating tile to simplify loop function
  
  noStroke();
  fill(35, 58, 58);//bg dark green color
  rect(0, 0, 600, 600);
  //decorative lines
  stroke(227, 239, 177); //yellow line
  line(0, 399, 600, 399);
  line(0, 407, 600, 407);
  line(300, 0, 300, 600);
  stroke(115, 140, 127); //green line
  strokeWeight(0.5);
  line(0, 403, 600, 403);
  line(250, 0, 250, 600);
  line(255, 0, 255, 600);
  line(350, 0, 350, 600);
  line(355, 0, 355, 600);
  push();
  orchid();
  pop();
}

function orchid() {
  
  noStroke();
  push();
  fill(206, 126, 179);  //midtone magenta
  ellipse(300, 240, 107, 142); //back petal
  fill(191, 86, 156);  //darker magenta
  translate(-165, 310);
  rotate(radians(-45));
  rect(180, 312, 115, 76, 60, 0, 0, 0);
  pop();
  push();
  fill(191, 86, 156);  //midtone magenta
  translate(340,-115);
  rotate(radians(45));
  rect(305, 312, 115, 76, 0, 60, 0, 0);
  pop();
  
  push();
  fill(228, 211, 229); //light magenta
  ellipse(212, 315, 183);//large petal1
  ellipse(388, 315, 183);//large petal2
  pop();
  push();
  fill(206, 126, 179);  //midtone magenta
  rect(292, 329, 16, 80);//center rectangle
  pop();
  
  push(); //top "sandle"
  fill(255); //white
  ellipse(300, 320, 33);
  triangle (300, 295, 317, 315, 283, 315);
  fill(205, 59, 113); //true magenta
  ellipse(273, 335, 24);
  triangle(264, 343, 278, 343, 295, 387);
  ellipse(327, 335, 24);
  triangle(336, 343, 322, 343, 305, 387);
  rect(268, 401, 64, 21, 0, 0, 21, 21);
  fill(249, 239, 130);//yellow
  ellipse(293, 400, 11);
  ellipse(307, 400, 11);
  pop();
  
  
}

LO 5

Throughout the past year, I noticed that 3-D graphics have become a very popular medium to decorate and enliven websites and apps. One of my favorite artists I’ve come across is Laurie Rowan. His work takes advantage of animation and the physical “realness” of his medium to communicate out-of-the-box and quirky ideas. It’s difficult to choose one, but I enjoy “MTV: Love,” a short animation reel made for MTV. I think this is a great example of how imaginative and seemingly non-practical artistic visions can be used for the benefit for mainstream audiences on a platform like television.

I assume that Laurie uses a program like Cinema4D to render his characters, and an editing software like AfterEffects to piece them together, but I’m unfamiliar with the algorithmic process. Laurie’s work inspires me to look toward other mediums to further my illustration practice.

Another favorite of mine

Looking Outwards – 05: Computer Graphics

Brutalist styled architecture that has been transformed into a “futuristic” style

Jakub Javora is an artist who practices concept design, concept art, and illustration. One of the many projects that the artist completed was the concept art of an upcoming feature film called Restore Point. With the use of the location the story is based on, Javora was able to transform the real location into a futuristic and dark scene. It’s intriguing to see how one is able to create an alternate world through the use of 3D computer graphics. The artist used the newest version of the software Ebsynth, which he was able to paint the characters on. Ebsynth is a tool that converts real-life video footage into stylized hand-painted animation. This allowed him to achieve the “futuristic” look with both the characters and the environment.

Project – 05: Wallpaper

For this project, I wanted to create a simple wallpaper of clouds that had a cute smile with rosy red cheeks. In order to do so, I first sketched out one friendly cloud on the illustrator and began coding from there.

sketch – Copy
//Rachel Kim
//15-104(Section C)
//rachelki@andrew.cmu.edu
//Project 05

function setup() {
    createCanvas(450, 500);
    noLoop();
}

function draw() {
	background(213, 232, 241);

	for (var x = 90; x <= 700; x += 170) {
		for (var y = 90; y <= 700; y += 80) {
			push();
			translate(x, y);
			cloud();
			pop();
		}
	}
}


//cloud background
function cloud() {

	//white clouds
	noStroke();
	fill(255);
	ellipse(-10, -122, 51, 35);
	ellipse(-37, -107, 51, 35);
	ellipse(-49, -134, 51, 35);
	ellipse(-68, -110, 51, 35);
	ellipse(-89, -128, 51, 35);

	//cloud eyes
	noStroke();
	fill(0);
	ellipse(-20, -200, 4, 4);
	ellipse(-50, -200, 4, 4);

	//cloud smile mouth
	stroke(0);
	strokeWeight(1);
	noFill();
	arc(-203, -193, 15, 10, TWO_PI, PI, OPEN);

	//cute cheeks 
	noStroke();
	fill(255, 0, 0, 100);
	ellipse(-216, -115, 9, 3);
	ellipse(-190, -115, 9, 3);
}

Project 5: Wallpaper

I was feeling a little dead this week so why not skulls!

sketch
Illustrator sketch I did before coding.
//FrancisPark
//Section C

function setup() {
    createCanvas(600, 600);
    noStroke();
}
 
function draw() {
    background(0);
    noLoop(); 
        for (var y = 1; y < height + 120; y += 119) {
          for (var x =1; x < width + 120; x += 119) {
            skull(x,y);
            }
        }
}

function skull(x,y) {
  push();
  translate(x,y);
  noStroke();
  //border shapes
  fill("#ED4999");
  rect(0,24,2,73);
  rect(23,0,73,2);
  rect(118,21,2,73);
  rect(23,117,73,2);
  fill("#EB008B");
  arc(0,0,52.5,52.5,0,HALF_PI);
  arc(119.8,0,52.5,52.5,HALF_PI,PI);
  arc(119.8,120,52.5,52.5,PI,PI* 3/2);
  arc(0,120,52.5,52.5,PI*3/2,0);
  fill("#FF96CF");
  arc(0,0,34.5,34.5,0,HALF_PI);
  arc(119.8,0,34.5,34.5,HALF_PI,PI);
  arc(119.8,120,34.5,34.5,PI,PI* 3/2);
  arc(0,120,34.5,34.5,PI*3/2,0);
  
  //skull shape
  fill("#EE498A");
  quad(43,60,77.5,60,69,87,51.5,87); //jaw
  fill("#231F20"); //teeth
  quad(48.5,70.5,49.7,70.5,54,87,52.8,87);
  quad(51.5,70.6,52.8,70.5,55.7,87,54.5,87);
  quad(54.5,70.5,56,70.5,57.5,87,56.5,87);
  quad(57.7,70.5,59,70.5,59.5,87,58.5,87);
  quad(61.3,70.5,62.5,70.5,62,87,60.8,87);
  quad(64.3,70.5,65.5,70.5,63.7,87,62.6,87);
  quad(67.6,70.5,68.7,70.5,65.5,87,64.5,87);
  quad(70.5,70.5,71.7,70.5,67.5,87,66.4,87);
  fill("#EE498A");  //various parts of eyes and head
  ellipse(60,54,40.5,43);
  fill("#231F20");
  arc(60,58,39,44,PI,0);
  fill("#EB068C");
  arc(51.5,58,19,31,PI,0);
  arc(68,58,19,31,PI,0);
  fill("#F1A9C1");
  arc(60,60,17,42,PI,0);
  fill("#EE498A");
  circle(49.3,60.5,21.8);
  circle(70.5,60.5,21.8);
  fill("#231F20");
  circle(49.3,60.5,14.7);
  circle(70.8,60.5,14.7);
  fill("#EE498A");
  arc(50,62,6.5,6.5,PI,0);
  arc(71,62, 6.5,6.5,PI,0);
  fill("#231F20");
  triangle(60.8,59.6,63.7,71,60.8,71.8);
  triangle(59.5,59.6,59.5,71.8,56.6,71);    
  pop();
}

LO: Virtual Fashion Shows

With all precautions given Covid-19, creative people have been searching for more ways to communicate and further innovate despite these very limiting times. One interesting implementation of technology, specifically 3D rendering and computer-generated graphics, is direct-to-consumer based fashion label Hanifa’s virtual fashion show.

Anifa Mvuemba, Founder and Creative Director of Hanifa

Anifa Mvuemba, founder and creative director of Hanifa, launched their Pink Label Congo line through an Instagram Live streaming of a video featuring a series of animated 3D renderings. The garments were put against a black backdrop, without a human model; just the walking dresses treading empty space right in viewers’ hands.

Using computer generated graphic technology and 3D rendering softwares, Mvuemba was able to break past the limitations brought forth by the pandemic and reached an even larger and more inclusive audience through these means.

This recent exploration into the world of digital fashion shows challenges the traditional experience of traditional runways and the necessity for these shows. I begin to ask myself questions about this: does the convenience and breadth of being able to reach a larger live audience outweigh the rich experience of the physicality of seeing models walk by in garments on a stage?

Mvuemba thinks that her fashion show may be the start of a new wave in fashion [shows]. The computer softwares allow her to not only render designs to finer detail than seen by the naked eye, but also fit all her garments to figures often seen with Black women, creating a more inclusive space in a highly discriminatory industry. She hopes to see a day where everyone, not just rich socialites, can “sit at the front row” and experience fashion come to life.