adding set invert etc

Author: Rumyra

public/library/.DS_Store

@@ -10,6 +10,19 @@ var library = {
 
   video: {
 
+    island:
+    [
+      "cell",
+      "habClips",
+      "showcase",
+      "peluzah",
+      "island",
+      "cellar",
+      "habitus",
+      "dusty"
+      
+    ],
+
     games:
     [
       "pong",

public/scripts/library.js

@@ -1,4 +1,5 @@
 var sets = [
+  {name: 'island', type: 'video'},
   {name: 'games', type: 'video'},
   {name: 'abstract', type: 'video'},
   {name: 'cartoons1', type: 'video'},

public/scripts/sets.js

@@ -49,6 +49,19 @@ function reqAnim() {
 
   var mixData = adjustFreqData(12);
 
+  if ( (d3.quantile(mixData, 0.75)) > 110 ) {
+    console.log(d3.quantile(mixData, 0.75)); 
+    videoEls[0].style.filter = 'invert(100%)';
+    videoEls[1].style.filter = 'invert(100%)';
+    svgEls[0].style.backgroundColor = 'white';
+    svgEls[1].style.backgroundColor = 'white';
+  } else {
+    videoEls[0].style.filter = 'invert(0%) contrast(120%) brightness(120%)';
+    videoEls[1].style.filter = 'invert(0%) contrast(120%) brightness(120%)';
+    svgEls[0].style.backgroundColor = 'transparent';
+    svgEls[1].style.backgroundColor = 'transparent';
+  }
+
   for (var i=0; i<12; i++) {
     if (mixData[i] > threshold){
       if (i<6) {

public/scripts/visualFuncs.js

@@ -54,7 +54,10 @@ body {
 }
 
 .video {display:none;}
-.video video {width:100%; height:auto;} 
+.video video {
+  width:100%; height:auto;
+  filter: contrast(120%) brightness(120%);
+}
 
 svg, canvas {
   width: 100vw;

public/styles/style.css

@@ -85,8 +85,6 @@
 
     changeVidSrc(videoEls[screenNo], 'library/'+currentSet.name+'/'+library.video[currentSet.name][assetCounter]+'.mp4');
 
-    console.log(library.video[currentSet.name][assetCounter]);
-
     showVideo(vidScreens[screenNo], domScreens[screenNo]);