👍

Author: codingJWilliams

assets/color.js

@@ -5,7 +5,10 @@ function color(imgSrc){
   img.height = 1000;
   console.log(img)
   var rgb = getAverageRGB(img);
-  return "rgb(" + rgb.r + ", " + rgb.g + ", " + rgb.b + ")"
+  return "rgb(" + Math.floor(convertRange(rgb.r, [ 0, 255 ], [ 0, 200 ] )) + ", " + Math.floor(convertRange(rgb.g, [ 0, 255 ], [ 0, 200 ] )) + ", " + Math.floor(convertRange(rgb.b, [ 0, 255 ], [ 0, 200 ] )) + ")"
+}
+function convertRange( value, r1, r2 ) {
+  return ( value - r1[ 0 ] ) * ( r2[ 1 ] - r2[ 0 ] ) / ( r1[ 1 ] - r1[ 0 ] ) + r2[ 0 ];
 }
 
 function getAverageRGB(imgEl) {

assets/legendary.png

@@ -55,22 +55,22 @@ <h1 class="win2" style="display: none">
       {
         name: "Lemon",
         pics: ["url('lemon1.jpg')", "url('lemon2.jpg')", "url('lemon3.jpg')", "url('lemon4.jpg')"],
-        key: "KeyL"
+        key: "Digit2"
       },
       {
         name: "Banana",
         pics: ["url('banana1.jpg')", "url('banana2.jpg')", "url('banana3.jpg')", "url('banana4.jpg')"],
-        key: "KeyB"
+        key: "Digit1"
       },
       {
         name: "Lime",
         pics: ["url('lime1.jpg')", "url('lime2.jpg')", "url('lime3.jpg')", "url('lime4.jpg')"],
-        key: "KeyI"
+        key: "Digit4"
       },
       {
         name: "Orange",
         pics: ["url('orange1.jpg')", "url('orange2.jpg')", "url('orange3.jpg')", "url('orange4.jpg')"],
-        key: "KeyO"
+        key: "Digit3"
       }
     ]
     var out = [];                                                               // Initialise array of names of fruits
@@ -87,17 +87,20 @@ <h1 class="win2" style="display: none">
     }
     var current = {};
     function getImageFromName(name) {
+      if (name.startsWith("url")){
+        return name
+      }
       var out = {};                                                               // Initialise array of names of fruits
       for (var i = 0; i < fruits.length; i++){                                    // Go throught fruit objects
         out[fruits[i].name] = choose(fruits[i].pics)
       }
       return out[name]
     }
     setTimeout(function(){
-      initPic(getImageFromName(choose(out)), choose(out))                                  // Set a random background and text
+      initPic(getImageFromName(choose(out)), choose(out))                        // Set a random background and text
     }, 200)
 
-    function choose(choices) {                                                  // Makes a random choice from Array, eg. [1,2,5] => 1 or 2 or 5
+    function choose(choices) {                                           // Makes a random choice from Array, eg. [1,2,5] => 1 or 2 or 5
       var index = Math.floor(Math.random() * choices.length);
       return choices[index];
     }
@@ -116,6 +119,13 @@ <h1 class="win2" style="display: none">
     function initPic(pic, word) {                                               // Function that sets the background and word
       $("html").css("background-image", pic);                                   // TODO: Random location for word?
       $(".words").text(word);
+      var rARE = Math.random;
+      console.log(rARE)
+      if (rARE > 0.9) {
+
+        console.log("Yay")
+        pic = "url('legendary.png')"
+      }
       $(".words").css("color", color(pic.replace("url('", "").replace("')", "")));
       randomMove($(".words"))                                                   // CHANGED: Now moves text each time
       current.pic = pic;

html/game.html

@@ -1 +1 @@
-[{"name":"Jeff","score":0},{"name":"Jay","score":6},{"name":"Jay","score":53},{"name":"Yipee","score":181},{"name":"Banana","score":16},{"name":"Points","score":10},{"name":"Yayy","score":108}]
+[{"name":"Jeff","score":0},{"name":"Jay","score":6},{"name":"Jay","score":53},{"name":"Yipee","score":181},{"name":"Banana","score":16},{"name":"Points","score":10},{"name":"Yayy","score":108},{"name":"Jay","score":21},{"name":"Eoin","score":38},{"name":"Matthew","score":29},{"name":"Matthew","score":49}]