main.js

if (hasWebGLSupportWithExtensions(['OES_texture_float'])) {
    var flow = new Flow(document.getElementById('render'));

    flow.setHue(0);
    flow.setTimeScale(INITIAL_SPEED);
    flow.setPersistence(INITIAL_TURBULENCE);

    var speedSlider = new Slider(document.getElementById('speed-slider'), 0.0, MAX_SPEED, INITIAL_SPEED, function (value) {
        flow.setTimeScale(value);
    });

    var turbulenceSlider = new Slider(document.getElementById('turbulence-slider'), 0.0, MAX_TURBULENCE, INITIAL_TURBULENCE, function (value) {
        flow.setPersistence(value);
    });

    var buttons = new Buttons([
        document.getElementById('count-16'),
        document.getElementById('count-17'),
        document.getElementById('count-18'),
        document.getElementById('count-19'),
        document.getElementById('count-20'),
        document.getElementById('count-21')
    ], function (index) {
        flow.changeQualityLevel(index);
    });

    var picker = new HuePicker(document.getElementById('picker'), function (value) {
        flow.setHue(value);

        var color = hsvToRGB(value, UI_SATURATION, UI_VALUE);
        var rgbString = 'rgb(' + (color[0] * 255).toFixed(0) + ',' + (color[1] * 255).toFixed(0) + ',' + (color[2] * 255).toFixed(0) + ')';

        speedSlider.setColor(rgbString);
        turbulenceSlider.setColor(rgbString);

        buttons.setColor(rgbString);
    });
} else {
    document.getElementById('gui').style.display = 'none';
    document.getElementById('render').style.display = 'none';
    document.getElementById('footer').style.display = 'none';
    document.getElementById('error').style.display = 'block';
}