## heeseoc-LookingOutwards05

I was interested by the 3D computer graphic work by an artist named Mike Campau. He specializes in hybrid imagery, which is a combination of computer generated objects with photography. The photos I attached below are two of the series named Living Sculptures #2, which is a continuation from his Living Sculptures series. It is interesting to see how strange abstract structures with non-human features as in their forms and textures, are given life or even personified by simply adding some clothing and classic portrait lighting to them. We are able to observe and guess the subjects’ characteristics through these graphic portraits, even thought there are no such things as facial features or particular gestures. Also, the combination of the rather serious color schemes and the fun, seemingly fluid shapes create an odd feeling, yet it entices the viewers at the same time.

https://www.behance.net/gallery/19683165/LIVING-SCULPTURES-2

## haewanp – Project 05 – WallPaper

``````var x = 0;
var y = 0;

function setup() {
createCanvas(480, 480);
noStroke();
rectMode(CENTER);
}

function draw() {
background(240, 64, 66); //red background
noLoop();
pattern();
}

function pattern() {

//blue circles
for (x = 0; x <= width; x += 120) {
for (y = 0; y <= height; y += 120) {
fill(22, 68, 130);//blue
ellipse(x - 60, y, 150, 150);
}
}

//flower shape and green bar
var i = 0;
for (y = 30; y <= height + 30; y += 60) {
i = i + 1;
for (x = 60; x <= width + 60; x += 120) {
if (i % 2 == 1) {

//green bar
fill(120, 200, 210);
rect(x - 60, y - 30, 15, 50);

//flower

//yellow rectangle
fill(241, 235, 82);
rect(x, y + 30, 70, 70);
//white rectangle at the center of flower
fill(255);
rect(x, y + 30, 30, 30);
//yellow petal of flower
fill(241, 235, 82);
arc(x + 17, y + 12, 50, 50, PI + QUARTER_PI, QUARTER_PI); //upper right
arc(x - 17, y + 48, 50, 50, QUARTER_PI, PI + QUARTER_PI); //lower left
arc(x + 17, y + 48, 50, 50, TWO_PI - QUARTER_PI, HALF_PI + QUARTER_PI); //lower right
arc(x - 17, y + 12, 50, 50, HALF_PI + QUARTER_PI, TWO_PI - QUARTER_PI); //upper left
//red circle at the center of flower
fill(240, 64, 66); //red
ellipse(x, y + 30, 20, 20);

}
}
}

}

``````

It is not too difficult and complex to code p5.js in this project. But, it is necessary to consider and organize compositions and color of graphic elements. It would be nicer and more interesting if this project is not confined in a static condition.

## hannajan-05-Wallpaper

``````//Hanna Jang
//Section B
//hannajan@andrew.cmu.edu
//Project 05

var space1=10;
var space2=40;
var space3=30;
var area=80;
var area2=5
var px;
var py;

function setup () {
createCanvas(400, 400);
background(255, 201, 227);
noStroke();
}

function draw() {
for (var y=0; y<5; y++) {
for (var x=0; x<5; x++) {

px=space1+x*area;
py=space1+y*area;
fill(102, 20, 79);
rect(px, py, space3*2+7, space3*2+7);

//plates
fill(255, 128, 159);
rect(px, py, space3*2, space3*2);

//egg white circle 1
px=space3+x*space2*2;
py=space3+y*space2*2;
fill(255);
ellipse(px, py, space3, space3);

//egg white circle 2
px=space2+5+x*area;
py=space2+5+y*area;
fill(255);
ellipse(px, py, space2+3, space2+3);

//egg white circle 3
px=space3+3+x*area;
py=space3+3+y*area;
fill(255);
ellipse(px, py, space3+2, space3+2);

px=space2+5+x*area;
py=space2+5+y*area;
fill(203, 141, 15);
ellipse(px, py, 3+area2*4, 3+area2*4);

//yolk
px=space2+3+x*area;
py=space2+3+y*area;
fill(255, 181, 75);
ellipse(px, py, area2*4, area2*4);

//yolk shine
px=space2+x*area;
py=space2+y*area;
fill(255);
ellipse(px, py, area2, area2);

}
}
}``````

