terrain.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>3d thing</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.min.js"></script>
    <script src="js/3dthing.js"></script>
    <link rel="stylesheet" href="css/3dthing.css">
    <link rel="icon" type="image/png" href="img/favicon.png"/>
  </head>
  <body>
    <div class="slide-container">
      color control: <br>
      r <input type="range" min="0" max="255" value="22" class="slider" id="r-slider"> <br>
      g <input type="range" min="0" max="255" value="216" class="slider" id="g-slider"> <br>
      b <input type="range" min="0" max="255" value="145" class="slider" id="b-slider">
    </div>
  </body>
</html>