init
This commit is contained in:
52
index.html
Normal file
52
index.html
Normal file
@@ -0,0 +1,52 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user