Assignment 2 critique

 After sharing my website for assignment 2, I received suggestions similar to the following; (1) making my images full screen, (2) using a style for the artwork I inserted that I have done in the past. 

My reasoning for no making my website full screen is that I wanted my website to work for very low resolution and very high resolution computers, but I do think that I should have made the div a least a little bigger. I also wanted to include the color in the background as it complimented the color pallet I was using well. 

While I agree that it would have look nice and cohesive to incorporate a style I have done before, I did not have the time to do so, as it probably would have take me at least 2 hours per drawn addition, and I already spent countless hours on the website as is. 

Comments

Post a Comment

Popular posts from this blog

Image
  VIEW  So far, I have it so her eyes blink when you click, and I also plan to have an interactive element where her wand is. I am going to add photos to the background and put a transparent color over them.  function setup() {   createCanvas(1280, 720); } function draw() {   background(160,140,220,200);      //hair   noStroke();   fill(90,43,105);   rect(526,140,227);      //head and legs   fill(230,213,195);   ellipse(640,190,175);   rect(590,550,25,40);   rect(665,550,25,40);      //face   if (mouseIsPressed){     fill(0,0);     triangle(600,180,580,180,580,200);     triangle(680,180,700,180,700,200);   } else{     fill(0);     triangle(600,180,580,180,580,200);     triangle(680,180,700,180,700,200);   }   fill(255);   circle(600,200,40);   circle(680,200,40);   fill(81,148,133);   circle(600,200,25);   circle(680,200,25);   fill(230,213,195);   circle(600,235,50);   circle(680,235,50);   if (mouseIsPressed){     fill(0);     triangle(600,220,580,220,580,200);     triangle(680,220,7
Read more

p5.js day 2!

Image
function setup() {   createCanvas(1280, 720); } function draw() {   background(167,127,245,96);   noStroke();   fill(217,162,245);   circle(640,360,500);   triangle(420,360,770,260,420,90);   triangle(860,360,510,260,860,90);   fill(128,127,245,255);   circle(520,340,50);   circle(750,340,50);   triangle(590,380,680,380,635,440);   fill(243,211,239,255);   ellipse(1050,350,150,400);   triangle(1053,500,975,600,1140,600);   ellipse(230,350,150,400);   triangle(233,500,155,600,320,600); }
Read more