embed.html

<p> 
  Draw:
  <button onclick="setDrawMode('quads')">Quads</button>
  <button onclick="setDrawMode('centroid')">Flat</button>
  <br/>
  <label><input type="checkbox" oninput="setDrawPlateVectors(this.checked)"/>Plate vectors</label>
  <label><input type="checkbox" oninput="setDrawPlateBoundaries(this.checked)"/>Plate boundaries</label>
  <br/>
  Number of regions:
  <input type="range" min="2" max="5" step="0.001" value="4" oninput="setN(Math.pow(10, this.valueAsNumber) | 0)" style="width:50ex"/>
  <br/>
  Number of plates:
  <input type="range" min="5" max="100" value="20" oninput="setP(this.valueAsNumber)" style="width:50ex"/>
  <br/>
  Jitter: <input type="range" min="0" max="1" step="0.001" value="0.5" oninput="setJitter(this.valueAsNumber)" style="width:50ex"/>
  <br/>
  Sphere rotation: <input type="range" min="-5" max="5" step="0.001" value="-2" oninput="setRotation(this.valueAsNumber)" style="width:50ex"/>
</p>

<figure>
  <canvas id="output" width="1024" height="1024"/>
</figure>
<script src="build/_bundle.js"></script>