Author: Ujean

Project 05 – wallpaper

I wanted to make a pattern that I would actually wear: currently the patterns I am into are checkers, and I have been loving colored hearts (typically 3D and glossy) in my graphic design. I decided to combine the two together to make my wallpaper, paying attention to make the hearts are on the corners of the checkers.

sketch
function setup() {
    createCanvas(320, 320)
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}
s=40;
function draw () {
    rectMode (CORNER);
    for (var row = 0; row <8; row +=1) {
        for (var col = 0; col <8; col += 1) {
            fill (((row+col)%2) *255);
            rect (col*40, row*40, 40, 40);
        }
    }
    for (x = 0; x < width+80; x += s) {
    for (y = 0; y < height+40; y += s) {
      fill(310*x/width, 100, 255);
      heart(x+s/2-20, y+s/2-30, s/2);

    }
  }
}

function heart(x, y, size) {
  beginShape();
  vertex(x, y);
  bezierVertex(x - size / 2, y - size / 2, x - size, y + size / 3, x, y + size);
  bezierVertex(x + size, y + size / 3, x + size / 2, y - size / 2, x, y);
  endShape(CLOSE);
}
initial sketch of my wallpaper

Looking Outwards 05: 3D Computer Graphics

This project explores the infinite out of the finite, and  is composed of differing, abstract shapes that change shape and form and travel from left to right, panel to panel in a 5×5 grid. The shapes never repeat themselves, and whenever they pass a panel grid line, they change their look and behavior in a larger form. The shapes in each vertical panel are different, but they hold some similarity because their parameters that control their growth are the same. I admire how it resembles a grid lithographic printing, with multiple shapes, textures, and compositions. I feel as though it shows how applicable and universal the options are with 3D computer graphics, even without the use of complex systems. The algorithm that generated this work is a closed loop.

©,

Brian Knep: Drift Grid 1 (2005), 80 in x 80 in

Earlier stage of Drift Grid 1 : Drift (2004)

Looking Outwards 04: Sound Art

This project is an interactive responsive play space piece that makes “musical rhythms, harmonie and luminous patterns” based on peoples’ movements, both active and passive. It is designed to respond with generated surround sound and visual light (umbrella of sonic shade of light made by electro luminescent fibers) to peoples’ activity underneath it. It also has a custom designed software that collects online weather data and translates it into the light column umbrellas. I admire how aesthetically pleasing this is, and how easily interactive it is with the audience.

As an artist, I am drawn to more ethereal and subversive pieces, and love how this project transports the audience into a new world and space that directly responds to their movements ( like a world that grows and is almost alive around them.) I also love how each person becomes a sort of unique instrument to the composition of light, sound and space.

The artists (Loop.ph) wanted to combine design. Architecture, and science to break the boundaries of specialized and innovative thinking and creativity, which were manifested with their installation that had dream-like, delicate structure and ethereal light technology.

link to video of the work

Sonumbra de Vincy, Responsive Light Emitting Environment (2008) – Loop.pH

Looking Outwards 03

This project is a fashion line called Voltage by Iris Van Herpen, an architect-turned-designer. The line has pieces like a “skirt-and-cape combo lined with thousands of tiny white anemone-like nodules.” It essentially is a 3D printed (on an Object Connex) and laser sintered fashion line and a frontrunner of digital fabrication. What I find most interesting about the garments she made are that they have a mix of both soft/flexible and hard/structured elements. This varying of the softness and elasticity allows the clothes to have differing forms and ranges of motion. I assume that the process of production and the algorithms used are related to CAD, or computer-aided design, to make templates that can be used to make 3D models.

Iris Van Herpen’s Voltage , 2013

Video of Voltage line : YouTube video of Van Herpen’s full line

Look 5 out of 11

Project-02-Variable Face

sketch
function setup() {
    createCanvas(640, 600);
    background(220);
    text("p5.js vers 0.9.0 test.", 10, 15);
}
// Simple beginning template for variable face.
var eyeSize = 20;
var faceWidth = 100;
var faceHeight = 300;
var mouthHeight = 230;
var noseHeight = 190;
 
var rface = 240;
var gface = 188;
var bface = 212;

var rmouth = 48;
var gmouth = 213;
var bmouth = 200;

var rnose = 62;
var gnose = 12;
var bnose = 94;

var reyes = 208;
var geyes = 255;
var beyes = 206;

function setup() {
    createCanvas(300, 300);
}
 
function draw() {
    background(180);


    fill (rface,gface,bface);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);


    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    fill (reyes,geyes,beyes);
    ellipse(eyeLX, height / 2, eyeSize, eyeSize);
    ellipse(eyeRX, height / 2, eyeSize, eyeSize);

    fill(rmouth, gmouth, bmouth);
    arc (width/2, mouthHeight, 30, 10, TWO_PI, PI); //mouth

    fill (rnose, gnose, bnose);
    ellipse (width/2, noseHeight, 20); //nose
}
 
function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'faceWidth' gets a random value between 75 and 150.
    faceWidth = random(75, 150);
    faceHeight = random(200, 350);
    eyeSize = random(10, 40);
    mouthHeight = random(210, 240);
    noseHeight = random (180, 200);
    rface = random (200, 290);
    gface = random (170, 200);
    bface = random (200, 240);

}

Looking Outwards 02: Generative Art

Project: Purform – The White Box, Audiovisual Performance, 2010

“This cycle metaphorically transposes, into sounds and images, concepts from systems theory related to black, white and grey boxes.”

I admire the aesthetics and fluidity of this project. The combination of the wide range of sounds and dynamic abstract visuals and their harmony of working together allows the audience to be fully absorbed into the piece. I am especially inspired by how the visual and audio components work together and are dependent on each other to make this piece whole. This piece is almost inviting; its fluidity and dynamicism pulls and mesmerizes the audience in and be in synch with the audio and visuals. I suppose the project was made by a looping code that was taught to react to sound vibrations and audio stimuli, and translate it into a random visual or shape. The artists’ (Alain Thibault for music, Yan Breuleux for visuals, and Jean-Sebastien Rousseau and Peter Dines for the program) sensibilities all come together to create one aesthetically and fundamentally cohesive and effective piece.

link to YouTube video

Project: Purform – The White Box, Audiovisual Performance, 2010

LO: My Inspiration

I am highly inspired by the 3D rendered designs made by @cyborgypo (on instagram). This artist brings collages to a whole new level and dimension, and I love the whimsical and cyber contrasting notes they include in their pieces.  Although I am not entirely sure what specific softwares and platforms they used,  I can assume they used something like Adobe Illustrator to create svgs (scalable vector graphics) and imported them into an 3D rendering platform like Blender. This artist may have been inspired by the melting/blob chrome effects that are taking over recent design trends, and also the cyber/ digital archive aesthetic. Their projects point to editorial graphics, or even fashion or magazine design and marketing. Unfortunately, the artist does not provide their name, nor do they officially title their pieces, but their profile and works can be found via the links provided.
one of @cybergypo ‘s works; an amalgamation of textures, shapes, and multi-dimensional layers.

Eugene Kim
15-104