From 8a88d446be336d0c965c6c4af02fdb3b340f5c89 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Wed, 17 Jun 2015 15:36:47 +0300
Subject: Average color is working

---
 client/effects.js | 36 +++++++++++++++++++++++++++++++++++-
 1 file changed, 35 insertions(+), 1 deletion(-)

(limited to 'client/effects.js')

diff --git a/client/effects.js b/client/effects.js
index f98d798..2496266 100644
--- a/client/effects.js
+++ b/client/effects.js
@@ -54,6 +54,11 @@ Effects = (function() {
       var palette = quant.palette(true);
       var newcolors = quant.reduce(cols);
 
+      // if (window.gb === undefined)
+      //   window.gb = [];
+      // window.gb.push(palette[0][0], palette[0][1], palette[0][2], 0.16);
+      // window.gb.push(palette[1][0], palette[1][1], palette[1][2], 0.16);
+
       var newcolors2 = [];
       for (var x=0; x < gridDim * gridDim; x++) {
         newcolors2.push([newcolors[(x*4)], newcolors[(x*4)+1], newcolors[(x*4)+2]]);
@@ -99,9 +104,38 @@ Effects = (function() {
     p.view.draw();
   }
 
+  function average() {
+    var canvas = document.getElementById('canvas-all');
+    var p = new paper.PaperScope();
+    p.setup(canvas);
+
+    var i = 0;
+    var photos = $('.instagram-photo');
+    canvas.width = 150;
+    canvas.style.width = 150;
+
+    _.each(photos, function(x) {
+      var raster = new paper.Raster(x);
+      raster.position = new paper.Size(75, 75);
+      raster.opacity = 1 / photos.length;
+    })
+
+    p.view.draw();
+
+    var quant = new RgbQuant({
+      colors: 2,
+      minHueCols: 16
+    });
+    quant.sample(canvas);
+    var palette = quant.palette(true);
+
+    console.log(palette);
+  }
+
   return {
     pixelate: pixelate,
-    colorize: colorize
+    colorize: colorize,
+    average: average
   }
 
 })();
-- 
cgit v1.3.1