Adding two or more effects to seriously.js

1rulesupersedes · July 2017

I want to add two or more effects to seriously.js I am not sure about the code. I can get one effect working but when I add the second they cancel each other out.

new_video.html

    <html>
    <head>

      <meta charset="UTF-8">
      <script language="javascript" type="text/javascript" src="libraries/p5.js"></script> 
      <script language="javascript" src="libraries/p5.dom.js"></script>
      <script language="javascript" src="libraries/p5.sound.js"></script>
      <script language="javascript" src="new_video.js"></script>
      <script language="javascript" src="seriously.js"></script>
      <script language="javascript" src="effects/seriously.edge.js"></script>
      <script language="javascript" src="effects/seriously.exposure.js"></script>
      <script language="javascript" src="proccessing.min.js"></script> 
    </head> 
      <!-- this line removes any default padding and style. you might only need one of these values set. -->
      <style> 
         body{background-color: red;}
      </style>

    </head>

    <body>

    </body>
    </html>

new_video.js

            var video;

            var canvas;

            var slider;



            function setup(){
                canvas = createCanvas(1920, 1080, WEBGL);
                canvas.id("p5canvas");
                background(51);
                video = createVideo("ratedg_permission_industrial_5.mp4");
                video.loop();
                video.id("test");   
                video.hide();

                var seriously = new Seriously();

                var src = seriously.source("#test");
                var target = seriously.target("#p5canvas");




                var  edge = seriously.effect("edge");
                edge.source = src;
                target.source =  edge;
                var r = 250 / 255;
                var g = 10 / 255;
                var b = 250 / 255;
                edge.screen = [r,g,b,1];

                var  exposure = seriously.effect("exposure");
                exposure.source = src;
                target.source =  exposure;
                seriously.go();
            }

Howdy, Stranger!

Categories

Adding two or more effects to seriously.js