Anna – [OLD FALL 2017] 15-104 • Introduction to Computing for Creative Practice https://courses.ideate.cmu.edu/15-104/f2017 Professor Roger B. Dannenberg • Fall 2017 • Introduction to Computing for Creative Practice Sat, 12 Sep 2020 00:19:01 +0000 en-US hourly 1 https://wordpress.org/?v=4.8.24 aranders-project-07 https://courses.ideate.cmu.edu/15-104/f2017/2017/10/10/aranders-project-07/ https://courses.ideate.cmu.edu/15-104/f2017/2017/10/10/aranders-project-07/#respond Wed, 11 Oct 2017 02:21:49 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=17917 Continue reading "aranders-project-07"]]>

aranders-project-07

//Anna Anderson
//Section D
//aranders@andrew.cmu.edu
//project-07

var nPoints = 100;

function setup() {
  createCanvas(400, 400);
  frameRate(10);
}

function draw() {
  background(250, 250, 200);
  textSize(25);
  text("GOOD", width / 2 - 38, 40);
  text("LUCK", width / 2 - 33, 380);
  push();
  noStroke();
  translate(width / 2, height / 2);
  drawquadrifolium();
  pop();
}

function drawquadrifolium() {
  var x;
  var y;
  var r;
  var a = constrain(mouseX, 5, 230);

  fill(0, 153, 51);
  beginShape();
  for (var i = 0; i < nPoints; i++) {
    var t = map(i, 0, nPoints, 0, TWO_PI);
    r = a * sin(2 * t);
    x = r * cos(t);
    y = r * sin(t);
    vertex(x, y);
  }
  endShape(CLOSE);
}

I made this shape called a quadrifolium. I found it on the website which was given to us to look at curves. I knew what I wanted to do right when I saw it. It took me a while to get the hang of the different variables within the equation, but I ended up liking the project. The image is inspired by a four leaf clover for good luck. I could use some of that for the rest of this semester. Actually, for the rest of my life.

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/10/10/aranders-project-07/feed/ 0
aranders-lookingoutwards-07 https://courses.ideate.cmu.edu/15-104/f2017/2017/10/08/aranders-lookingoutwards-07/ https://courses.ideate.cmu.edu/15-104/f2017/2017/10/08/aranders-lookingoutwards-07/#respond Sun, 08 Oct 2017 15:30:37 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=17728 Continue reading "aranders-lookingoutwards-07"]]>

The 2013 project Stadtbilder by Moritz Stefaner is a representation of where cities are most bustling with activity. It is a nontraditional map that allows viewers to see various aspects of a city, such as food, nightlife, shopping, and music. I admire the innovative way that Stefaner viewed cities. It is a project that allows people to see where the fun activities of a city are and then find them with the street map overlay. The refined visual representation also adds to the appeal of the project. The algorithms that Stefaner used must have accounted for the geography of the cities, while creating the shapes and colors for the map. The project truly embodies the artist’s website name of “Truth & Beauty.” The project gives viewers information in a visually pleasing manner. link

link 2

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/10/08/aranders-lookingoutwards-07/feed/ 0
aranders-project-06 https://courses.ideate.cmu.edu/15-104/f2017/2017/10/03/aranders-project-06/ https://courses.ideate.cmu.edu/15-104/f2017/2017/10/03/aranders-project-06/#respond Tue, 03 Oct 2017 23:25:28 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=16637 Continue reading "aranders-project-06"]]>

aranders-project-06

function setup() {
  createCanvas(400, 250);
}

