2 974 Codepen

Колебающиеся градиентные 3d трубки

Объёмные трубки с переливающимся градиентом с определенной амплитудой колыхаются в пространстве. По клику меняется градиент, а на движение курсора реагирует амплитуда трубок


CSS

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

canvas {
  position: fixed;
  width: 100%;
  height: 100%;
}

JS

Подключаемые скрипты
https://cdnjs.cloudflare.com/ajax/libs/three.js/100/three.min.js
https://cdnjs.cloudflare.com/ajax/libs/simplex-noise/2.4.0/simplex-noise.min.js
https://cdnjs.cloudflare.com/ajax/libs/chroma-js/2.0.3/chroma.min.js
https://threejs.org/examples/js/controls/OrbitControls.js
скрипт

Комментарии

  • Facebook
  • Вконтакте

Похожие статьи