Color Works

Author: codingJWilliams

assets/color.js

@@ -1,8 +1,11 @@
 function color(imgSrc){
   var img = document.createElement('img');
   img.src = imgSrc;
+  img.width = 1000;
+  img.height = 1000;
+  console.log(img)
   var rgb = getAverageRGB(img);
-  return rgb
+  return "rgb(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ")"
 }
 
 function getAverageRGB(imgEl) {
@@ -29,6 +32,7 @@ function getAverageRGB(imgEl) {
       data = context.getImageData(0, 0, width, height);
   } catch(e) {
       /* security error, img on diff domain */alert('x');
+      console.log(e)
       return defaultRGB;
   }
 

html/game.html

@@ -71,6 +71,7 @@ <h1 class="win2" style="display: none">
     function initPic(pic, word) {
       $("html").css("background-image", pic);
       $(".words").text(word);
+      $(".words").css("color", color(pic.replace("url('", "").replace("')", "")))
       current.pic = pic;
       current.word = word;
     }