Perspection

p e r s p e c t i o n

0 0 : 0 0 : 0 1 0 0 : 0 0 : 0 4 0 0 : 0 0 : 1 2

0 0 : 0 0 : 1 5 0 0 : 0 0 : 2 2 0 0 : 0 0 : 2 6

0 0 : 0 0 : 3 1 0 0 : 0 0 : 3 6 0 0 : 0 0 : 4 1

0 0 : 0 1 : 0 3 0 0 : 0 1 : 4 3 0 0 : 0 1 : 4 8

0 0 : 0 1 : 5 2 0 0 : 0 2 : 0 4 0 0 : 0 2 : 0 7

0 0 : 0 2 : 1 6 0 0 : 0 2 : 2 0 0 0 : 0 2 : 2 2

0 0 : 0 2 : 2 6 0 0 : 0 2 : 3 5 0 0 : 0 2 : 4 4

ENVS 2041 PROJECT X: DESIGN AND CREATIVE PRACTICE PERSPECTION SN15015389 2017/2018

P R O L O G U E

Perspection - perspective and

distortion or transformation.

It is the act of altering

the space surrounding us.

The project aims to explore

the assigned space

through it’s use of technology

and other forms of

contemporary fabrication.


C H A P T E R _ I

THE SITE

We begin by examining the

fundamentals, the space surrounding

us and transforming

its essence from static

to dynamic and distorted.


The project aims to explore

the chosen site at Wilkins

Building through a variety

of digital and ordinary fabrication

techniques. The finale

of our exploration concludes

with a video, created

from the resulting audiovisual

exploration. The bar on

the left corresponds to video

frames and portfolio pages

portray how specific effects

were obtained.

By exploring the site and

altering it’s physical and

digital representation, we

provide layered readings of

the chosen site, that let’s

us experience the space in

new ways.

Through juxtaposition of

fact and fiction ,or the

real and the digital we reimagine

the experience of

how the site is speaking to

us.

We mainly aimed to distort

and transform the space in

novel ways, that would have

a long lasting impact on the

people looking at our work.

In order to do so, we use

algorithmic manipulation of

captured footage and expanded

on it by building a variety

of models.

We have chosen to explore

the entrance to the South

Cloisters of the Wilkins

Building. While there were

multiple reasons for it, we

were, first of all, looking

for a transitional space,

one - that lots of people

pass by, but no one is paying

too much attention to.

Secondly, we wanted to select

a site that we would

have a connection to, meaning

a place we always unconsciously

walk past, without

thinking too much, yet somehow

still prefer it.

The entrance to South Cloisters

matched these two criterion,

as it is, firstly,

a transitional space, and,

secondly, all of the team

members seemed to prefer to

the identical entrance to

North Cloister. Therefore in

a way, we felt more attached

to it from the very beginning.

Lastly, majority of the

captured footage was taken

while filming or photographing

to have a single

vanishing perspective point,

henceforth, the name perspection.


Initial exploration of the

corridor through drawings,

showing the vanishing point

and the outside view. Corridor

featured amplified sounds.


Top view of the site and the

corridor looking back to the

Main Quad. Space does not include

any additional objects,

except the walls and doors.


C H A P T E R _ I I

THE ALGORITHM

The begining of distortion

and transformation. An algorithm

was written to distort

the space from its photos

and other visual footage.


import peasy.*;

import peasy.org.apache.commons.math.*;

import peasy.org.apache.commons.math.geometry.*;

import processing.sound.*;

SoundFile in ;

SoundFile out;

PeasyCam cam;

PImage image1;

PImage image2;

int threshold = -200;

int step = 0;

IntList points1 = new IntList();

IntList points2 = new IntList();

ArrayList waves = new ArrayList();

wavyLine[] wavyLines;

int weight = 1;

int initX = -700;

int initX_ = initX + 200;

int step_ = 0;

int l = 0;

float sine = 0;

float cosine = 0;

float incr = 0;

void setup() {

size(1500, 1000, P3D);

cam = new PeasyCam(this, 550);

image1 = loadImage(“2.png”);

image2 = loadImage(“1.png”); in = new Sound-

File(this, “in.mp3”); in .play();

out = new SoundFile(this, “out.mp3”);

out.play();

int dimension = image1.width * image1.height;

image1.loadPixels();

for (int i = 0; i < dimension; i += 1) {

//points.append(int(map(image1.pixels[i],-16777216,-1,200,0)));

points1.append(int(map(image1.pixels[i],

-16777216, -1, -200, 200)));

}

image1.updatePixels();

color c = color(255);

//println(c);

image2.loadPixels();

for (int i = 0; i < dimension; i += 1) {

//points.append(int(map(image1.pixels[i],-16777216,-1,200,0)));

points2.append(image2.pixels[i]);

}

image2.updatePixels();

int limit = 15;

wavyLines = new wavyLine[limit];

//int index = 0;

for (int y = 0; y < limit; y++) {

wavyLines[y] = new wavyLine(

(int) random(-1000, -100), (int) random(10,

200), (int) random(-50, 50), (int) random(-50,

50));

}

}

//-16777216

//-1 is white

void draw() {

background(255);

int i = 0;

pushMatrix();

rotate(PI / 2);

for (int x = -image1.height / 2; x < image1.

height / 2; x += 1) {

for (int y = -image1.width / 2; y < image1.width

/ 2; y += 1) {

stroke(points2.get(i));

if (points1.get(i) < threshold) {

noStroke();

} else {

// stroke(0);

}

stroke(points2.get(i));

point(x, y, points1.get(i));

i++;

//println(i);

}

}

popMatrix();

strokeWeight(weight);

if (keyPressed) {

if (key == ‘b’ || key == ‘B’) {

step -= 100;

}

} for (wavyLine element: wavyLines) {

}

strokeWeight(weight);

}

