Introducing Kampos examples :: ticker full

ticker-full.js

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();

const ticker = new Ticker();
const kampos1 = new Kampos({target1, effects: [hueSaturation], ticker});
const kampos2 = new Kampos({target2, effects: [brightnessContrast], ticker});
hueSaturation.hue = 90;
brightnessContrast.contrast = 2.0;

kampos1.setSource(media1);
kampos2.setSource(media2);

ticker.start();