-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·111 lines (108 loc) · 4.73 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Augmented Typing</title>
<script src="libraries/p5.js" type="text/javascript"></script>
<script src="libraries/p5.dom.js" type="text/javascript"></script>
<script src="libraries/p5.sound.js" type="text/javascript"></script>
<script src="libraries/jquery-3.0.0.min.js" type="text/javascript"></script>
<script src="key/qwerty.js" type="text/javascript"></script>
<script src="key/key.js" type="text/javascript"></script>
<script src="sketch.js" type="text/javascript"></script>
<script src="js/record.js" type="text/javascript"></script>
<script src="js/randomcolor.js" type="text/javascript"></script>
<script src="js/particle.js" type="text/javascript"></script>
<script src="js/wave.js" type="text/javascript"></script>
<script src="js/ray.js" type="text/javascript"></script>
<script src="js/stellar.js" type="text/javascript"></script>
<script src="js/beam.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
<link rel="stylesheet" href="main.css" type="text/css" >
<style> body {padding: 0; margin: 0;} canvas {vertical-align: bottom;} </style>
</head>
<body>
<!-- <select name="ddd" onChange="changeParticleNum()">
<option value="graph">graph</option>
<option value="direct">direct</option>
<option value="none">none</option>
</select> -->
<div class="adjustArea">
<div class="adjust" id="sound_div">
Sound<br />
<select name="sound" id="sound">
<option value="none">0: none</option>
<option value="keyboard">1: keyboard</option>
<option value="typewriter">2: typewriter</option>
<option value="digital1">3: digital1</option>
<option value="digital2">4: digital2</option>
<option value="wadaiko">5: wadaiko</option>
<option value="cat">6: cat</option>
</select>
</div>
<div class="adjust" id="effect_div">
Visual<br />
<select name="effect" id="effect">
<option value="none">0: none</option>
<option value="particle">1: particle</option>
<option value="ray">2: ray</option>
<option value="beam">3: beam</option>
<option value="wave">4: wave</option>
<option value="stellar">5: stellar</option>
</select>
</div>
<div class="adjust" id="particle">
Particle Num <div id="pnum_txt">0</div>
<input type="range" name="particlenum" id="pnum_range" min="1" max="255">
</div>
<!-- <div class="adjust" id="radii">
Particle Radii <div id="radii_txt">0</div>
<input type="range" name="radiinum" id="radii_range" min="1" max="32">
</div> -->
<div class="adjust" id="diffR">
Particle Diff <div id="diffR_txt">0</div>
<input type="range" name="diffRnum" id="diffR_range" min="1" max="240">
</div>
<div class="adjust" id="ray_speed">
Ray Speed <div id="ray_speed_txt">0</div>
<input type="range" name="ray_speed_num" id="ray_speed_range" min="1" max="48">
</div>
<div class="adjust" id="ray_diff">
Ray Diff <div id="ray_diff_txt">0</div>
<input type="range" name="ray_diff_num" id="ray_diff_range" min="48" max="1000">
</div>
<div class="adjust" id="beam_speed">
Beam Speed <div id="speed_txt">0</div>
<input type="range" name="beamnum" id="speed_range" min="1" max="48">
</div>
<!-- <div class="adjust" id="beam">
<div>Beam Type</div>
None<input type="radio" name="beam" value="none" id="beam_none">
Limit<input type="radio" name="beam" value="limit" id="beam_limit">
Full<input type="radio" name="beam" value="full" id="beam_full" checked>
</div> -->
<div class="adjust" id="wave_speed">
Wave Speed <div id="wave_speed_txt">0</div>
<input type="range" name="wave_speed_num" id="wave_speed_range" min="1" max="48">
</div>
<div class="adjust" id="wave_diff">
Wave Diff <div id="wave_diff_txt">0</div>
<input type="range" name="wave_diff_num" id="wave_diff_range" min="48" max="1000">
</div>
<div class="adjust" id="limit_checkbox">
Hide
<input type="checkbox" name="limitcheck" value="bar" />
</div>
</div>
<!-- <select name="layout" onChange="changeLayout(this.options[this.options.selectedIndex].text)">
<option value="qwerty">qwerty</option>
<option value="dvorak">dvorak</option>
<option value="jcuken">jcuken</option>
<option value="blick">blick</option>
<option value="turkish">turkish</option>
<option value="neo">neo</option>
</select> -->
<!-- <input type="button" name="start" value="start" onClick="startRecord()">
<input type="button" name="stop" value="stop" onClick="stopRecord()"> -->
</body>
</html>