function draw() {
  background(255, 225, 225);

  //strawberry jam jar
  push();
  fill(255, 26, 26);
  ellipse(70, 170, 100, 30);
  pop();
  line(20, 40, 20, 170);
  line(120, 40, 120, 170);
  push();
  noStroke();
  fill(255);
  ellipse(70, 40, 100, 30);
  fill(255, 26, 26);
  ellipse(70, 40, 30, 10);
  pop();

  //raspberry jam jar
  push();
  fill(102, 0, 34);
  ellipse(200, 170, 100, 30);
  pop();
  line(150, 40, 150, 170);
  line(250, 40, 250, 170);
  push();
  noStroke();
  fill(255);
  ellipse(200, 40, 100, 30);
  fill(102, 0, 34);
  ellipse(200, 40, 30, 10);
  pop();

  //apricot jam jar
  push();
  fill(240, 90, 26);
  ellipse(330, 170, 100, 30);
  pop();
  line(280, 40, 280, 170);
  line(380, 40, 380, 170);
  push();
  noStroke();
  fill(255);
  ellipse(330, 40, 100, 30);
  fill(240, 90, 26);
  ellipse(330, 40, 30, 10);
  pop();

  //time
  var h = hour();
  var m = minute();
  var s = second();

  //height of jam based on time
  var maph = map(h, 0, 23, 0, height / 2.25);
  var mapm = map(m, 0, 59, 0, height / 2.25);
  var maps = map(s, 0, 59, 0, height / 2.25);

  push();
  noStroke();

  //strawberry jam
  fill(255, 26, 26);
  rect(20, 170, 100, - maps)

  //raspberry jam
  fill(102, 0, 34);
  rect(150, 170, 100, - mapm)

  //apricot jam
  fill(240, 90, 26);
  rect(280, 170, 100, - maph)

  pop();

  textSize(18);
  text("strawberry", 25, 225);
  text("raspberry", 160, 225);
  text("apricot", 300, 225);

}

I chose to use different jams as a representation of time. Strawberry jam sells more than the other two which is why I made it seconds. Raspberry sells faster than apricot which is why I made it minutes.

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/10/03/aranders-project-06/feed/ 0
aranders-lookingoutwards-06 https://courses.ideate.cmu.edu/15-104/f2017/2017/10/02/aranders-lookingoutwards-06/ https://courses.ideate.cmu.edu/15-104/f2017/2017/10/02/aranders-lookingoutwards-06/#respond Tue, 03 Oct 2017 02:04:20 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=16569 Continue reading "aranders-lookingoutwards-06"]]>

The Shapes Project by Allan McCollum made in 2005-2006 is a project in which McCollum generates millions of unique shapes in order to mimic the breadth of the population when it hits its peak during the middle of the current century around 2050. McCollum created enough images so that every person on earth could have one. I admire this project because of the consideration it gives to every human in existence and the fact that none of the shapes are replications of each other. It is a thoughtful and interesting project. The random shapes are made using the system that he created and does not specify on. The prints can be made from different materials using Adobe Illustrator “vector” files.  The artist’s sensibilities are seen in the work from the magnitude and profundity of the project.

link

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/10/02/aranders-lookingoutwards-06/feed/ 0
aranders-project-05 https://courses.ideate.cmu.edu/15-104/f2017/2017/09/25/aranders-project-05/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/25/aranders-project-05/#respond Mon, 25 Sep 2017 05:05:56 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=15188 Continue reading "aranders-project-05"]]>

aranders-project-05

function setup() {
  createCanvas(480, 450);
  background(255, 255, 150);
  noLoop();
}

function draw () {
  animals(0, 0);
  animals(0, 150);
  animals(0, 300);
  animals(240, 0);
  animals(240, 150);
  animals(240, 300);
}