For this project, I wanted to make patterns with one of my favorite foods: eggs. I first sketched out a basic grid design I wanted to use as plates for the eggs (as seen in the image above). I was also inspired by the theme for this week’s Looking Outwards and wanted to give a 2-D image a more 3-D look. I did this using some simple shadows to also add a 3-D element and am quite happy with the repeated pattern overall.

## keuchuka Looking Outwards 05

DIFFUSION from Kouhei Nakama on Vimeo.

Kouhei Nakama is a visual art director. He also works for a company that does work for big corporations. For this project, he uses a variety of generative and particle based animation to bring 3D figures to life in this motion graphics short piece titled diffusion. Nakama has a series of work blending the human form with the geometric nature of 3D graphics. He blends them seamlessly, and at times the body mutates into other forms because of this blending. In this particular piecce, the body is blended with different textures that range from organic to more alien and computer like. The human’s flesh and body is stretched and elongated to its maximum capacity. It changes colors and patterns while questions about evolution are revoked.

## nayeonk1-LookingOutwards-05

Do you think she is just a normal high school girl from japan? Actually, she is not real for real. She is a virtual character created by a graphic design team name ‘Telyuka’. But she looks like real, acts like real, and she is even competing with real girls in real idol audition right now in japan.

When I saw the picture at the first time, I thought ‘well, she’s pretty but little bit feel like a doll. Too much photoshop.’And after I found out she is a just virtual character, I was surprised by the fact that I don’t feel any uncanny valley which is a huge problem for any computer graphic characters in video game and movies.

Team ‘Telyuka’ said they want to create ‘virtual human’ with personality and feelings communicating with people. They also interviewed that it’s still on progress of developing more realistic modeling of her since she looks less human in the moving video than a still picture. I also think that if they can compensate the current problem with moving and voice, some people would be reasoned she’s alive.

Team Telyuka

## Sheenu-Looking Outwards-05

https://www.behance.net/Filiphds

These are multiple abstract images created by a freelance artist online named Filip Hodas in 2015.

These images were made using Cinema 4D, Octane, Zbrush, World Machine, and Xparticles. While the images were mostly made by hand using 3D modeling, some organic and natural looking parts of some of the images were made using a noise function. Mountains, germs, or particles were made using a noise function.

What I absolutely love about these images is not only the abstract shapes and imaginative transformations of nature, but also the colors, lighting and shading. These pictures all use such vibrant, colorful, modern, and eye-catching color palettes that I absolutely love. The abstractions look so real and almost believable as if these were physically made with clay rather than on a computer. What makes these pictures great is how eye-catching and eye pleasing they are. It’s definitely something that deserves to be hung on a wall.

## yoonyouk-LookingOutwards-05

For this week’s Looking Outward I focused on the 3D graphic computational artwork of Frank J. Guzonne whose works have popped up on my Instagram feed recently. His works are very flamboyant with his color choices been great and his graphics being quirky. He takes seemingly simple and mundane every day objects and plays around with dynamic movement and lighting in order to create a pleasantly unexpected graphic video work. It seems for each project he makes a unique algorithm that would determine how objects would move in relation to each other and the lighting. Guzonnes 3D renderings allows for creative explorations of fictitious animations.

Although we are currently working on 2D objects, I like how computation can bring about 3D movement and work. This opens up a new creative window in making animation work. I thought this kind of computing would be particularly useful for not only animation but also generating potential real life situations.

## hdw – Looking Outward – 5

Zeitguised is a creative studio that specializes in VR and 3d printing. They believe in combining the physical and digital worlds and like to focus on the intersection between these two planes.

Giest.xyz is a series they did handcrafted algorithmic textiles. Their design concept is a shift from passive to living matter and they use algorithmic models to iterate on form before building it in real life. The concept uses the idea of a synthetic ghost that is able to phase from one thing to another.

These two images are concept models of that were used for the final product.

These three images are some renderings of the final product. You can view the rest here.

## Jonathan Perez Project 5

``````//Jonathan Perez
//Section B
//jdperez@andrew.cmu.edu
//Assignment-01
function setup() {
createCanvas(480, 480);
pixelDensity(3.0);
}

