Sepho – Telematic

My project is about reaching through a kind of field or veil of abstract shapes to communicate with other people on the other end.

https://the-veil.glitch.me/  - (url because the embed only works in the WordPress preview for me?)

 

The idea for my project started as a way to play around with interactive, emergent behavior, however, the more I considered this project and its nature and the more I fiddled with my code the more this project because about the various abstractions we use to communicate and interact with one another. I really wanted to play with how much I could limit the rules of interaction while still allowing for that feeling of 'someone on the other end.' In a way, communication it self is just us arranging things such as ink, light, our bodies, or the air around us to get ideas across, so why not add weird glowing circles into the mix?"

Sepho – LookingOutwards02

In the fall of last year I went to my first lecture series at CMU and to see Ian Cheng it really inspired me. I specifically enjoyed his work Emissaries. Emissaries for me was really interesting because I was really able to see the artist and his style in his work beyond the 3D models and textures done by him. The movement and behavior of these kind of microcosms just had a general "brush stroke" to them almost that I thought was very dreamy and unique and in the same way a little haunting. Additionally, all of his pieces were up for an extremely long time, on display but not tangible the entire time. This made me feel like i was really watching this tiny world grow and develop in front of my eyes.

Sepho – Reading03

I found this page really interesting to me because up until recently I believed mostly in creating last word art mainly because that is simply what I had been told was art. To me art had to be a response, it had to carry a message or be the result of a plan, especially computer based art. Nobody in their right mind can code something if they don't know that they're coding right?

Since a few months ago I have been slowly leaning away from last word art and slowly I have started to gain an interest of art as an exploration of an idea or medium. Why do people have to have an end goal in their projects? What happens if i start a project with a specific medium or the seed for an idea and simply let it direct me where it pleases. I now think that art can be a language with which to share an idea with the world, but it can also be used as a vehicle for exploring new feelings and ideas.

Sepho – Clock

For my clock I chose to create a clock that doesn't tell people what time it is, it tells people what time it 'feels like.' When planning for this project I began thinking a lot on how weirdly arbitrary and meaningless measuring time really was. It was interesting to think of how we need this abstraction of miscellaneous systems such as the earths rotation to keep order in our lives. What interested me the most about our measurements of time was how absent subjectivity and the humanistic experience of time were from these measurements. With my clock my goal was to subvert the objective, factual nature of "clock" and how we view it. Suddenly time is something subjective and fickle with absolutely no foundations in reality.

For my process I really wanted to keep the actual clock pretty simple and let the idea do the talking, and I learned that for me, keeping things simple is the most complex thing ever. In order to replicate the face of a digital clock I had to draw my own font out of shapes and in order to get the average between times I needed to convert times to degrees on a circle.

Ideally, this clock would exist as any other clock would, for example as a simply alarm clock on a night-stand. I really enjoy the idea of taking something so personal such as what time it "feels" and presenting as fact by putting it on a clock.

Sepho – Reading02

Slime mold is a super interesting system with effective complexity. Being organic, slime mold is pretty close to being right in the middle of total order and randomness, but due to it's behavior it leans more towards order. Slime mold works by first reaching out and finding food, then by forming efficient paths to the food, creating amazing synthesized systems to get to and from resources.

 

 

I really don't think that with generative art there is a "problem of authorship." I think the "artists hand" is an interesting notion that was questioned by people like Duchamp and Pollock and I think that generative art is another way of experimenting with that concept. Its also interesting to think about separation between arts and crafts, what turns a painter into an artist or a painting into art? well what turns computer code into art? Intention? The audience? The art-world? I think that these are important concepts to ponder and generative artists explore them, but through their artwork. 

Sepho-Scope

For my loop I chose to do a pretty simple pulse design that travels around the ring. I made it using a line connecting multiple vertices.

Sepho – Animated Loop

I was really fascinated with the method of using circular motion over Perlin noise to get random yet looping 1-D graph. For my GIF I decided to expand on this by using two 1-D graphs as x and y positions for points to get a random motion that looped. I then made many points that moved in random loops and created shapes from them, resulting in crazy, abstract, looping shapes. Overall this project was a fun exploration of how math and graphs can translate to motion and visa versa.

Visualization of point movement:

 

Sepho – LookingOutwards01

 

I have to be honest, prior to this class I haven't had any prior exposure to a lot of interactive and computational art outside of video-games, and one game that I have played really stands out to me as doing something profound and interesting with interaction. That game is Dark Souls III, made by From Software on their own engine and funded by Sony. To me, what really stood out about this game was their ability to really use interactivity as its own medium to express ideas and evoke feelings from the player instead of just using it as a device to drive the story. Dark souls as a game is a convoluted, labyrinthine with looming, powerful obstacles  and large hyper-Gothic architecture. Everything from the music to the character design and color pallet is meant to make the player feel small, confused, lost and alone and the game play perfectly echoes those feelings. The level design collapses back on itself and can be frustrating to navigate and everything about combat and exploration can be completely daunting to some. It is the first game I have seen that wasn't designed just to be enjoyable, but to convey ideas and emotions about the world using  the medium of interactivity instead of exposition, and this is where I think interactive art thrives and is truly unique.

Sepho – Interruptions

  1. the artwork is square.
  2. the work is made of many small black lines on a white background.
  3. the lines are of the same length.
  4. the lines are all turned at different angles.
  5. the lines slightly intersect occasionally.
  6. there are occasional gaps in the lines.
  7. the lines do not touch the edge of the page
  8. most of the lines point in the same direction.
  9. the lines seem to almost be in a grid pattern with a few exceptions.
  10. there are occasionally multiple lines coming from the same point