function animals(x, y) {

  push();
  translate(x, y);
  //panda
  fill(0);
  ellipse(10, 60, 12, 12);
  fill(0);
  ellipse(50, 60, 12, 12);
  fill(255);
  ellipse(30, 75, 47, 47);
  fill(0);
  ellipse(20, 75, 16, 12);
  fill(0);
  ellipse(40, 75, 16, 12);
  fill(0);
  triangle(25, 85, 30, 90, 35, 85);
  fill(255);
  ellipse(20, 75, 10, 10);
  fill(255);
  ellipse(40, 75, 10, 10);
  fill(0);
  ellipse(20, 75, 6, 6);
  fill(0);
  ellipse(40, 75, 6, 6);
  fill(255);
  ellipse(22, 75, 3, 3);
  fill(255);
  ellipse(42, 75, 3, 3);
  line(27, 93, 30, 90);
  line(33, 93, 30, 90);

  //bunny
  fill(209, 209, 224);
  ellipse(75, 60, 10, 40);
  fill(209, 209, 224);
  ellipse(105, 60, 10, 40);
  fill(209, 209, 224);
  ellipse(90, 75, 47, 47);
  fill(0);
  ellipse(80, 75, 12, 12);
  fill(0);
  ellipse(100, 75, 12, 12);
  fill(255);
  ellipse(82, 78, 3, 3);
  fill(255);
  ellipse(102, 78, 3, 3);
  fill(255);
  ellipse(102, 73, 5, 5);
  fill(255);
  ellipse(82, 73, 5, 5,);
  fill(255, 179, 217);
  triangle(85, 85, 90, 90, 95, 85);
  line(90, 90, 90, 93);


  //cat
  fill(255, 255, 220);
  triangle(128, 65, 128, 45, 145, 58);
  fill(255, 255, 220)
  triangle(155, 58, 171, 45, 171, 65);
  fill(255, 255, 220);
  ellipse(150, 75, 47, 47);
  fill(0);
  ellipse(140, 75, 15, 12);
  fill(0);
  ellipse(160, 75, 15, 12);
  fill(255);
  ellipse(163, 74, 7, 7);
  fill(255);
  ellipse(143, 74, 7, 7);
  fill(255, 179, 217);
  triangle(145, 85, 150, 90, 155, 85);
  push();
  strokeWeight(.75);
  line(130, 85, 143, 86);
  line(130, 89, 143, 87);
  line(132, 92, 143, 88);
  line(157, 86, 170, 85);
  line(157, 87, 170, 89);
  line(157, 88, 168, 92);
  pop();

  //bear
  fill(179, 217, 255);
  ellipse(230, 60, 14, 20);
  fill(179, 217, 255);
  ellipse(190, 60, 14, 20);
  fill(179, 217, 255);
  ellipse(210, 75, 47, 47);
  fill(0);
  ellipse(200, 75, 11, 11);
  fill(0);
  ellipse(220, 75, 11, 11);
  fill(255);
  ellipse(198, 74, 5, 5);
  fill(255);
  ellipse(217, 74, 5, 5);
  fill(0);
  ellipse(210, 87, 7, 6);
  line(197, 64, 205, 63);
  line(215, 63, 223, 64);

  fill(255, 204, 102);
  ellipse(30, 25, 15, 15);

  fill(204, 102, 255);
  ellipse(90, 25, 15, 15);

  fill(153, 255, 187);
  ellipse(150, 25, 15, 15);

  fill(255, 77, 77);
  ellipse(210, 25, 15, 15);

  fill(255, 204, 102);
  ellipse(30, 125, 15, 15);

  fill(204, 102, 255);
  ellipse(90, 125, 15, 15);

  fill(153, 255, 187);
  ellipse(150, 125, 15, 15);

  fill(255, 77, 77);
  ellipse(210, 125, 15, 15);

  pop();

}

I was inspired by an old t-shirt I had when I was little. I think the wallpaper came out really well and I might be getting better at programming!

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/25/aranders-project-05/feed/ 0
aranders-lookingoutwards-05 https://courses.ideate.cmu.edu/15-104/f2017/2017/09/24/aranders-lookingoutwards-05/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/24/aranders-lookingoutwards-05/#respond Sun, 24 Sep 2017 18:05:13 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=15164 Continue reading "aranders-lookingoutwards-05"]]>

Dream House, a project made in 2015 by Sara Ludy, is a 3D depiction of a space that the artist dreamt about. It was inspired by this lucid dream in which she felt that she awoke in some strange place. She was able to remember many of the details about the space and created it in digital form. I admire the artist’s work because it involves using space as vessels for the spiritual and psychological. Ludy is able to create the forms she wants without having to involve physical space. Ludy creates these in algorithms and is then able to put them into google where she can find similar images. She then edits and combines the pieces together. Ludy’s artistic sensibilities that are inclined toward experimenting with architecture are seen in her Dream House.

link

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/24/aranders-lookingoutwards-05/feed/ 0
aranders-project-04 https://courses.ideate.cmu.edu/15-104/f2017/2017/09/22/aranders-project-04/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/22/aranders-project-04/#respond Fri, 22 Sep 2017 04:35:30 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=14404 Continue reading "aranders-project-04"]]>

aranders-project-04

//Anna Anderson
//Section D
//aranders@andrew.cmu.edu
//project-04

function setup() {
  createCanvas(400, 300);
}

