James's Class Blog

 https://homepages.utoledo.edu/jbecker9/     My website has been updated to actually have pages of art (yay). The new colors are meant to be less glaring than the white/gray it was previously but I am still looking at finding more distinct dark shades of blue, as the general ones in dreamweaver do not have the tones that I want. The text in the main body was placed in a white div for readability, as seen in the Faux space page and the About/Resume pages.      The p5 sketch was having issues with displaying, but this is something I will continue to look into.

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