1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
| <!DOCTYPE html>
| <html lang="en">
| <head>
| <meta charset="UTF-8">
| <title>Title</title>
| <style>
| * {
| margin: 0;
| padding: 0;
| }
| html {
| height: 100%
| }
| body {
| height: 100%
| }
| </style>
| </head>
| <body>
| <div id="your-element-selector" style="height: 100%"></div>
| </body>
| <script src="lib/three.r119.min.js"></script>
| <script src="lib/vanta.clouds2.min.js"></script>
| <script>
| VANTA.CLOUDS2({
| el: "#your-element-selector",
| mouseControls: true,
| touchControls: true,
| gyroControls: false,
| minHeight: 200.00,
| minWidth: 200.00,
| scale: 1.00,
| speed: 2.00,
| texturePath: "img/noise.png"
| })
| </script>
| </html>
|
|
