-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
69 lines (60 loc) · 3.87 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
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
<html>
<head>
<title>Compiterator</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<script src="p5.js"></script>
<script src="sketch.js"></script>
<script src="handle.js"></script>
</head>
<body>
<button type="button" class="btn btn-info" id="help" onclick="toggleHelp()">Help</button>
<ul class="list-group" id='helpmsg'>
<li class="list-group-item active"> EDIT</li>
<li class="list-group-item">space: Toggle RENDER/EDIT modes</li>
<li class="list-group-item"> L alt HOLD + L mouse: Add node</li>
<li class="list-group-item"> L mouse HOLD: Delete node</li>
<li class="list-group-item"> up arrow: New layer</li>
<li class="list-group-item"> down arrow: Delete top layer</li>
<li class="list-group-item"> right arrow: Next layer</li>
<li class="list-group-item"> left arrow: Previous layer</li>
<li class="list-group-item active"> RENDER</li>
<li class="list-group-item"> "|': Increase resolution multiplier</li>
<li class="list-group-item"> :|;: Decrease resolution multiplier</li>
<li class="list-group-item"> Q: Toggle render (freeze)</li>
<li class="list-group-item"> R: Clear render (and randomise point)</li>
<li class="list-group-item"> U: Toggle max iteration checking</li>
<li class="list-group-item"> E: Cycle iteration mode</li>
<li class="list-group-item"> N: Cycle node exclusion</li>
<li class="list-group-item"> M: Cycle layer exclusion</li>
<li class="list-group-item"> H: Jumble node order</li>
<li class="list-group-item"> K: Jumble layer order</li>
<li class="list-group-item"> C: Randomise colour settings</li>
<li class="list-group-item"> V: Randomise render vectors</li>
<li class="list-group-item"> O: Randomise iteration options</li>
<li class="list-group-item"> P: Randomise attractor nodes / points</li>
<li class="list-group-item"> I: Randomise number of layers and numbers of points</li>
<li class="list-group-item"> shift: Toggle toggling of N and M to their broken functions in prior versions</li>
<li class="list-group-item"> ~: Cycle mouse-selector mode</li>
<li class="list-group-item"> W: Move mouse-selector point up</li>
<li class="list-group-item"> A: Move mouse-selector point left</li>
<li class="list-group-item"> S: Move mouse-selector point down</li>
<li class="list-group-item"> D: Move mouse-selector point right</li>
<li class="list-group-item"> 1: Complex parameter mouse-selector mode</li>
<li class="list-group-item"> 2: Iterated point mouse-selector mode</li>
<li class="list-group-item"> 3: Iterated cluster mouse-selector mode</li>
<li class="list-group-item"> 4: Latest node mouse-selector mode</li>
<li class="list-group-item"> 5: Probability mouse-selector mode</li>
<li class="list-group-item"> 6: Render origin mouse-selector mode</li>
<li class="list-group-item"> 7: Render rotation mouse-selector mode</li>
<li class="list-group-item"> 8: Colour origin mouse-selector mode</li>
<li class="list-group-item"> 9: Colour rotation mouse-selector mode</li>
<li class="list-group-item"> B: Cycle colour mode</li>
<li class="list-group-item"><|,: Decrease colour cycle depth</li>
<li class="list-group-item"> >|.: Increase colour cycle depth</li>
<li class="list-group-item"> ?|/: Dump parameters into browser console</li>
<li class="list-group-item"> enter: Save Image</li>
</ul>
<div id='sketch-div'></div>
</body>
</html>