## Project 9: Computational portrait

``````// Yash Mittal
// Section D

}

function setup () {
createCanvas (310, 480);
frameRate (100000000000000);
background (0);
Pimg.resize (310, 480);
}

function draw () {

var a = random (width);
var b = random (height);
var pixela = constrain (floor (a), 0, width - 1);
var pixelb = constrain (floor (b), 0, height - 1);
var sw = random (0, 0.5); // randomising stroke weight
var pixelColorLocationXY = Pimg.get (pixela, pixelb);

strokeWeight (sw); // randomised stroke weight
fill (pixelColorLocationXY);

beginShape (); // making a new hexagonal shape
vertex (a, b);
vertex (a + 4, b);
vertex (a + 7, b + 4);
vertex (a + 5, b + 8);
vertex (a, b + 8);
vertex (a - 2, b + 4);
endShape (CLOSE);

}

``````

For this project, I wanted to develop a somewhat abstract self portrait that is made of hexagonal shapes that appear on screen in a linear fashion.

## LO: A focus on women and non-binary practitioners in computational art

For this week’s blog post, I chose to analyze Ayah Bdeir’s work. Ayah Bdeir is the creator of LittleBits, a software that consist of small circuit boards with specific functions that the user can interact with and learn about these elements without any programming experience.

I really admire Bdier because her work has centered around empowering everyone to be an inventor, she’d had a particular focus on empowering underrepresented communities with the tools to become tomorrow’s change makers. Bdier is a graduate of MIT and has raised over \$70 million for LittleBits from prominent investors in Silicon Valley and New York. Today, more than 20 million LittleBits are in the hands of kids around the world and are being used to learn about fundamental elements of technology.

Link to her website – http://ayahbdeir.com/

## Project 9: Computational Portrait

``````//John Henley; jhenley; 15-104 section D

var img;
var smallPoint;
var largePoint;

}

function setup() {
createCanvas(331, 442);
img.resize(img.width/3, img.height/3); //reduce size of image
print(img.width);
print(img.height);
smallPoint = 4;
largePoint = 40;
imageMode(CENTER);
noStroke();
background(255);
}

function draw() {
//Maps mouseX to point size range to pixels
var pointillize = map(mouseX, 0, width, smallPoint, largePoint);
//Calculates random pixel generation locations
var x = floor(random(img.width));
var y = floor(random(img.height));
var pix = img.get(x, y);
//Maps mouseY for to framerate range
var yframes = map(mouseY, 0, height, 1, 200);
fill(pix, 128);
//Draws square pixels
square(x, y, pointillize);
//Changes frame rate
frameRate(yframes);
}``````

I wanted the interaction on my portrait to be the speed at which the computer builds the portrait. I made this performed using the mouseY value: the user can move the mouse along the y-axis to change the frame rate. I also made it so the mouseX value determines the size of the square pixels used to build the picture.

## LO9: A Focus on Women and Non-binary Practitioners in Computational Art

I researched the designer of physical computational devices kate Hartman.
Specifically, I was interested in her project “Botanicalls.” Created in
2006, the name implies the purpose of the device: a combination of
“botanicals” and “calls,” as in phone calls. The device Hartman developed
featured sensors that detected states of the house plant: moisture levels,
leaf droopness, leaf colors, etc. and translate them to a more human-
understandable language. Using custom-developed software, the device
emails and calls human users to notify the caretaker of the plant of these
statuses and translates them to what the plant needs: ex. more light,
more water, etc. I think this project is really cool as it bridges the
gap between the human and natural worlds. It’s especially beneficial for
people unfamiliar with caring for plants, as it guides them through the
process and deepens the connection and understanding of the plant world.
Kate Hartman is based in Toronto and works at OCAD University as a professor
of wearable and mobile technology. She studies wearable technology and
is passionate about making human interactions with the natural world more
connective and integrative through her products.

Hi!

## LO-9

Hello! For this weeks looking outwards I decided to explore Olia Lialina’s online art gallery. Olia is an internet artist and experimental film producer. She was born in Moscow and studied film criticism and journalism in Moscow State University, then got an art residencey in Budapest and Munich. Olia’s online gallery linked below is a massive website that displays her art in different spots on the page. With a galaxy background, navigating through the website shifts you around the page to different pieces and categories. I really like this piece because it navigating through it really does feel like walking through a well-curated gallery. I think this is an awesome example of what art galleries can look like in the finite in order to reach more people through the internet.

Center of the Universe

## Portrait

The first thing that came to mind when thinking of portrait is Warhol’s Mao. I radially sampled a portrait of Mao and mapped the sum of each sampled pixel’s red and blue values from 0 to 5, and used that as the size of each dot to make a pop-art-esk halftone effect. I attached a photo because the actual output is too big. Enjoy!!

