45 lines
936 B
HTML
45 lines
936 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8" />
|
||
|
|
<title>Vidéos d'archive</title>
|
||
|
|
<style>
|
||
|
|
html,
|
||
|
|
body {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
background: black;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<!-- Hydra -->
|
||
|
|
<script src="https://unpkg.com/hydra-synth"></script>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
const hydra = new Hydra();
|
||
|
|
|
||
|
|
// Man Lab
|
||
|
|
s0.initVideo("../videos/video1.mp4");
|
||
|
|
|
||
|
|
// Lady Lab
|
||
|
|
s1.initVideo("../videos/video2.mp4");
|
||
|
|
|
||
|
|
src(s0).out(o0);
|
||
|
|
src(s1).out(o1);
|
||
|
|
|
||
|
|
src(s0)
|
||
|
|
.blend(src(s1).scale(0.5), 0.3)
|
||
|
|
.color(1, 0, 3)
|
||
|
|
//.modulateRotate(src(s0).kaleid(10), () => 0.1 + mouse.x * 0.002)
|
||
|
|
// .modulate(noise(3), 0.2)
|
||
|
|
// .kaleid(20)
|
||
|
|
// .scale(({time})=>Math.sin(time*1)*0.5+1)
|
||
|
|
// .modulate(noise(0.6,0.5))
|
||
|
|
.out();
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|