function draw() {
background(51, 116, 173); //pale blue
drawGrid(); //diagonal grid of black and white lines
for(x = 120; x < width + 240; x += 240) { //spacing to fit within gridwork givin
for(y = 0; y < height + 120; y += 120) {
push();
if((y+120)%240 == 0 ) {
translate(-120, 0); //acounts for the alternating horizontal positions among rows
}
drawTile(x, y); // draws image in tile with givin x, y coordinates as center
rectMode(CENTER);
noStroke();
rect(x-120, y, 20, 20); //black blocks between tiles
pop();
}
}
noLoop();

}

function drawGrid() {
for(x = 0; x < width + 480; x+= 120) { //lines spaced 120 pixels apart horizontally
if(x%240 == 0 || x == 0) {
stroke(0); //black lines every other line
} else {
stroke(220); //whitish grey lines otherwise
}
line(x, 0, x-480, height); //positive 45 degree slope lines
line(x-480, 0, x, height); //negative 45 degree slope lines
}
}

function drawTile(x, y) {
push();
translate(x, y); //move center of tile
fill(255);
stroke(0);
strokeWeight(1);
for(j = 0; j < 4; j++){ //rotates long diamonds 90 degrees 4 times
push();
rotate(j*PI/2);
fill(230);
quad(-100, 0, -50, -12, 15, 0, -50, 12); //long horizontal diamond shape
stroke(0);
strokeWeight(1);
line(-70, 0, -40, 0); //line detail on horizontal diamond
pop();
}

strokeWeight(1.5);
rectMode(CENTER);
fill(179, 91, 141); //darker lilac purple
rect(0, 0, 65, 65); //underlying square
fill(175, 162, 208); // light lilac
for(i = 0; i < 4; i++) {
push();
rotate(i*PI/2);
translate(-25, 0);
quad(-25, 0, 0, -20, 20, 0, 0, 20); //lefthand diamond
pop();
}
// push();
// translate(-25, 0);
// quad(-25, 0, 0, -20, 20, 0, 0, 20); //lefthand diamond
// pop();
// push();
// translate(25, 0);
// quad(-20, 0, 0, -20, 25, 0, 0, 20); //righthand diamond
// pop();
// push();
// translate(0, 25);
// quad(-20, 0, 0, -20, 20, 0, 0, 25); //lower central diamond
// pop();
// push();
// translate(0, -25);
// quad(-20, 0, 0, -25, 20, 0, 0, 20); // upper central diamond
// pop();
fill(255, 220, 80); //pollen yellow
quad(-25, 0, 0, -25, 25, 0, 0, 25); //central diamond
pop();

}
``````

The original inspiration for this paper was the old victorian floral wallpaper style… I tried to work in an organic subject and organic style with distinctly computer generated graphics (using geometric, sharp lines).

My first sketches were playing with overlapping diamond shapes, and feeling out what could be feasible to accomplish with my code.

As I started trying to implement these sketches and concepts into practice, I had to cut out some details I originally wanted to be a part of the wallpaper. The canvas I was working with was a 480×480 block, not a wall, and quickly became cluttered. So, my artistic direction for the project quickly adapted to a simpler aesthetic.

To be honest, the bulk of the work in this project for me was deciding what details to keep, and what to get rid of… I think I was moderately successful. I think this is a project I will return to, and see if I can keep it from being cluttered, but still improve the aesthetics of it. Currently, I think the color scheme and horizontal vs. diagonal lines are what carry the appeal of this wallpaper.

SaveSaveSaveSave

## twrabetz-05-wallpaper

``````function setup()
{
createCanvas(480,480);
background(50);

var col;
var size;

for( var i = 0; i < 4; i++ )
{
for( var j = 0; j < 4; j++ )
{
col = color( random(25,75), random(25,75), random(25,75) );
size = random( 18, 28 );
drawSpiral( 55 + i * (width - 130) / 3, 70 + j * (height - 130) / 3,
0, size, col );
}
}

noLoop();
}

function drawSpiral( xPos, yPos, angle, size, col )
{
if( size < 7.5 ) return;

push();
translate( xPos, yPos );
rotate( radians(angle - 90) );
fill( col );
rect( size * 4 / 3, 0, size, size );
pop();
drawSpiral( xPos, yPos, angle + 30, size * 0.935,
color( red(col) + 7.5, green(col) + 7.5, blue(col) + 7.5 ) );
}``````

The prompt asked for “a balance of geometric and organic forms” aka a clear request for shrimps made out of squares.
Note that the shrimps do not merely scale in size, but also have curly tails based on their size as should be expected of any quality shrimps.