|
|
@ -32,7 +32,7 @@ function makeSlider(name, range, onChange) {
|
|
32
|
32
|
sliderValueEl.textContent = sliderEl.value;
|
|
33
|
33
|
sliderContainerEl.appendChild(sliderValueEl);
|
|
34
|
34
|
|
|
35
|
|
sliderEl.addEventListener("input", () => sliderValueEl.textContent = sliderEl.value);
|
|
|
35
|
sliderEl.addEventListener("input", function() { sliderValueEl.textContent = sliderEl.value });
|
|
36
|
36
|
|
|
37
|
37
|
return sliderContainerEl;
|
|
38
|
38
|
}
|
|
|
@ -47,7 +47,7 @@ function makeMultiSlider(name, ranges, onChange) {
|
|
47
|
47
|
containerEl.appendChild(labelEl);
|
|
48
|
48
|
|
|
49
|
49
|
var names = [".x", ".y", ".z", ".y"];
|
|
50
|
|
ranges.forEach((range, i) => {
|
|
|
50
|
ranges.forEach(function(range, i) {
|
|
51
|
51
|
containerEl.appendChild(makeSlider(names[i], range, function(ev) {
|
|
52
|
52
|
onChange(ev, i);
|
|
53
|
53
|
}));
|
|
|
@ -57,7 +57,7 @@ function makeMultiSlider(name, ranges, onChange) {
|
|
57
|
57
|
}
|
|
58
|
58
|
|
|
59
|
59
|
function addSliders(parent, sliders) {
|
|
60
|
|
sliders.forEach((slider) => {
|
|
|
60
|
sliders.forEach(function(slider) {
|
|
61
|
61
|
switch (slider.type) {
|
|
62
|
62
|
case "int":
|
|
63
|
63
|
case "float":
|
|
|
@ -106,7 +106,7 @@ function initSliders(gl, program, sliders, onChange) {
|
|
106
|
106
|
|
|
107
|
107
|
case "vec2":
|
|
108
|
108
|
case "vec3":
|
|
109
|
|
slider.values = slider.range.map((r) => r[1]);
|
|
|
109
|
slider.values = slider.range.map(function(r) { return r[1] });
|
|
110
|
110
|
slider.uniform = gl.getUniformLocation(program, slider.name);
|
|
111
|
111
|
if (slider.type == "vec2") {
|
|
112
|
112
|
gl.uniform2f(slider.uniform, slider.values[0], slider.values[1]);
|