Put controls in a dedicated control panel element (a div).
Chris Pressey
6 years ago
103 | 103 | }); |
104 | 104 | } |
105 | 105 | |
106 | makeButton(config.container, "Re-roll", function() { | |
106 | var controlPanel = makeDiv(config.container); | |
107 | ||
108 | makeButton(controlPanel, "Re-roll", function() { | |
107 | 109 | maze = makeMaze(); |
108 | 110 | redrawMaze(); |
109 | 111 | }); |
110 | 112 | |
111 | var hueLabel = makeLabel(config.container, "Hue:") | |
113 | var hueLabel = makeLabel(controlPanel, "Hue:") | |
112 | 114 | makeSlider(hueLabel, 0, 359, 180, function(v) { |
113 | 115 | hue = v; |
114 | 116 | redrawMaze(); |
115 | 117 | }); |
116 | 118 | |
117 | makeSelect(config.container, "Visuals:", [ | |
119 | makeSelect(controlPanel, "Visuals:", [ | |
118 | 120 | { |
119 | 121 | text: 'Cumulus', |
120 | 122 | value: 1, |