////// based on Starter Code for "Embedded Iteration + Randomness"
var boolDoRefresh;
 
function setup() {
  createCanvas(720, 720);
  background(255,255,255)
  noStroke();
  boolDoRefresh = true;
}
 
var length = 25;
var gridSize = 15;
var lines = []
var gaps = []

//adds gaps in the lines
function addGap(gaps, x ,y){
  print(x);
  var r = random(100 * noise(x,y));
  gaps.push([x,y,r]);
}
            
function distance(x1,y1,x2,y2){
    return sqrt(sq(x2-x1) + sq(y2-y1));
  }
  

function addLine(lines, x1, y1){
  var theta = random(360);
  var x2 = x1 + (cos(theta) * length);
  var y2 = y1 + (sin(theta) * length);
  lines.push([x1,y1,x2,y2]);
}


function draw() {
  if (boolDoRefresh) {
    // DRAW STUFF HERE....
    boolDoRefresh = false;
    background(255,255,255)
    lines = [];
    gaps = [];
    fill(255,0,0);
    
	//creates new gaps on each click
    for(var x = gridSize; x <= width - gridSize; x += gridSize){
      for(var y = gridSize; y <= height - gridSize; y += gridSize){ if(noise(x,y) > 0.82 && random(4) > 3){
        	addGap(gaps,x,y);
        }
      }
    }
    
    strokeWeight(1.5);
    stroke(0);
    
  //creates and draws new lines on each click
    for(var x1 = gridSize; x1 <= width - gridSize; x1 += gridSize){
      for(var y1 = gridSize; y1 <= height - gridSize; y1 += gridSize){
        var isInGap = false;
        for(var i = 0; i < gaps.length; i++){
          if(distance(x1,y1,gaps[i][0],gaps[i][1]) < random(50,70)){
            isInGap = true;
          }
        }
        if(!isInGap){
        	var theta = random(360);
  				var x2 = x1 + (cos(theta) * length);
  				var y2 = y1 + (sin(theta) * length);
       		line(x1,y1,x2,y2);
        }
      }
    }
    
    
    
  }
}
 
function mousePressed() {
  boolDoRefresh = true;
}
  1. In an attempt to replicate this piece I first started with a grid of dots and then I drew short lines coming from those dots at various angles. I then used the noise() function to try and make a Perlin-noise like gap in the lines. For me the hardest part about replicating this work was the grid-like but not perfect grid that she managed to create and also a very kind of natural and abstract way of creating gaps in her lines. Additionally her lines really only intercept each other ever so slightly while mine can completely cross each other. Overall it was way more challenging to recreate this piece than I initially thought.

Sepho-Intersections

//// Based on the Starter Code for "Embedded Iteration + Randomness"
var boolDoRefresh;
 
var lines = [];
var lineNumber = 12;  //&lt;&lt;-----change this number to add/remove lines!
 
function setup() {
  createCanvas(720, 480);
  background(20,20,50)
  noStroke();
  boolDoRefresh = true;
}
 
// Math for the intersection of two lines from Paul Bourke http://paulbourke.net/geometry/pointlineplane/
//takes two lines and returns the x,y value for the inersection of those lines
function intersec(a,b){
  var x1 = a[0];
  var y1 = a[1];
  var x2 = a[2];
  var y2 = a[3];
 
  var x3 = b[0];
  var y3 = b[1];
  var x4 = b[2];
  var y4 = b[3];
 
  var ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / ((y4-y3) * (x2-x1) - (x4-x3) * (y2-y1));
  var ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / ((y4-y3) * (x2-x1) - (x4-x3) * (y2-y1));
  var x = (x1 + ua * (x2 - x1));
  var y = (y1 + ua * (y2 - y1));
 
  if (ua &lt; 0 || ua &gt; 1 || ub &lt; 0 || ub &gt; 1) {
			return [-20,-20];
	} 
 
  return[x,y];
}
 
//moves the lines according to each points velocity.
function updateLines(lines){
  for(var i = 0; i &lt; lines.length; i++){
    var l = lines[i];
    l[0] += l[4];
    l[1] += l[5];
    l[2] += l[6];
    l[3] += l[7];
  }
}
 
 
function draw() {
  	updateLines(lines);
 
    //Draws all of the lines:
    background(20,20,50)
    stroke(255, 50);
 		fill(255);
    for(var i = 0; i &lt; lines.length; i++){
  		line(lines[i][0],lines[i][1],lines[i][2],lines[i][3]);
    }
 
    //Draws a red dot at all of the intersections:
    for(var i = 0; i &lt; lines.length; i++){
      for(var j = 0; j &lt; lines.length; j++){
        if(i != j){
          la = lines[i];
          lb = lines[j];
          noStroke()
          fill(255,0,0);
          ellipse(intersec(la,lb)[0],intersec(la,lb)[1],3);
        }
      }
    }
 
  if (boolDoRefresh) {
    boolDoRefresh = false;
    //Creates new lines:
    lines = [];
    for(var i = 0; i &lt; lineNumber; i++){
    	lines.push([random(width),random(height),random(width),random(height),random(-1,1), random(-1,1),random(-1,1),random(-1,1)])
  	}  
  }
}
 
function mousePressed() {
  boolDoRefresh = true;
}