sketch

``````var img;
var step = 5;
var rmax = 6;
var xpos = [];
var ypos = [];

}

function setup() {
createCanvas(2*530, 2*670);
image(img, 0, 0, width/2, height/2);
}

function draw() {
rectMode(CENTER);
noStroke();
var xposNum;
var yposNum;
for (var r = 0; r < img.width; r+=step) {
for (var theta = 0; theta < img.height; theta+=step) {
var c = get(xposNum,yposNum);
fill(c);
xpos.push(xposNum);
ypos.push(yposNum);

c = red(c)+blue(c);
c = map(c, 0, 510, 0, rmax);
if (xposNum > img.width || yposNum > img.height || xposNum < 0 || yposNum < 0) {
c = rmax;
}
}
}

background(255);

push();
for (var i = 0; i < xpos.length; i++) {
fill('RED');
}
translate(width/2, 0);
for (var i = 0; i < xpos.length; i++) {
fill('GREEN');
}
pop();
push();
translate(0, height/2);
for (var i = 0; i < xpos.length; i++) {
fill('BLUE');
}
pop();
push();
translate(width/2, height/2);
for (var i = 0; i < xpos.length; i++) {
fill('MAGENTA');
}

noLoop();
}
``````

## Project 9: Computational Portrait

``````var img;
var diameter;

}

function setup() {
createCanvas(320, 480);
image(img, 0, 0, 320, 480);
background(110);
}

function draw() {
noStroke();
x = random(2000);
y = random(2992);
c = img.get(x, y);
fill(c);
if (x < 1500 & x > 300 && y < 2000 && y > 550) {
diameter = 10;
} else {
diameter = 20;
}
circle((x * 0.16), (y * .16), diameter);
}``````

## LO 9: A Focus on Women and Non-binary Practitioners in Computational Art

Wendy Carlos is a pioneer of electronic music, particularly with her work from the late 1960s into the early 1980s. She studied physics and music at Brown University as well as Columbia University. Her work in developing new instruments led to the creation of the Moog synthesizer, which changed the way music was played and recorded dramatically. Her work is most prominently displayed in her album Switched on Bach as well as the scores for several movies: A Clockwork Orange, The Shining, and Tron. All of these pieces explored the emotional effects that the new timbre of computer music opened up. She also is a particularly important figure to study with the place of gender in technological fields. Although she privately began transitioning in 1966, she wasn’t able to publicly appear as a woman until 1972, after the commercial success of Switched on Bach.

## LO: A Focus on Women and Non-binary Practitioners in Computational Art

For this assignment, I was excited to see a creator I was familiar with on the list: Angela Washko. Angela Washko is currently a visiting assistant professor of art here at CMU, but normally she’s based in NYC. Washko has received two degrees: a Bachelor of Fine Arts from Temple University and a Masters of Fine Arts from UC San Diego. Her work focuses on feminist perspectives, especially in media and video games. The project I’m particularly interested in is her All The Places You’ll Go (Women As Place). This is an “interactive hypertext point-and-click narrative adventure game” where the player explores different geographic locations by clicking. However, the geographic locations are described as women, derived from postcards of each place, described as  “sights” to see. I am personally very interested in feminist topics, so this video game is one that I admire quite a bit. It’s witty, charming, and has a distinctly vintage feel, yet still feels very contemporary. It’s also a slightly unnerving experience where the women in these postcards gradually become more and more objectified, more part of the place, less like people at all the more you play. The entire thing feels very well done.
Angela Washko, All The Places You’ll Go (Women As Place), 2016, https://angelawashko.com/artwork/3907233-All-The-Places-You-ll-Go-Women-As-Place.html

## Project 09 Portrait

``````//Tim Nelson-Pyne
//tnelsonp@andrew.cmu.edu
//section C
//Assignment-09-Project

var img;
var x = [];
var y = [];

}

function setup() {
createCanvas(480, 480);
img.resize(width, height);
background(255);

}

function draw() {
//ellipse width
var w = 1;
//change in ellipse width
var dw = .8;

for(var row = 0; row < width; row += 5) {
for (var col = 0; col < height; col +=5) {
//gets the color of the current pixel location
var pix = img.get(col, row);
//generates an inverse color reading of the image
var invR = 255 - pix[0];
var invG = 255 - pix[1];
var invB = 255 - pix[2];
noStroke();
fill(invR, invG, invB);
//draws the inverse image in background
rect(col, row, 5, 5)
fill(pix);
//changes the width of ellipses
w += dw;
if (w > 6 || w < 1) {
dw = - dw;
}

ellipse(col, row, w, 6);
}
}

noLoop();
}
``````