VantaJS (Basic Example)

by Alexandru Gatea

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/96/three.min.js"></script>
<script src="https://www.vantajs.com/dist/vanta.trunk.min.js"></script>
<div id="element"> </div>
<div id="element2"> </div>

CSS

div {
  width: 600px; height: 360px; margin-bottom: 10px;
}

JavaScript

// example 1
  VANTA.TRUNK('#element')

// example 2
VANTA.TRUNK({
  el: '#element2',
  color: 0x111111,
  waveHeight: 20,
  shininess: 50,
  waveSpeed: 1.5,
  zoom: 0.75
})