Sophie Chen – Looking Outwards 10

Yael Braha

Viewers watching their 3D selves in installation

Originally from Rome, Italy, Yael Braha is a creative director, designer, film maker, educator and fine artist. She is currently working as a multimedia director at the Moment Factory. Braha has worked on many projects across the country and across the world, ranging from intimate immersive experiences to projection mapping large-scale shows. One of her projects that caught my attention is Kontinuum, a 3-floor underground multimedia interactive installation that’s built in an actual subway station under construction. Created for the 150th anniversary of Canada’s confederation, this installation combines lighting, video projections, and music to create an interactive experience that scans the viewers in 3D. Throughout the installation, as viewers travel through the environment, they have choices of which path to take and ends with viewers watching their own 3D image aboard the “invisible train”.

Video documenting Kontinuum

What really stood out to me about this project is its ability to be instantly personal to every viewer as they can literally see themselves be a part of it. Braha strives to push the boundaries of art and technology through generative animations, coding, and kinetic sculptures, and I think she successfully did that with this project.

Yael Braha’s website:

Christine Seo – Project 10 – Landscape


// Christine Seo
// Section C
// Project-10

var clouds = [];
var terrainSpeed = 0.001;
var terrainDetail = 0.01;

function setup() {
    for (var i = 0; i < 8; i++){ //clouds forloop for array
        var rx = random(width);
        clouds[i] = drawCloud(rx);


function draw() {

    sky(0, 0, width, height);

function sky(x, y, w, h) { //drawing sky
    var colorDark;
    var colorLight;    
    colorDark = color(13, 91, 245);
    colorLight = color(194, 225, 255);
    for (var i = y; i <= y + h; i++) {
        var inter = map(i, y, y + h, 0, 1.5);
        var c = lerpColor(colorDark, colorLight, inter);
        line(x, i, x + w, i);

    beginShape(); //drawing mountains
    stroke(56, 89, 9);
    for (var x = 0; x < width; x++) {
        var t = (x * terrainDetail) + (millis() * terrainSpeed);
        var y = map(noise(t), 0,1, 150, 250);
        vertex(x, y + 200); 


  this.display = function() {
    ellipse(this.x, this.y,  this.di,  this.di);


function planeWindow(){

	beginShape(); //outter black frame

	beginShape(); // wings top triangle

	beginShape(); // wings bottom

	beginShape(); // wings

    beginShape(); //window shield 
    rect(20,20,width - 40,height - 40,100);

    rect(29,24,width - 59,height - 50,100);
    rect(13,9,width - 25,height - 20,120);

function updateAndDisplayClouds(){
    for (var i = 0; i < clouds.length; i++){

function removeCloudsThatHaveSlippedOutOfView(){
    var cloudsToKeep = [];
    for (var i = 0; i < clouds.length; i++){
        if (clouds[i].x + clouds[i].breadth > 0) {
    clouds = cloudsToKeep; // keeping the clouds 

function addNewCloudsWithSomeRandomProbability() {
    var newBuildingLikelihood = 0.01; 
    if (random(0,0.5) < newBuildingLikelihood) {

function cloudMove() {
    this.x += this.speed;

function cloudDisplay() {
    var floorHeight = 20;
    var cloudHeight = this.nFloors * floorHeight; 
    translate(this.x, height - 35);
    ellipse(95, -cloudHeight, this.breadth, cloudHeight / 2);

    translate(this.x, height - 55);
    ellipse(95, - cloudHeight -200, this.breadth, cloudHeight);

function drawCloud(birthLocationX) {
    var bldg = {x: birthLocationX,
                breadth: random(90, height),
                speed: -random(1,2.5),
                nFloors: round(random(4,9)),
                move: cloudMove,
                display: cloudDisplay}
    return bldg;

I wanted to portray a scene inside of an airplane because when I think of looking at a moving landscape, it is usually in a car or a plane. I randomized the clouds and their sizes as well. I wanted to add some sort of ground to make it not look like I’m too high up in the air to add more dynamic elements (I am also scared of heights). I think it was kind of hard to understand the concept of making the landscape “generative,” in the beginning. But, I was able to understand it after looking through the notes again. The foreground is clear due to the frame of the airplane and there are additional elements to visual display that background and the mid-ground.  I also tried to make a color scheme and I am quite pleased with the overall product!

Thumbnail sketch of what I wanted to make (inside of plane)

Christine Seo- Looking Outwards 10

Sorting Feminist Data collected at SOHO20, July 2018
Installation shot of piece, SOHO20 March 2018
First workshop for Feminist Data Set, SPACE Art and Technology, October 2017

Caroline Sinders is a machine learning designer, user researcher, artist, and digital anthropologist who produced the project, Feminist Data Set. She has been focusing on the intersections of natural language processing, artificial intelligence, abuse, and online harassment. She currently works at BuzzFeed/Eyebeam Open Labs and lives in Brooklyn, NY. She was born in New Orleans and has a masters from NYU’s Interactive Telecommunications Program focusing on HCI, storytelling, and social media theory. Feminist Data Set is a project that started in October 2017 which calls to action to collect feminist data.  This data set compiles art works, essays, interviews, and books that are from, about or explore feminism and a feminist perspective. The series explores how data and interfaces can be agents of change within machine learning systems that are utilized by the public and private sectors of our daily lives.

Sinders was heavily influenced by the idea to remove bias within machine learning, which has to be manifested into a learning experience to teach or sway the algorithms. She also aims to initiate a standard for equity and equality, by centering collaboration in the creation of this data set. I thought that this project was very intriguing because she is a female artist that focuses on feminism. A lot of people are very hesitant to approach this topic, but I appreciate her effort to conceptually organize her thoughts into a data set and use it through design and machine learning. This concept and idea is very unique and different from all of the other ideas I’ve approached in looking outwards research, so it was great to find something that I strongly resonate with outside of visual forms of art!

Anthony Ra – Looking Outwards 10

Filipa Valente’s Filtered Transparencies 2.0

After a lot of searching through different female interactive artists, Filipa Valente’s overall portfolio caught my eye the most, unsurprisingly, because of her incorporation of both light and architecture. Of her work, I decided to delve deeper into her “Filtered Transparencies 2.0”, an interactive art installation that uses space, sound and layered lights to create an unworldly inhabitable experience.

installation in Lisbon

This installation’s main goal is to clear the user’s head of all habitable boundaries around us to immerse ourselves into an “augmented hologram-like environment”.

this piece creates space without the practical manner of how space is normally made

I am very intrigued in how she incorporates an architectural mindset without the practical logic in how space should be made. A current architecture student would see space using walls or differing elevations or alteration in materials; however, she creates space using an illusion of mass and dimensionality, manipulating oneself in between screens and altering voids.

Filipa Valente’s website

Filtered Transparencies 2.0

Jenny Hu — Looking Outwards 10

For this week’s Looking Outwards writing, I want to discuss Lauren McCarthy‘s work and project LAUREN.

image from Lauren’s about page

Lauren McCarthy is an LA-based artist whose work centers on the tensions of automation, surveillance, and culture. She is also the creator of p5.js, the javascript library this whole class and all my work thus far rely on. What I love from her biography is the following quote: “I make art about what confuses me”.  Work that speaks to me most strongly is work that carefully explores, processes, and asks the unexpected questions.

*video of project LAUREN

Her work LAUREN describes how Lauren watched and remotely interacted with people in their homes through a variety of cameras, sensors, etc and aimed to be an even better personal AI assistant than the commercial assistants available today.  Her proposition is simple: A human can understand each person better, and anticipate their needs.

What I precisely love about this work is how it revises the ongoing distrust (and trust) of AI assistant products, and at large, the idea of sentience in artificial objects and materials. If we allow this sentience artificially, isn’t it much better to allow it naturally (an actual human being)? Our current paradigm of privacy is clearly placed in discourse in the LAUREN project.

Lan Wei-Looking Outwards 10

                                         People interacting with the structure
                                                              Part of the structure

The project’s name is Branching Morphogenesis, created by Jenny Sabin. I love the spatial effect of the project. People can walk through and see through the structure at the same time and get varies of experiences because of different densities of the elements in different places. When looking at the project closely, I’m surprised to know that the whole structure was made out of 75,000 zip ties, and it is just so amazing to see how the small forces inside of each zip tie can work together and support such a huge structure.

Jenny Sabin is an architect, designer, artist and professor (Cornell University) who draws upon biology and mathematics to design material structures. She emphasises computaional design and digital fabrication a lot in her projects. Her projects, whether large-scale or small-scale, generally have strong spatial effect and interactive possibilities. It is easy to notice that she creates a lot of holes in many of her projects, and I believe her intention is to encourage visual connections.

                                               Material: zip ties

Jenny Hu — Week 10: Generative Landscape

jenny’s sketch

//Jenny Hu
//Section E
//Project 10

var moonx;
var moony;
var moonr;

var sunx;
var suny;
var sunr;

function setup() {
    createCanvas(480, 300);
    hillSpeedB = random(0.000002, 0.00003);
    hillSpeedFront = random(0.000005, 0.00009); 
    moonx = 350;
    moony = random(20,80);
    moonr = random(20,50);
    sunx = 420;
    suny = random(90,200);
    sunr = random(80,150);

function draw() {
    //background gradient
    var c1 = color(0);
    var c2 = color(200);

    for (var i = 0; i < height/2; i++){
        var gr = map (i, 0, height/2, 0, 1);
        var newC = lerpColor( c1, c2, gr);
        line(0, i, width, i);

    //make my moon and sun

    moonx = moonx - .01;
    if (moonx < -100) {
        moonx = 490;
        moonx = moonx - .01;


    sunx = sunx - .01;
    if (sunx < -100) {
        sunx = 490;
        sunx = sunx - .01;

    //generate my hills

function drawHill() {

    for (var x = 0; x < width; x++) {
        var t = x * 0.002 + (millis() * hillSpeedB);
        var y = map(noise(t), 0,.9, 0, height/2);
        line(x, y, x, height);

    for (var x = 0; x < width; x++) {
        var t = x * 0.003 + (millis() * hillSpeedFront);
        var y = map(noise(t), 0, 0.7, 0, height);
        line(x, y, x, height);

function myMoon(){
    ellipse(moonx, moony , moonr, moonr);
function mySun(){
    ellipse(sunx, suny , sunr, sunr);

For this project, I wanted to lean especially simple and elegant. Arguably, this might have been one of the most off-kilter process thus far in the class— I started with the intention to do simple, but subtle shapes. I wanted to impose 3D spheres onto the generative landscape, and apply a small gaussian blur to create a greater sense of focus.. but alas, I failed to find how to apply both the blur and the 3D implementation. I had explored and programmed using Perlin noise methods,  and considered multiple ways to apply blur (including generating from an array of images).

I think if I had more time, I would be able to find a method to implement these techniques on top of one another (the noise, with the landscape, with 3D on top), but in this case, I had to scale back.

In doing so, I think I learned a valuable lesson that I should have started small, and worked towards my bigger goal. Scaling back was mildly disappointing.

sketch of the landscape

Shirley Chen-Looking Outwards 10

Mouna Andraos and Melissa Mongiat are the founder and principal of Daily tous les jours(DTLJ). This design studio is best known for their work for the interactive public spaces, where the pedestrians are invited to join the interaction and communication with their environment and build up relationship between them.

For this project called Score, they turned the wide-opened parking lot in Bloomington, Minnesota to a playing field of large outdoor game. It is designed to question and challenge typical notions of competition; instead, it encourages collaboration and bonding relationship.  This project is really impressive for me because they use computational skills and design sensitivity to create a engaging, inviting, and interactive public space, changing and forming a more connective and interactive community. Through their design, the public can engage with the environment as well as other people.


People Playing “Score”

People Playing “Score”-Aerial View


DTLJ Website: