-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
38 lines (32 loc) · 1.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
</head>
<body>
<button id="artButton">🎨</button>
<button id="trashButton">🗑</button>
<button id="stillButton">🍏</button>
<div class="slidecontainer">
<a>🌈</a>
<input type="range" id="colorSlider" id="colorSliderInput" min="0" max="50" value="5" class="slider"
oninput="colorSliderInput.value=colorSlider.value">
<input type="number" id="colorSliderInput" name="colorSliderInput" min="0" max="50" value="5" step="1"
oninput="colorSlider.value=colorSliderInput.value" />
</div>
<div class="slidecontainer">
<input type="range" id="countSlider" name="countSlider" min="1" max="100000" value="1000" class="slider"
oninput="countSliderInput.value=countSlider.value" step="100">
<input type="number" id="countSliderInput" name="countSliderInput" min="1" max="100000" value="1000" step="100"
oninput="countSlider.value=countSliderInput.value" />
</div>
<div class="slidecontainer">
<a>↔
</a>
<input type="range" id="distanceSlider" name="distanceSlider" min="0" max="20" value="2.3" class="slider"
oninput="distanceSliderInput.value=distanceSlider.value" step="0.1">
<input type="number" id="distanceSliderInput" name="distanceSliderInput" min="0" max="20" value="2.3"
oninput="distanceSlider.value=distanceSliderInput.value" step="0.1" />
</div>
<canvas id="canvas" height="1000" width="1000"></canvas>
</body>
</html>