James's Class Blog

The hierarchy of text can be determined several ways. One of the most common methods is through text size; other options include the weight of the text, the use of color, the position and alignment of the text, and the case of the text are all used to create a form of contrast. The most important part of a piece of text, such as a title, is usually positioned to be the most visible, with all of the other text below it being an elaboration of the title. 

https://homepages.utoledo.edu/jbecker9/galleryEX/Sketch_1.html https://homepages.utoledo.edu/jbecker9/galleryEX/Horizontal_Scroll.html https://homepages.utoledo.edu/jbecker9/galleryEX/Grouping_Layout.html

 (500 words. discuss/review an interactive project.) http://reas.com/      The specific works that I am looking at are part of an untitled series within the Compressed Cinema by Casey Reas, titled "No. Nothing", "Kiss me.", "I withdraw.", "Two dead!", and "Not now. No, no." all of the pieces are short videos, with constantly changing images and audio in the background of each one. The audio was created by Jan St. Werner. Each of these videos is accompanied by several still images of various frames that are played in the warped footage from each of these videos. It should be noted that the digital format presented on the website is stated to not be the ideal presentation of these works, as they are intended to be seen in individual, sound-isolated rooms. "No. Nothing."      Wordswordswords      "Kiss me."     Wordswordswords "I withdraw."        Wordswordswords "Two dead!"     Wordswordswords ...

 https://homepages.utoledo.edu/jbecker9/p3/

  let x = 280; let y = -100; let diam = 10; let direction = 0.5; let a = 0; let centX, centY; function setup() {   createCanvas(1280, 720); } function draw() {   background(220);   frameRate(24);   fill(100);   for (let y = 0; y <= height; y += 40) {     for (let x = 0; x <= width; x += 40) {       fill(255, 140, 15);       ellipse(x, y, 40, 40);     }   }   fill(100);   quad(0, 720, 200, 600, 1000, 600, 1280, 720);   fill(190);   quad(0, 720, 200, 600, 200, 0, 0, 0);   quad(1000, 600, 1280, 720, 1280, 0, 1000, 0);   triangle(700, 650, 500, 350, 400, 650);   fill(120);   triangle(500, 350, 700, 650, 800, 620);   fill(160);   triangle(500, 350, 600, 100, 700, 530);   fill(240);   triangle(500, 350, 600, 100, 300, 300);   fill(220);   triangle(500, 350, 400, 650, 300, 300);   if (diam >= 100 || diam <= 0) {   ...

 let x=280; let y=-100; let diameter=380 function setup() {   createCanvas(1280, 720);   background(220);   fill(100);   for(let y=0; y<=height; y+=40)   {     for(let x=0;x<=width; x+=40)     {       fill(255,140, 15)       ellipse(x,y,40,40)     }   }   fill(100)  quad(0,720, 200,600, 1000,600, 1280,720 )   fill(190)   quad(0,720, 200,600, 200,0, 0,0)      quad(1000,600, 1280,720, 1280,0, 1000,0)      triangle(700,650, 500,350, 400,650)   fill(120)   triangle(500,350, 700,650, 800,600)   fill(160)   triangle(500,350, 600,100, 700,517)    } function draw() {    }

 This documentary was really interesting and provided some good examples of how processing works. The idea that an idea or sketch could easily become something was interesting. The documentary itself runs through several examples of processing and generative art, which can produce organic looking results. Whether this is drawn lamp models or Feltron's annual reports on his activities, processing provides the ability to generate feedback about a sketch quickly which allows for projects to be adjusted at a more rapid pace. This can allow people to view the input data in a way that they were unable to previously, visualizing certain concepts that would otherwise seem meaningless.