function draw() {
  background(0, 0, 180);

  var xpoint;
  var ypoint;

//daisy petals

  strokeWeight(1);
  stroke(255);


//top petal
  for (var xpoint = 175; xpoint < 225; xpoint += 3) {
      line(200, 20, xpoint, 150);
  }

//top left petal
  for (var xpoint = 165; xpoint < 230; xpoint += 3.5) {
      line(100, 55, xpoint, 150);
  }

//left petal
  for (var ypoint = 125; ypoint < 175; ypoint += 3) {
      line(55, 150, xpoint - 10, ypoint);
  }

//bottom left petal
  for (var xpoint = 175; xpoint < 230; xpoint += 3.5) {
      line(100, 245, xpoint, 150);
  }

//bottom petal
  for (var xpoint = 175; xpoint < 225; xpoint += 3) {
      line(200, 280, xpoint, 150);
  }

//bottom right petal
  for (var xpoint = 175; xpoint < 230; xpoint += 3.5) {
      line(300, 245, xpoint, 150);
  }

//right petal
  for (var ypoint = 125; ypoint < 170; ypoint += 3) {
      line(340, 150, xpoint - 25, ypoint);
  }

//top right petal
  for (var xpoint = 170; xpoint < 230; xpoint += 3.5) {
      line(295, 55, xpoint, 150);
  }

//daisy center
  noStroke();
  fill(255, 255, 77);
  ellipse(200, 150, 70, 70);

}

I like how my daisy project turned out. The string idea really confused me, but eventually I got the hang of it.

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/22/aranders-project-04/feed/ 0
aranders-lookingoutwards-04 https://courses.ideate.cmu.edu/15-104/f2017/2017/09/18/aranders-lookingoutwards-04/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/18/aranders-lookingoutwards-04/#respond Mon, 18 Sep 2017 18:50:44 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=14111 Continue reading "aranders-lookingoutwards-04"]]>

Sonic Pendulum is a soundscape created by Yuri Suzuki Design Studio and QOSMO in 2017. The artificial intelligence part of Sound Pendulum utilizes the atmosphere around it to create sounds of harmony. These sounds are created using speakers and pendulums. The pendulums allow the doppler effect to help dictate the music. Every sound it creates is a response to what is around it, so the harmonies never repeat and continuously alter. I admire this project because of its interactive element and its mellifluous element. The environment can easily soothe a stressed person (I wish I could benefit from its atmosphere at this moment). A deep learning algorithm was used in this project that was trained with compositions and could be changed given the people and noises around it. The project embodies the artist’s ideas of order coming from chaos.

link

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/18/aranders-lookingoutwards-04/feed/ 0
aranders-project-03 https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/aranders-project-03/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/aranders-project-03/#respond Wed, 13 Sep 2017 23:05:27 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=12757 Continue reading "aranders-project-03"]]>

aranders-project-03

//Anna Anderson
//Section D
//aranders@andrew.cmu.edu
//project-03

var pbsize = 30
var pbcolor = 0
var pbposition = 275
var jellysize = 30
var jellycolor = 0
var jellyposition = 25

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(218, 145, 223)
  noStroke();

  //left bread
  fill(255);
  rect(50, 100, 200, 200);
  ellipse(50, 125, 50, 50);
  ellipse(250, 125, 50, 50);

  //right bread
  fill(255);
  rect(350, 100, 200, 200);
  ellipse(350, 125, 50, 50);
  ellipse(550, 125, 50, 50);

  //peanut butter color
  pbcolor = min(max(0, mouseX), 100);
  fill(216, 152, pbcolor);

  //peanut butter position and size
  pbsize = max(min(mouseX, 150));
  pbposition = max(min(mouseY, 375));
  rect(pbposition, 125, pbsize, pbsize);

  //jelly color
  jellycolor = min(max(0, mouseX), 100);
  fill(225, jellycolor, 225);

  //peanut butter position and size
  jellysize = max(min(mouseX, 150));
  jellyposition = max(min(mouseY, 75));
  rect(jellyposition, 125, jellysize, jellysize);

}

I really like peanut butter and jelly and thought this was a good opportunity to digitally spread the goodness. This project went relatively smoothly and was fun to create!

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/aranders-project-03/feed/ 0
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/12595/ https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/12595/#respond Wed, 13 Sep 2017 14:09:26 +0000 https://courses.ideate.cmu.edu/15-104/f2017/?p=12595

lamp

var bgColor = 0

function setup(){
createCanvas(100, 100);
}
function draw(){
background(0);
if (mousePressed){
  background(255);
}
}

]]>
https://courses.ideate.cmu.edu/15-104/f2017/2017/09/13/12595/feed/ 0