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) {     direction *= -1;   }   centX = mouseX;   centY = mouseY;   fill(255, 0);   fill(0, 0, 170);   ellipse(centX, centY, diam, diam);   diam += 10 * direction; }

 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() {    }