modularcircles.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<html>
<head>
<title>Modular circles</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js"></script>
</head>
<body>
<h2>Modular circles</h2>
<div id="header_links_div"></div>
<script src="js/header_links.js"></script>
<hr>

<p>Each point corresponds to a number. The points are connected based on rules.</p>

<script src="js/modularcircles.js"></script>
Number of points: <input min="1" value="300" type="number" id="npoints"><br>
Add/Multiply: <input value="2" step="0.2"  type="number" id="amount"><br>
Multiply? <input id="should_mul" type="radio" value="multiply" name="muloradd" checked="true"><br>
Add? <input id="should_add" type="radio" value="add" name="muloradd"><br>
</body>
</html>