interactive website review

 "Quick, Draw!"


The website I am reviewing is "Quick, Draw!". I chose to review this website because I thought it was really fun to mess around with. The basis of this website is that you are given a prompt to draw, then as you draw it an AI tries to guess what you are drawing. One thing I am confused about is how the AI does not know what prompt you were given. I do think it is kind of funny when something looks like the prompt to me, but it cannot guess the answer correctly. Because of this, I would be interesting in the website having an area where they explain how the AI works. The interactive portion of this website is clicking and holding to draw the prompt. Overall, I think this website is really fun to play around on, but I am curious as to how it works. 

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