Adding two or more effects to seriously.js

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.



      <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> 
      <!-- this line removes any default padding and style. you might only need one of these values set. -->
         body{background-color: red;}





            var video;

            var canvas;

            var slider;

            function setup(){
                canvas = createCanvas(1920, 1080, WEBGL);
                video = createVideo("ratedg_permission_industrial_5.mp4");

                var seriously = new Seriously();

                var src = seriously.source("#test");
                var 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;
Sign In or Register to comment.