August 2019 – Page 15 – [OLD FALL 2019] 15-104 • Introduction to Computing for Creative Practice

Angela Lee – Looking Outwards – 01

A video detailing the installation of “Floating in the Falling Universe of Flowers” by teamLab.

Digital installation “Floating in the Falling Universe of Flowers” by teamLab.

This summer, I visited teamLab’s Planets exhibition of digital art in Tokyo, Japan. I was especially inspired by the art piece, “Floating in the Falling Universe of Flowers.” The project, a video showing flowers falling towards the ground, was projected across a dark dome ceiling, and viewers could watch lying down, sitting, or standing. According to the creators, the video is rendered in real time by a computer, and the viewer’s interactions with the installation affect what is rendered. teamLab, a collaborative creative arts group, worked with Hideaki Takashi, who created the soundtrack. The work felt similar to another installation from the exhibit (“Drawing on the Water Surface Created by the Dance of Koi and People – Infinity”) since both works explored the beauty of temporariness. As someone who tends to enjoy routine, this installation inspired me to be more open-minded towards change. While the imagery of the flowers falling and wilting was sad, I was also struck by the beauty of its aging process. This piece of art was thought-provoking because it lead me to realize that an exact moment in time can never happen again—everything is temporary, and maybe that elicits beauty. I think the creators created a impactful, immersive space by engaging the senses through sound, smell, and sight.

Assignment 1

class=’p5-embed’

Caroline Song Looking Outward – 01

An interactive piece of design that has recently been an inspiration of mine is a website called Work Responsibly by Ales Nesetril. It has a very simplistic approach, as well as a calming color scheme (light grays and greens). Because the website is dedicated to helping young adults find a responsible and balanced lifestyle/mindset regarding their job, the peaceful sensation the site seems to give off makes sense.

A sample page from Work Responsibly. Here, you see the subtle color scheme of the website that I had mentioned above, as well as the minimalist approach I had also previously described. Link: https://www.workresponsibly.org/

Regarding Work Responsibly itself, this website is a compilation of mental resources, organized by what each person is specifically struggling in, in order to live the most productive and healthy work/life-style.

A collection of resources for sleep deprivation. The placing of the articles in an unconventional grid format is intriguing and allows the eye to be drawn to other resources more than others, which seems purposeful. Link: https://www.workresponsibly.org/sleep

One of my favorite parts of this website are the sliding effects that take place as I navigate the website. This is such a smooth transition that nothing takes me aback as new information glides across the screen in a manner that allows me not to feel stressed at all, even as a great deal of material is being presented to me.

As I mentioned before, this website was created by one person in the start of 2019 (however, Nesetril did mention his willingness to expand in collaboration with other designers). Therefore, this piece of interactive design is very new, which the author acknowledges by saying that this is currently a design that is in process and is always growing.

Using WebFlow to create this website (commercial software), Nesetril’s website design has potential to grow into a reliable mental health resource for those in the workforce. Especially since mental health is a prominent issue today, this website seems to have been created at the right time for it to increase in noticeability.

Assignment 1

sketch_lim

function setup() {

}
function draw() {
  createCanvas(300, 300);
  background(200);
  ellipse(150, 150, 100, 70);
}

Assignment 1

sketch

function setup() {
    createCanvas(200, 20);
    background(220);
}

function draw() {
 createCanvas(300, 300);
 background(200);
 ellipse(150, 150, 100, 70); 
}

Test 1

sketch

Assignment 1

Lab 1 Outwards

sketch

function setup() {
    createCanvas(200, 20);
    background(220);

}

function draw() {
    createCanvas(300, 300);
    background(200);
    ellipse(150, 150, 100, 70);
}

15-104 Assignment 1

sketch-stefanie

function setup() {
    createCanvas(200, 20);
    background(220);
}

function draw() {
createCanvas(300, 300);
background(200);
ellipse(150, 150, 100, 70);
}

Test 1

Sample text

sketch

function setup() {
    createCanvas(200, 20);
    background(220);
}

function draw() {
    createCanvas(300, 300);
    background(200);
    ellipse(150, 150, 100, 70);
}

Test 01

sketch

function setup() {
    createCanvas(300, 300);
    background(220);
    
}

function draw() {
	ellipse (150, 150, 100, 100);
}