ydaniv

export default function () {
   return {
       fragment: {
           uniform: {
               u_light: 'vec3',
               u_dark: 'vec3'
           },
           main: `vec3 gray = vec3(dot(lumcoeff, color));
                      color = mix(u_dark, u_light, gray);`
      uniforms: [

ydaniv

import {Kampos, effects, Ticker} from 'kampos';

const target1 = document.querySelector('#canvas1');
const media1 = document.querySelector('#video1');
const target2 = document.querySelector('#canvas2');
const media2 = document.querySelector('#video2');

const hueSaturation = effects.hueSaturation();
const brightnessContrast = effects.brightnessContrast();

ydaniv

import {Kampos, effects, Ticker} from 'kampos';

const ticker = new Ticker();
const kampos = new Kampos({target, effects: [effects.hueSaturation()], ticker});
const kampos2 = new Kampos({target2, effects: [effects.hueSaturation()], ticker});
// rest of drawing logic ... 
ticker.start();