From e49ad6c6ac48b3abad494e73aefe7d52015b6222 Mon Sep 17 00:00:00 2001
From: Alexander Cobleigh <tna11aco@student.lu.se>
Date: Mon, 21 Nov 2016 18:22:03 +0100
Subject: [PATCH] add invert filter

---
 index.html                       |  3 ++-
 scripts/modules/filter.invert.js | 11 +++++++++++
 scripts/modules/filter.js        |  3 +++
 3 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 scripts/modules/filter.invert.js

diff --git a/index.html b/index.html
index f412acd..bba30f6 100644
--- a/index.html
+++ b/index.html
@@ -23,6 +23,7 @@
     <script type="text/javascript" src="scripts/modules/filter.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.saturation.js"></script>
     <script type="text/javascript" src="scripts/modules/filter.chromatic.js"></script>
+    <script type="text/javascript" src="scripts/modules/filter.invert.js"></script>
     
     <script type="text/javascript" src="scripts/keyboard.js"></script>
     <script type="text/javascript" src="scripts/command.js"></script>
@@ -43,4 +44,4 @@
     </div>
     <script type="text/javascript" src="scripts/init.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/scripts/modules/filter.invert.js b/scripts/modules/filter.invert.js
new file mode 100644
index 0000000..c9c6936
--- /dev/null
+++ b/scripts/modules/filter.invert.js
@@ -0,0 +1,11 @@
+Filter.prototype.filter_invert = function(pixels = this.pixels(),p = null)
+{
+  var d = pixels.data;
+  for (var i=0; i<d.length; i+=4) {
+      for (var j=0; j<3; j++) {
+          d[i+j] = 255 - d[i+j];
+      }
+  }
+	ronin.canvas.clear();
+	ronin.canvas.context().putImageData(pixels, 0, 0, 0, 0, pixels.width, pixels.height);
+}
diff --git a/scripts/modules/filter.js b/scripts/modules/filter.js
index dd6fcd6..59382bb 100644
--- a/scripts/modules/filter.js
+++ b/scripts/modules/filter.js
@@ -19,6 +19,9 @@ function Filter(element)
       case "chromatic":
         this.filter_chromatic(this.pixels(),p);
         break;
+      case "invert":
+        this.filter_invert(this.pixels(),p);
+        break;
     }
   }