blob: 53123e08e4ae8f1a5280eb583edd347689092cc1 [file] [log] [blame]
import { $, $$ } from '../dom';
import './index';
import { UniformMouseSk } from './uniform-mouse-sk';
const mouseUniformControl = $$<UniformMouseSk>('uniform-mouse-sk')!;
mouseUniformControl.elementToMonitor = $$<HTMLCanvasElement>('canvas')!;
const applyUniformValues = () => {
const uniforms = [0, 0, 0, 0];
$<UniformMouseSk>('uniform-mouse-sk')!.forEach((ele) => {
ele.applyUniformValues(uniforms);
});
$$<HTMLPreElement>('#results')!.innerText = uniforms.toString();
};
$$<HTMLCanvasElement>('canvas')!.addEventListener(
'mousemove',
applyUniformValues
);
$$<HTMLCanvasElement>('canvas')!.addEventListener(
'mousedown',
applyUniformValues
);
$$<HTMLCanvasElement>('canvas')!.addEventListener(
'mouseup',
applyUniformValues
);
$$<HTMLCanvasElement>('canvas')!.addEventListener('click', applyUniformValues);