Здравствуйте.
Пытаюсь воспроизвести пример с сайта
https://atuin.ru/blog/effekt-dozhdya-na-stekle/
Это капли дождя, стекающие по стеклу.
Вроде все сделал как написано (там приведен пример).
Но что-то вот - не получается.
Подскажите - как правильно составить код, приведенный в том описании - чтобы эффект на странице появился ?
Вот сам код и имеющиеся файлы:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
.canvas-wrap {
position: relative;
}
#canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.plane {
width: 100%;
height: 500px;
}
.plane img {
display: none;
}
</style>
</head>
<body>
<div class="canvas-wrap">
<div id="canvas"></div>
<div class="plane">
<img data-sampler="dispImage" src="rain.jpg" crossorigin="anonymous" />
</div>
</div>
</body>
</html>