polyrhythm/index.html at master · Angramme/polyrhythm · 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!doctype html>

<html>

<head>
	<title>open polyrhythm generator</title>
	<link id="favicon" rel="icon" href="0.png" />
	<link rel="stylesheet" href="style.css" />
</head>

<body>
	<div class="topbar">
		Hey! New version of Polyrhythm is available! Go here to check it out:
		<a
			href="https://angramme.github.io/polyrhythm3/index.html"
			target="_blank"
			rel="noopener"
			>
			Polyrhythm 3</a>
		&nbsp;
		I hope you like it!
	</div>
	<div class="selectbox">
		<div class="infotxt">select the polyrhythm you want (and scroll down)</div>
		<div id="segment-list">

		</div>
		<div id="addbtn-container">
			<button type="button" id="addbtn">add a segment</button>
			<!--
				<span>at:</span>
				<input type="number" id="add-indexIN" title="index of position where you want to insert the new segment" value="-1"/>
			-->
		</div>
		<div class="time-options" id="overall-bpm">
			<span>overall bpm: &#9833;=</span>
			<input type="number" name="bpm" id="bpmIN" value="120">
		</div>
		<button type="button" id="playbtn">PLAY!</button>
	</div>

	<div class="resultbox">
		<canvas id="CAN"></canvas>
	</div>

	<div class="footer">
		<hr/>
		<span>
			<i>Note: you can visit the original version of this project
				<a href="https://angramme.github.io/polyrhythm-v1/">here</a>
			</i>
			<br/>
			Started by Kacper Ozieblowski in 2019.
			Visit
			<a href="https://github.com/Angramme/polyrhythm/blob/master/README.md#dummy-tutorial">our tutorial page</a>
			for a more in-depth tutorial. You can also visit
			<a href="https://github.com/Angramme/polyrhythm/issues">our github page</a>
			for bug reports and feature requests.
			This project is open source, that means anyone can contribute.
		</span>
	</div>

	<script src="tone.js"></script>

	<script src="generator.js"></script>
	<script src="visualizer.js"></script>

	<script src="voice.js"></script>
	<script src="segment.js"></script>
	<script src="ensemble.js"></script>
	<script src="synths.js"></script>

	<script src="ui.js"></script>
	<script src="favicon.js"></script>

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

</html>