https://yiara09.github.io/script.js

1var hydra = new Hydra({
2  canvas: document.getElementById('myCanvas'),
3  detectAudio: false
4});
5
6DD = 0.01;
7b = (o, u, i, y, z) =>
8  o()
9    .add(solid(1, 1, 1), DD)
10    .thresh(i * 0.2 * (z - y) + y, 0.0001)
11    .luma(0.5, 0.0001)
12    .color(c(u, i, 0), c(u, i, 1), c(u, i, 2));
13c = (u, i, j) => {
14  let cc = u.split('/'),
15    cs = cc[cc.length - 1].split('-');
16  return parseInt('0x' + cs[i].substring(2 * j, 2 + 2 * j)) / 255;
17};
18colorize = (x, u, y = 0, z = 1) =>
19  b(x, u, 0, y, z)
20    .layer(b(x, u, 1, y, z))
21    .layer(b(x, u, 2, y, z))
22    .layer(b(x, u, 3, y, z))
23    .layer(b(x, u, 4, y, z));
24
25// url = 'https://coolors.co/a1aca5-f1f0f0-EAD25D-eaafac-f3cfcd'
26
27url = 'https://coolors.co/e4e1e1-455c54-e4c52e-d7675d-e7a39d';
28//url='https://coolors.co/efb0a1-f4afb4-c9b7ad-94a89a-797d81'
29//url='https://coolors.co/f1f0f0-a1aca5-f1c995-eaafac-f3cfcd'
30
31func = () =>
32  // osc(4, 0, 0).rotate(1.57).modulate(o1)
33  // osc(8, 0, 0).out(o1)
34
35  // osc(4, 0, 0).thresh(8).contrast(3).diff(o1, 5).modulate(o1, () => 0.2).add(noise(2, 0.048).scale(1,1,()=>window.innerWidth/window.innerHeight)).modulate(o0, () => 0.5).scale(1.01)
36
37  osc([12, 12].fast(0.1), [0.02, -0.02].fast(0.2), 0)
38    .thresh(0.7)
39    .rotate([0, 1.57].fast(0.1))
40    .modulateRotate(osc([4, 5].fast(0.3), -0.01, 0), 1.22, 10)
41    //.add(noise(2, -0.1))
42    .modulate(o0, () => 0.4)
43    .scale(0.98)
44    .blend(o0, 0.67);
45
46colorize(func, url).out();
47
48let toggleLivestream = () => {
49  let livestream = document.getElementsByClassName('livestream')[0];
50  if (livestream.style.display == 'block') {
51    livestream.style.display = 'none';
52  } else {
53    livestream.style.display = 'block';
54  }
55};