support integer parameters

glsl/findSlider.js

@@ -1,6 +1,6 @@
function findSlider(input) {
var type = "unknown";
var match = input.match(/^(uniform|attribute) (float|vec2|vec3) (.*);/);
var match = input.match(/^(uniform|attribute) (int|float|vec2|vec3) (.*);/);
if (!match) {
  return false;
}
@@ -19,7 +19,7 @@ if (!match) {
var rawVal = match[1];
if (type == "float") {
if (type == "int" || type == "float") {
  var vals = rawVal.split(",");
  vals = vals.map(function(v) {

glsl/sliders.js

@@ -59,6 +59,7 @@ function makeMultiSlider(name, ranges, onChange) {
function addSliders(parent, sliders) {
  sliders.forEach((slider) => {
    switch (slider.type) {
      case "int":
      case "float":
        parent.appendChild(makeSlider(slider.name, slider.range, slider.onChange));
        break;
@@ -75,6 +76,20 @@ function addSliders(parent, sliders) {
function initSliders(gl, program, sliders, onChange) {
  sliders.forEach(function(slider) {
    switch (slider.type) {
      case "int":
        slider.uniform = gl.getUniformLocation(program, slider.name);
        gl.uniform1f(slider.uniform, slider.range[1]);
        
        slider.onChange = function(ev) {
          gl.uniform1i(slider.uniform, parseInt(ev.target.value));
          
          if (onChange) {
            onChange(ev, slider);
          }
        }
        
        break;
      case "float":
        slider.uniform = gl.getUniformLocation(program, slider.name);
        gl.uniform1f(slider.uniform, slider.range[1]);