3 581 Codepen

Текстурный переход между изображениями на three.js

При наведении на картинку происходит плавный переход сквозь текстуру для показа другой картинки. При движении курсора мыши так же происходит наклон в 3d пространстве. Реализовано на three.js


HTML

<canvas id="canvas"></canvas>

CSS

html,
body {
  width: 100%;
  height: 100%;

  overflow: hidden;
  margin: 0;
}

JS

Библиотеки
https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js
https://cdnjs.cloudflare.com/ajax/libs/three.js/105/three.min.js
https://cdnjs.cloudflare.com/ajax/libs/stats.js/r16/Stats.min.js
скрипт

Комментарии

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

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