Фон с волнами

<!--TS40 - Модификация для Тильды. Фон с волнами https://mod.tistols.com/ditcher -->
<script type="importmap">
  {
    "imports": {
      "three": "https://unpkg.com/three@0.160.0/build/three.module.js",
      "three/addons/": "https://unpkg.com/three@0.160.0/examples/jsm/"
    }
  }
</script>

<script type="module" crossorigin src="https://mods.tistols.com/mods/ditcher/ditcher-ysv8hmoyp0.js"></script>

<!--TS40 - Модификация для Тильды. Фон с волнами https://mod.tistols.com/ditcher -->
<!-- 
wave-speed: Скорость волновой анимации. (Определяет, как быстро движется волна; значение 0.05 — плавное медленное движение)
wave-frequency: Частота волны. (Чем выше число, тем чаще повторяется волновой рисунок по пространству)
wave-amplitude: Амплитуда волны. (Насколько сильно волна отклоняется; 0.3 — умеренная выраженность волны)
wave-color: Цвет волны в формате RGB-массива. ([0.5, 0.5, 0.5] — полутоновый серый цвет волнового эффекта)
color-num: Количество цветов для дизеринга. (Определяет степень «постеризации» изображения; 4 — низкий диапазон цветов)
pixel-size: Размер пикселя в дизеринге. (Чем выше значение, тем крупнее «пиксели» эффекта; 2 — мелкая зернистость)
disable-animation: Отключение анимации. (При true волновая анимация полностью выключается)
enable-mouse-interaction: Включение реакции на мышь. (При true движение мыши влияет на волну и её искажения)
mouse-radius: Радиус влияния мыши. (Определяет, насколько далеко от курсора распространяется воздействие; 0.3 — небольшой радиус)
-->
<div 
  class="dither"
  style="width: 100%; height: 100%; position: relative;"
  data-wave-speed="0.05"
  data-wave-frequency="3"
  data-wave-amplitude="0.3"
  data-wave-color="[0.5, 0.7, 0.5]"
  data-color-num="4"
  data-pixel-size="2"
  data-disable-animation="false"
  data-enable-mouse-interaction="true"
  data-mouse-radius="0.3"
></div>