void messy(int x, int y, int i) {

}

strokeWeight(random(0.01, 0.1));

int z = (int) random(-100);

line(x, y, points1.get(i), x, y, z);

void distortion(int x, int y, int i) {

sine = sin(incr); //*100

cosine = cos(incr * 10);

point(x, y + cosine * 5, i);

incr += 1;;

}

void keyPressed() {

if (key == CODED) {

if (keyCode == UP) {

threshold += 5;

} else if (keyCode == DOWN) {

threshold -= 5;

} else if (keyCode == LEFT) {

weight -= 1;

println(weight);

} else if (keyCode == RIGHT) {

weight += 1;

println(weight);

}

}

}


Corresponding footage from the

video shows how an ordinary

video has been altered to a 3D

point cloud.


Original Photograph

Photo Depth Map

Photo Depth Map

reading pixel color values, reasigning them in space

Processing algortihm

reading pixel gray values, reasigning them in space

Processing algortihm

reading pixel gray values, reasigning them to a 3D model

Photoshop Depth Map Extraction

Distorted Point Cloud Controlled Point Cloud Extracted 3D Mesh

Chapter_II

Chapter_III

The Algorithm checks color values of

each pixel, and then reassigns that

value on a Z-axis in a 3D space, creating

point clouds or meshes.The original

pixel location on XY plane stays the

same, however the added depth alters

the image. We counteract distortion using

depth map images, that retain the

original depth proportions.


A collage of distorted point

clouds, showing the transformation

of space in 3D. This

marks the begining of a series

of 3D-2D-3D-2D distortions.


A collage of distorted point

clouds, followed by iterative

design decision to assign

a perpendicular line to each

point with an original color.


Stills of the video showing

how transforming pixels from

their original place changes

our perception of space, the

site becomes dream-like.


References for Chapter_I:

Interstellar (2014) and the tesseract design

Dr. Strange (2016) and the urban collage

Works of Isidro Blasco and his 3D collages


C H A P T E R _ I I

LAYERING

Layered readings of the

space help develop unseen

perspections of the site.

In this chapter we develop

physical models.


After displacing pixels in

space, we are now able to read

the site in a new way. The

transformation from a 2D photo

to 3D models lets us cut in

pieces and look inside.


Having extracted and sliced

the 3D model, a new physical

representation of the corridor

is born and filmed by superposing

projector footage.


Photographs display the level

of engravement on each layer

of plastic, representing the

distorted 3D model in reality.


Using a projector, we can obtain

shadows casted by the cut

pieces, This mark the final

transition to 2D, after having

undergone 4 transformations.


After the plexiglass model, a

new wooden model was cut, to

cast a different type of shadow,

portrayed in the video.


A visual representation of the

plastic model pieces hanging

in space,about to be superpositioned

by the projector

footage.


Model pieces in space, recreating

a pendulum motion, seen

in the video.


The wooden model was placed on

a rotating mechanism, to allow

the model alternative movement

options, for further visual

experimentation.


Model placed on a table, turning

and casting different

shadows after being lit by a

projector.



C H H A P T E R _ I I I

THE MODEL

In this chapter, the focus

shifts to manipulating

the extracted 3D model

in virtual environment.


Stills from the video, showing

how the 3D model underwent

further manipulation and superposition

to obtain required

visual results.


A better look at the 3D model,

extracted in Chapter_III. Due

to noisiness in the depth map,

the model stays distorted and

spiky.


Physical model research has

led to partial 3D print of the

obtained model. Here we observe

the most recognizable

part of the corridor - facade.


3D print was later cast in algenate

to iterate on transformative

nature of working with

physical models.


Algenate casting process of

the 3D printed model.


C H A P T E R _ I V

The final chapter discusses

a post credit scene

and footage that did not

make it to the video.


Every frame created from the

distorted video is a point

cloud. Same frame: upper picture

is in color, while the

bottom one is monochromatic.


Given a point cloud, we can

further manipulate it in Grashopper

and create Varonoi

structures from an extracted

video frame with varying densities.


Showing three different densities

of Varonoi structures,

generated from the video

frames’ point cloud.


As an alternative to Varonoi,

we can convert the point cloud

to Delaunay surfaces, as seen

above.


E P I L O G U E

The project ends with the

final video, portraying our

findings of how we managed

to distort and transform the

corridor to South Cloisters.

We aimed to amplify the

sense of presence in the

video by experimenting with

eerie sound effects, which

can be seen on the left.

Sound intensity keeps going

until it reaches the climax

at the very end, culminating

with the final rotation

of the point cloud.

Overall, the project has

featured 4 separate physical

models 3 iterations of

distortion algorithm and 3

condensed minutes of audiovisual

exploration of space.

The

End.


0 0 : 0 0 : 0 1 0 0 : 0 0 : 0 4 0 0 : 0 0 : 1 2

0 0 : 0 0 : 1 5 0 0 : 0 0 : 2 2 0 0 : 0 0 : 2 6

0 0 : 0 0 : 3 1 0 0 : 0 0 : 3 6 0 0 : 0 0 : 4 1

0 0 : 0 1 : 0 3 0 0 : 0 1 : 4 3 0 0 : 0 1 : 4 8

0 0 : 0 1 : 5 2 0 0 : 0 2 : 0 4 0 0 : 0 2 : 0 7

0 0 : 0 2 : 1 6 0 0 : 0 2 : 2 0 0 0 : 0 2 : 2 2

0 0 : 0 2 : 2 6 0 0 : 0 2 : 3 5 0 0 : 0 2 : 4 4


Professional Photographs

A3

Perspection

Create successful ePaper yourself

Delete template?

Save as template?