Apply animation speed and vertical offset controls

by Oski Krawczyk

HTML

<canvas id="glCanvas"></canvas>
    <div id="controls">
        <label for="animationSpeed">Animation Speed:</label>
        <input type="range" id="animationSpeed" min="0.01" max="55.0" step="0.01" value="1.0">
        <span id="speedValue">1.00x</span>

        <label for="verticalOffset">Vertical Offset:</label>
        <input type="range" id="verticalOffset" min="-2.0" max="2.0" step="0.01" value="0.0">
        <span id="offsetValue">0.00</span>

        <label for="patternZoom">Pattern Zoom:</label>
        <input type="range" id="patternZoom" min="0.1" max="2.0" step="0.01" value="0.5">
        <span id="zoomValue">0.50</span>
    </div>