52 lines
1.1 KiB
HTML
52 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Hydra Local</title>
|
|
<style>
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: black;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- Hydra -->
|
|
<script src="https://unpkg.com/hydra-synth"></script>
|
|
|
|
<!-- Ton code -->
|
|
<script>
|
|
const hydra = new Hydra()
|
|
|
|
// White Man Lab
|
|
s0.initVideo("videos/video1.mp4")
|
|
|
|
// White Woman Lab
|
|
s1.initVideo("videos/video2.mp4")
|
|
|
|
src(s0).out(o0)
|
|
src(s1).out(o1)
|
|
|
|
src(s0)
|
|
.scale(0.4)
|
|
.scrollX(0.5)
|
|
.scrollY(0.3)
|
|
.blend(src(s1), 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> |