TriangleCeption/index.html at master · Mamboleoo/TriangleCeption · GitHub

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
39
40
41
42
43
<!DOCTYPE html>
<html>
	<head>

		<meta charset="UTF-8">
		<title>TriangleCeption - Mamboleoo</title>
		<link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />

	</head>

	<body>
		<canvas id="canvas"></canvas>
		<div class="form">
			<label>
				Triangles : <input id="triangles" type="range" min="2" max="100" value="30">
			</label>
			<label>
				Speed : <input id="speed" type="range" min="0" max="100" value="50">
			</label>
			<label>
				Size : <input id="size" type="range" min="0" max="100" value="50">
			</label>
			<label>
				Invert : <input id="invert" type="checkbox" value="true">
			</label>
			<label>
				Mask : <input id="mask" type="checkbox" value="true">
			</label>
			<label>
				Color : <input id="color" type="color" value="#3c1450">
			</label>
			<label>
				Border : <input id="border" type="color" value="#ffffff">
			</label>
			<button id="pause">Pause</button>
			<button>
				<a href="" id="download" download="fileName">Download</a>
			</button>
		</div>

	  <script src="js/script.js"></script>
	</body>
</html>