|
|
|
|
|
|
|
|
1
|
+<HTML>
|
|
|
|
2
|
+
|
|
|
|
3
|
+ <HEAD>
|
|
|
|
4
|
+
|
|
|
|
5
|
+ <SCRIPT>
|
|
|
|
6
|
+
|
|
|
|
7
|
+ <!--◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯ⵙ◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯--!>
|
|
|
|
8
|
+ var O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O = new (window.AudioContext || window.webkitAudioContext)();
|
|
|
|
9
|
+ var O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
10
|
+ var O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
11
|
+ var O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
12
|
+ var O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
13
|
+ var O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
14
|
+ var O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
15
|
+ var O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
16
|
+ var O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
17
|
+ var O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
18
|
+ var O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
19
|
+ var O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
20
|
+ var O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
21
|
+ var O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
22
|
+ var O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
23
|
+ var O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
24
|
+ var O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
25
|
+ var O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O= O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator();
|
|
|
|
26
|
+ var O_EDON_NIAG_O_GAIN_NODE_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createGain();
|
|
|
|
27
|
+ O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**0;
|
|
|
|
28
|
+ O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**1;
|
|
|
|
29
|
+ O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**2;
|
|
|
|
30
|
+ O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**3;
|
|
|
|
31
|
+ O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**4;
|
|
|
|
32
|
+ O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**5;
|
|
|
|
33
|
+ O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**6;
|
|
|
|
34
|
+ O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**7;
|
|
|
|
35
|
+ O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**8;
|
|
|
|
36
|
+ O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**9;
|
|
|
|
37
|
+ O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**10;
|
|
|
|
38
|
+ O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**11;
|
|
|
|
39
|
+ O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**12;
|
|
|
|
40
|
+ O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**13;
|
|
|
|
41
|
+ O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**14;
|
|
|
|
42
|
+ O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**15;
|
|
|
|
43
|
+ O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**16;
|
|
|
|
44
|
+ O_EDON_NIAG_O_GAIN_NODE_O.gain.value = 1/3**4;
|
|
|
|
45
|
+ O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
46
|
+ O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
47
|
+ O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
48
|
+ O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
49
|
+ O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
50
|
+ O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
51
|
+ O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
52
|
+ O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
53
|
+ O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
54
|
+ O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
55
|
+ O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
56
|
+ O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
57
|
+ O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
58
|
+ O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
59
|
+ O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
60
|
+ O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
61
|
+ O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.connect(O_EDON_NIAG_O_GAIN_NODE_O);
|
|
|
|
62
|
+ O_EDON_NIAG_O_GAIN_NODE_O.connect(O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.destination);
|
|
|
|
63
|
+ O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.start();
|
|
|
|
64
|
+ O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.start();
|
|
|
|
65
|
+ O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.start();
|
|
|
|
66
|
+ O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.start();
|
|
|
|
67
|
+ O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.start();
|
|
|
|
68
|
+ O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.start();
|
|
|
|
69
|
+ O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.start();
|
|
|
|
70
|
+ O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.start();
|
|
|
|
71
|
+ O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.start();
|
|
|
|
72
|
+ O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.start();
|
|
|
|
73
|
+ O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.start();
|
|
|
|
74
|
+ O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.start();
|
|
|
|
75
|
+ O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.start();
|
|
|
|
76
|
+ O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.start();
|
|
|
|
77
|
+ O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.start();
|
|
|
|
78
|
+ O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.start();
|
|
|
|
79
|
+ O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.start();
|
|
|
|
80
|
+ <!--◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯ⵙ◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯--!>
|
|
|
|
81
|
+
|
|
|
|
82
|
+ </SCRIPT>
|
|
|
|
83
|
+
|
|
|
|
84
|
+
|
|
|
|
85
|
+
|
|
|
|
86
|
+
|
|
|
|
87
|
+ <TITLE>⚪ᴥ⚪ᗱᗴ⚪✤⚪Ⓞ⚪ᙁ⚪ߦ⚪◯⚪ᗱᗴ⚪ᗯ⚪ᴥ⚪ᑎ⚪ᑐᑕ⚪◯⚪ИN⚪Ⓞ⚪ꖴ⚪✤⚪ᑐᑕ⚪ИN⚪ᑎ⚪ꗳ⚪◯⚪ᗱᗴ⚪ᴥ⚪ᑎ⚪✤⚪ᗩ⚪ᗯ⚪ᴥ⚪ᑎ⚪ᑐᑕ⚪◯⚪ᗝ⚪ᗱᗴ⚪ꖴ⚪ꗳ⚪ꖴ⚪ᑐᑕ⚪ᗱᗴ⚪ߦ⚪ᔓᔕ⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪ᔓᔕ⚪ߦ⚪ᗱᗴ⚪ᑐᑕ⚪ꖴ⚪ꗳ⚪ꖴ⚪ᗱᗴ⚪ᗝ⚪◯⚪ᑐᑕ⚪ᑎ⚪ᴥ⚪ᗯ⚪ᗩ⚪✤⚪ᑎ⚪ᴥ⚪ᗱᗴ⚪◯⚪ꗳ⚪ᑎ⚪ИN⚪ᑐᑕ⚪✤⚪ꖴ⚪Ⓞ⚪ИN⚪◯⚪ᑐᑕ⚪ᑎ⚪ᴥ⚪ᗯ⚪ᗱᗴ⚪◯⚪ߦ⚪ᙁ⚪Ⓞ⚪✤⚪ᗱᗴ⚪ᴥ⚪</TITLE>
|
|
|
|
88
|
+
|
|
|
|
89
|
+
|
|
|
|
90
|
+
|
|
|
|
91
|
+
|
|
|
|
92
|
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/12.1.0/math.js"></script>
|
|
|
|
93
|
+ <script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
|
|
|
|
94
|
+ <style>
|
|
|
|
95
|
+ input[type=text]{
|
|
|
|
96
|
+ --O_ROLOC_O_COLOR_O:#F2F2F2;
|
|
|
|
97
|
+ --O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX;
|
|
|
|
98
|
+ --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX;
|
|
|
|
99
|
+ BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
|
|
|
|
100
|
+ BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:VISIBLE
|
|
|
|
101
|
+ }
|
|
|
|
102
|
+ input[type=text]:focus{
|
|
|
|
103
|
+ border-color: #CECECE;BORDER-WIDTH:0PX;border-style: solid;outline: 1PX SOLID #E7E7E7;
|
|
|
|
104
|
+ }
|
|
|
|
105
|
+ input[type=range]::-moz-range-track {
|
|
|
|
106
|
+ HEIGHT:0PX;
|
|
|
|
107
|
+ --O_ROLOC_O_COLOR_O:#F2F2F2;
|
|
|
|
108
|
+ --O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX;
|
|
|
|
109
|
+ --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX;
|
|
|
|
110
|
+ BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
|
|
|
|
111
|
+ BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:HIDDEN
|
|
|
|
112
|
+ }
|
|
|
|
113
|
+
|
|
|
|
114
|
+ input[type=range]::-moz-range-thumb {
|
|
|
|
115
|
+ HEIGHT:16PX;WIDTH:16PX;
|
|
|
|
116
|
+ --O_ROLOC_O_COLOR_O:#F2F2F2;
|
|
|
|
117
|
+ --O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX;
|
|
|
|
118
|
+ --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX;
|
|
|
|
119
|
+ BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
|
|
|
|
120
|
+ BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:HIDDEN
|
|
|
|
121
|
+ }
|
|
|
|
122
|
+ </style>
|
|
|
|
123
|
+</HEAD>
|
|
|
|
124
|
+<BODY STYLE="BACKGROUND:#FFFFFF;FONT-SIZE:16PX;MARGIN:0;COLOR:#CECECE">
|
|
|
|
125
|
+<div align="center">
|
|
|
|
126
|
+ <P STYLE="DISPLAY:NONE">𓊗</P><BR STYLE="DISPLAY:NONE"><span id="nVal" STYLE="DISPLAY:NONE"></span><BR STYLE="DISPLAY:NONE"><input type="range" id="n" min="1" max="16" value="8" style="width:100%;DISPLAY:NONE""><br STYLE="DISPLAY:NONE">
|
|
|
|
127
|
+ <P STYLE="DISPLAY:NONE">✤</P><BR STYLE="DISPLAY:NONE"><span id="toVal" STYLE="DISPLAY:NONE"></span><BR STYLE="DISPLAY:NONE"><input type="range" id="to" min="-12.566370614359172953850573533118" max="12.566370614359172953850573533118" value="6.283185307179586476925286766559" step="0.785398163397448" style="width:100%;color:#CECECE;DISPLAY:NONE"><BR STYLE="DISPLAY:NONE">
|
|
|
|
128
|
+ <P STYLE="DISPLAY:NONE">ꗳ</P><BR STYLE="DISPLAY:NONE"><span id="fromVal" STYLE="DISPLAY:NONE"></span><BR STYLE="DISPLAY:NONE"><input type="range" id="from" min="-12.566370614359172953850573533118" max="12.566370614359172953850573533118" value="-6.283185307179586476925286766559" step="0.785398163397448" style="width:100%;color:#CECECE;DISPLAY:NONE"><BR STYLE="DISPLAY:NONE">
|
|
|
|
129
|
+ <input type="text" id="formula" value="(1-cos(x*(4)/2))/2" !value="(1-cos(x*(4)/2))/2 ; acos(cos(x*(4)/2))/pi" style="width:100%; text-align:CENTER;COLOR:#CECECE;FONT-SIZE:16PX;DISPLAY:NONE"><BR STYLE="DISPLAY:NONE">
|
|
|
|
130
|
+ <div id="k-graph"></div>
|
|
|
|
131
|
+ <div id="function-graph"></div>
|
|
|
|
132
|
+ <script>
|
|
|
|
133
|
+ function clamp(x) {return math.max(math.min(x,1),0)}
|
|
|
|
134
|
+
|
|
|
|
135
|
+ // JS equivalent for the map function
|
|
|
|
136
|
+ function arrayMax(arr) {
|
|
|
|
137
|
+ return Math.max(...arr.map(e => Math.max(...e)));
|
|
|
|
138
|
+ }
|
|
|
|
139
|
+ function arrayMin(arr) {
|
|
|
|
140
|
+ return Math.min(...arr.map(e => Math.min(...e)));
|
|
|
|
141
|
+ }
|
|
|
|
142
|
+
|
|
|
|
143
|
+ function plot() {
|
|
|
|
144
|
+ var formulas = document.getElementById('formula').value.split(";");
|
|
|
|
145
|
+ var fromPIO2 = Number(document.getElementById('from').value);
|
|
|
|
146
|
+ var toPIO2 = Number(document.getElementById('to').value);
|
|
|
|
147
|
+ var N = Number(document.getElementById('n').value);
|
|
|
|
148
|
+
|
|
|
|
149
|
+ var num_points = 0 + 2 ** N;
|
|
|
|
150
|
+ document.getElementById('fromVal').innerText = +fromPIO2;
|
|
|
|
151
|
+ document.getElementById('toVal').innerText = +toPIO2;
|
|
|
|
152
|
+ document.getElementById('nVal').innerText = +N;
|
|
|
|
153
|
+
|
|
|
|
154
|
+ var from = fromPIO2;
|
|
|
|
155
|
+ var to = toPIO2;
|
|
|
|
156
|
+
|
|
|
|
157
|
+ var step = (to - from) / num_points;
|
|
|
|
158
|
+ var x_vals = math.range(from, to, step, true).toArray();
|
|
|
|
159
|
+
|
|
|
|
160
|
+ var k_trace = [];
|
|
|
|
161
|
+ var function_trace = [];
|
|
|
|
162
|
+
|
|
|
|
163
|
+ var all_x = [];
|
|
|
|
164
|
+ var all_y = [];
|
|
|
|
165
|
+
|
|
|
|
166
|
+ formulas.map((formula, i) => {
|
|
|
|
167
|
+ var scope = {
|
|
|
|
168
|
+ clamp: function(x) { return math.max(math.min(x, 1), 0); }
|
|
|
|
169
|
+ };
|
|
|
|
170
|
+ var kappa_vals = x_vals.map(x => math.evaluate(formula.trim(), { x: x, ...scope}));
|
|
|
|
171
|
+ var theta_vals = math.map(math.cumsum(kappa_vals), x => x * step);
|
|
|
|
172
|
+ var x_coords = math.map(math.cumsum(math.map(theta_vals, math.cos)), x => x * step);
|
|
|
|
173
|
+ var y_coords = math.map(math.cumsum(math.map(theta_vals, math.sin)), x => x * step);
|
|
|
|
174
|
+
|
|
|
|
175
|
+ if (x_coords[0] != 0 || y_coords[0] != 0) {
|
|
|
|
176
|
+ x_coords.unshift(0);
|
|
|
|
177
|
+ y_coords.unshift(0);
|
|
|
|
178
|
+ }
|
|
|
|
179
|
+
|
|
|
|
180
|
+ k_trace.push({
|
|
|
|
181
|
+ x: x_coords,
|
|
|
|
182
|
+ y: y_coords,
|
|
|
|
183
|
+ mode: 'lines+markers',
|
|
|
|
184
|
+ // line: { color: '#CECECE' }
|
|
|
|
185
|
+ line:{width:1,color: '#CECECE' },
|
|
|
|
186
|
+ marker:{size:2},
|
|
|
|
187
|
+ hovertemplate:'ꕤ %{x:.256f}'+'<br>人 %{y:.256f}',
|
|
|
|
188
|
+ name: ''
|
|
|
|
189
|
+ });
|
|
|
|
190
|
+
|
|
|
|
191
|
+ all_x.push(x_coords);
|
|
|
|
192
|
+ all_y.push(y_coords);
|
|
|
|
193
|
+
|
|
|
|
194
|
+ // Now creating the trace for y=f(x)
|
|
|
|
195
|
+ var y_vals = x_vals.map(x => math.evaluate(formula.trim(), { x: x, ...scope}));
|
|
|
|
196
|
+
|
|
|
|
197
|
+ function_trace.push({
|
|
|
|
198
|
+ x: x_vals,
|
|
|
|
199
|
+ y: y_vals,
|
|
|
|
200
|
+ mode: 'lines+markers',
|
|
|
|
201
|
+ // optional features
|
|
|
|
202
|
+ // line: { color: '#CECECE' }
|
|
|
|
203
|
+ line:{width:1,color: '#CECECE' },
|
|
|
|
204
|
+ marker:{size:2},
|
|
|
|
205
|
+ hovertemplate:'ꕤ %{x:.256f}'+'<br>人 %{y:.256f}',
|
|
|
|
206
|
+ name: ''
|
|
|
|
207
|
+ });
|
|
|
|
208
|
+
|
|
|
|
209
|
+ all_x.push(x_vals);
|
|
|
|
210
|
+ all_y.push(y_vals);
|
|
|
|
211
|
+ });
|
|
|
|
212
|
+
|
|
|
|
213
|
+ var layout = {
|
|
|
|
214
|
+ margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 },
|
|
|
|
215
|
+ autosize: true,
|
|
|
|
216
|
+ height: 428/4,
|
|
|
|
217
|
+ xaxis: {scaleanchor:'y',scaleratio: 1, showgrid:true,zeroline:true,zerolinecolor:'#CECECE',zerolinewidth:1,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'},
|
|
|
|
218
|
+ yaxis: {range: [arrayMin(all_y)-(.0078125*4), arrayMax(all_y)+(.0078125*4)],showgrid:true,zeroline:true,zerolinecolor:'#CECECE',zerolinewidth:1,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'},
|
|
|
|
219
|
+ hovermode: 'closest',
|
|
|
|
220
|
+ dragmode: false,
|
|
|
|
221
|
+ showlegend: false,
|
|
|
|
222
|
+ hoverlabel: { bgcolor: "#FFFFFF", font_color: '#9C9C9C', bordercolor: "#CECECE", font_size: 16 }
|
|
|
|
223
|
+ }
|
|
|
|
224
|
+
|
|
|
|
225
|
+ Plotly.newPlot('k-graph',k_trace,layout);
|
|
|
|
226
|
+ Plotly.newPlot('function-graph',function_trace,layout);
|
|
|
|
227
|
+ }
|
|
|
|
228
|
+
|
|
|
|
229
|
+ plot();
|
|
|
|
230
|
+
|
|
|
|
231
|
+ document.getElementById('formula').addEventListener('input', plot);
|
|
|
|
232
|
+ document.getElementById('from').addEventListener('input', plot);
|
|
|
|
233
|
+ document.getElementById('to').addEventListener('input', plot);
|
|
|
|
234
|
+ document.getElementById('n').addEventListener('input', plot);
|
|
|
|
235
|
+ </script>
|
|
|
|
236
|
+</div>
|
|
|
|
237
|
+</BODY>
|
|
|
|
238
|
+</HTML>
|