/*
Hyejo Seo
Section A
hyejos@andrew.cmu.edu
Project - 09 - Portrait
*/
var myPicture;
function preload() {
var myImageURL = "https://i.imgur.com/1g3A3AE.jpg";
myPicture = loadImage(myImageURL);
}
function setup() {
createCanvas(myPicture.width, myPicture.height);
background(0);
// loading pixels
myPicture.loadPixels();
// setting the rate letter
frameRate(200);
}
function draw() {
var px = random(width);
var py = random(height);
var xx = constrain(floor(px), 0, width);
var xy = constrain(floor(py), 0, height);
// getting color of each pixel
var theColorAtXY = myPicture.get(xx, xy);
noStroke();
fill(theColorAtXY);
// writing the letter R in each pixel randomly
textSize(20);
textFont('Avenir');
text("R", px, py);
}
For this project, I decided to use a picture of my bestfriend, Raphael. I set the frame rate fairly high so the letter “R” fills up fast enough. This was an interesting project overall, and I got more comfortable with playing around with pixels.
For this blog post, I decided to look at Angela Lee’s Looking Outwards 05. Angela discussed about Hayden Zezula’s work, which consist of 3D animations. I agree with Angela’s description of Hayden’s works. She talks about how he limits the number of colors he uses and his lack of details in the warped humanoid forms yet they are recognizable.
Hayden’s work, “Ghost in Shell” that is based on famous manga, also caught my eyes first. The way Hayden used contrast in this particular project is really interesting and strong on the visuals. Another visual element he often uses is lighting. In his animation for Leon’s Walls tour, his use of lighting for the tree is beautiful. Overall, I am glad that I got to find out about this artist, thank you to Angela.
I decided to use a picture of my brother who I miss so much. I played around with a lot of shapes and sizes and I decided to use a water drop shape because my brother loves rain.
halfway done rendering
final stage in rendering
original image of my brother
/*
Min Ji Kim Kim
Section A
mkimkim@andrew.cmu.edu
Project-09
*/
var originalImage;
function preload() {
var myImageURL = "https://i.imgur.com/hKHw7ls.jpg";
originalImage = loadImage(myImageURL); //load image
}
function setup() {
createCanvas(384, 480);
background(0);
originalImage.loadPixels();
frameRate(1000); //make waterdrops appear faster
}
function draw() {
var px = random(width); //x coordinate
var py = random(height); //y coordinate
var ix = constrain(floor(px), 0, width-1);
var iy = constrain(floor(py), 0, height-1);
var locationColor = originalImage.get(ix, iy); //get pixel color
//make waterdrop shape
var rectSize = random(3,10); //change waterdrop size
noStroke();
fill(locationColor);
rect(px, py, rectSize, rectSize, 0, 5, 5, 5);
}
It is important to appreciate the beautiful sound of nature. Meanwhile, it is intriguing to manipulate such sounds through scientific methods. Browsing through my friends’ posts, I find my friend Mike Jin’s post 04 about the Chijikinkutsu really interesting.
Chijikinkutsu represents the art of arranging a series of equipments that take advantage of magnatism to collide and drift to make sounds. Originating from the traditional sound ornamentations for Japanese gardens, this sound equipment uses floating needles in the glasses of water which can be magnetized through electricity. Driven by the magnetic force, the needles will hit the glasses and make delicate sounds. By controling the spatial arrangement of such glass tumblers and the electric current size of each coil attached to the them, people will be able to enjoy the different pitches and magnitudes of the sounds by the needles. A beautiful, yet to some extent intentionless composition of sounds are generated. Like my friend Mike mentioned, such an arrangement is not only a sound art but also a beautiful visual appreciation decorated by the plain, glass tumblers arranging from the near to far on the ground. Meanwhile, Mike mentioned it would be more interesting to carry out such sound equipment around the globe because of the variance across the magnetic field in different countries. However, I have some doubts about that because the magnetic fields are actually initiated temporarily by the small coils attached on the glass tumblers. Maybe it won’t have to have too much relationship with the real geomagnetic field. On the other hand, it would be definitely fun to utilize different materials other than the glass and needles around the globe to make such sound art, and that would be fantastic for different cultures to communicate and create diverse range of sound art compositions.
This project is my approach to create an impressionist paintings while giving the drawing some “old-looking” effect by adding the dirt points according to the lightness of each pixel in the original image. Random lines are drawn with the same pixel color to imply a sense of brush or pencil stroking. The larger rectangles are the protagonists in the drawing to fulfill the portrait by occupying relatively large pixel areas.
Self Portrait Original Photo
Stage 0-a scattering layout of brush strokes
stage 1-the final progression by applying the brush strokes with the dirt points
//Steven Fei
//Project 09
//Section - A
//zfei@andrew.cmu.edu
var underlyingImage;
function preload() {
// preload the photo
var myImageURL = "https://i.imgur.com/GI56Ww2.jpg";
underlyingImage = loadImage(myImageURL);
}
function setup() {
// setting up the canvas according to the dimensions of the photo
createCanvas(600, 450);
background("pink");
underlyingImage.loadPixels();
frameRate(400);
}
function draw() {
var px = random(width); // random points to have strokes
var py = random(height); // random points to have strokes
var count = int(px) % 2; // decide the conditionals when to apply the two drawing schedules
var colorAt = underlyingImage.get(px, py); // retrieve the pixel of the photo
var brightnessAt = brightness(colorAt); // retrieve the brightness of the point
var light = lightness(colorAt); // retrieve the lightness of the point
var cR = map(brightnessAt, 0, 255, 4, 12); // maping the corresponding radius and size of the circles and rectangles
var angle = random(0, PI); // give a random stroke angle
noStroke();
//conditionals to draw some grey scale dirt points when count is 0
if(count == 0){
push();
fill(light, px % width * 0.07);
translate(px,py);
circle(0,0,cR * 0.8);
pop();
}
//conditionals to draw the rectangular strokes to re-portray the original photo
if(count == 1){
push();
fill(colorAt, px % width * 0.5);
rectMode(RADIUS);
translate(px, py);
rotate(angle);
rect(0,0,cR,cR);
pop();
//draw a random trace to represent the brush stroke
stroke(colorAt, px % width * 0.2);
strokeWeight(2);
line(px + random(10), py + random(10), px + random(10), py + random(10));
}
}
For this week’s Looking Outward post, I chose to review Claire Yoon’s Looking Outwards 05. The 3D computer graphic piece that she reviewed was CG/FX artist Jan Reeh’s Creative miniworld created in 2012 through 3Ds Max and rendered in Vray. Similarly to Claire, I was drawn to this piece because of how the word “creative” is expressed very literally and how the artist weaves a story into this 3D piece.
Closeup of the letter C in Creative miniworld
The other part that really caught my eye was the level of extreme detail and texture Reeh created, such as the grass or the bricks on the letter A. Furthermore, the effective use of sound, such as the explosion and the car engine, combined with the use of color and texture create a synergy that really breathes life into this piece. Claire also mentioned how the canvas fills left to right mimicking how we read words left to right which I thought was spot on analysis on her part and ingenious of Reeh to do.
Week 38 of the Data Visualization by Giorgia Lupi and Stefanie Posavec
Giorgia and Stefanie who share similar professional backgrounds – information designers – met at Eyeo festival in 2014. After spending time with each other, they decided to collaborate for the next Eyeo festival. Then, their collaborative project, Dear Data, was created. Giorgia is from Italy, but lives in New York City working at a company she co-founded, Accurat. Stefanie is from Denver, but moved to London. For their project, they wanted to use data as a way of communicating with each other and learn more about each other from different continents.
Each week, they had different topics such as how many times one has checked the time, how many times they have thanked someone, and keeping track of how many times they swore as seen above, but it was up to each of them to decide how and what kind of data to collect and the way of they would visualize the data. To add a personal touch on their data visualization – which is something they both value and care about as information designers – they decided to share their data through sending each other postcards. On the front side of a postcard, they would have their visualizations and explanations on the back side. By the time they gave the presentation at Eyeo 2015, they were on Week 40 of sending each other postcards.
This project was particularly interesting to me because, as people who could never meet each other, they found an unconventional way to get to know each other more, which was through sharing personal data. As information designers, they both value the personal and interactive ways of presenting data to people. This project taught me the power of making data visualizations more personal and interactive so that more people get engaged, which will be critical if you are delivering information to spread public awareness on an issue.
Refik Anadol is an artist who was born in Istanbul in 1985. He studied photography in college and also received two MFAs, one of which in Design and Media Arts (DMA) at UCLA. Right now, he is a guest researcher at UCLA’s DMA department, and so works based out of Los Angelos. He describes himself as a media artist and spatial thinker, and often his pieces are embedded within and relate to architecture. As articulated beautifully on his website, “He invites the viewers to visualize alternative realities by presenting them the possibility of re-defining the functionalities of both interior and exterior architectural formations. Anadol’s work suggests that all spaces and facades have potentials to be utilized as the media artists’ canvases.” Many of his works are housed in public environments and integrate abstract data visualization.
there were some lovely quotes mentioned in the lecture…
archive dreaming project…
Anadol seems very interested in the imagination, as well as visualizing what is usually invisible and the creative possibilities between digital, conceptual structures and the physical world. I admire the way he talks about his work, always sharing his diverse sources of information. I admire how much possibility technology has, and how he uses digital media to its strengths/ processing incredibly large, complicated amounts of data. I love how he talks about information and life, relating the two of them as conceptual structures that organize physical and immaterial data. I really love his project, Archive Dreaming, which takes information from a library data base, and allows a person to walk through every piece of data in a macro structure, and notice the patterns in how the neural network organized this incredible mass of data. Technology is embraced as a tool that can allow for new ways to engage with history; I find this incredibly beautiful.
The way that he has documented his projects is also incredible – there is always a nondescript person in the documentation to give a size reference, he often will use quotes to describe the theoretical underpinnings of his work, and he also has many videos revealing the dynamic motion of his pieces. I definitely have so much to learn from his clean documentation, as well as how clear he is with his process.
Mike Tucker is an interaction designer who works in the realm of virtual spaces and generative design and mixed reality. He has worked for BBC’s visual effect department and is currently working at Magic Leap, creating future of spatial computing.
His work in collaboration with Sigur Ros, a musician makes me wonder the capability of generative design. The images that are provided for the audience as explanation inspires me to take a step into it. Especially, a quote said by the musician blew my mind, “What if you can have a whole world as your album jacket.” I am curious what the next step would be, and how much in sync different sensory inputs will become as the time passes.
He displays his work in two different backgrounds: in the context of actual usage/installation, and by itself as in the black/white background. This strategy allows the audience be able to take a step back as well as forth, by providing macro and micro perspective about his work.
http://mike-tucker.com/15/
http://mike-tucker.com/15/Tonandi-Loop.mov
I am amazed thinking about how much knowledge about this field and other adjacent ones Mike would have. Regarding space, perspective and music. I want to be a designer where I have a broad understand of the world around me and be able to manipulate my knowledge to create a new reality.
Ben Fry is a data visualization expert and principal of Fathom Information Design, a design and software consultancy in Boston. He received his PhD in Computational Information Design from the Aesthetics and Computation Group at the MIT Media Lab. He also co-developed Processing, which he has received awards for.
Fry’s work focuses on data visualization as a means to help audiences understand and digest dense amounts of information. I really admire Fry’s portfolio because his visualizations are not only aesthetically pleasing, but also manipulate complex information to be easily digestible.
I was particularly interested in No Ceilings: The Full Participation Project. It visualizes over 850,000 data points from the last twenty years on gains women and girls have made around the world in terms of health, education, economic participation and social inclusion. As a woman myself, visually seeing what kinds of progress we have made in different sectors really inspired me.
Video overview of No Ceilings: The Full Participation Project.
Fry not only effectively visualizes data but also effectively discusses it as well. He thoroughly explains the background to his work as well as the actual work itself by going through it with the audience, giving them that comprehensive understanding that I want my work to have too.
![[OLD FALL 2019] 15-104 • Introduction to Computing for Creative Practice](../../../../wp-content/uploads/2020/08/stop-banner.png)
