mirror of http://CODE.RHODECODE.COM/u/O/O/O
⠀
12 months ago
1 changed files with 285 additions and 0 deletions
285
⚪ᗩ⚪I⚪ᗝ⚪І⚪Ẏ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪Ẏ⚪І⚪ᗝ⚪I⚪ᗩ⚪/⚪✤⚪ᴥ⚪ᗩ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᗩ⚪ᴥ⚪✤⚪/⚪ᗱᗴ⚪ᴥ⚪ᗩ⚪ᗯ⚪✤⚪ꗳ⚪Ⓞ⚪ᔓᔕ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᔓᔕ⚪Ⓞ⚪ꗳ⚪✤⚪ᗯ⚪ᗩ⚪ᴥ⚪ᗱᗴ⚪/⚪ЭЄ⚪ᗩ⚪Н⚪ߦ⚪ᗱᗴ⚪ᙏ⚪ЭЄ⚪Ⓞ⚪Ẏ⚪ᗝ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᗝ⚪Ẏ⚪Ⓞ⚪ЭЄ⚪ᙏ⚪ᗱᗴ⚪ߦ⚪Н⚪ᗩ⚪ЭЄ⚪/⚪ᗱᗴ⚪ᕤᕦ⚪ᗩ⚪ᑎ⚪ᕤᕦ⚪ИN⚪ᗩ⚪ᙁ⚪◯⚪ߦ⚪ᑎ⚪✻⚪ᴥ⚪ᗩ⚪ᙏ⚪◯⚪✤⚪ꕤ⚪ᗱᗴ⚪✤⚪ᴥ⚪ᗱᗴ⚪ߦ⚪人⚪옷⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪옷⚪人⚪ߦ⚪ᗱᗴ⚪ᴥ⚪✤⚪ᗱᗴ⚪ꕤ⚪✤⚪◯⚪ᙏ⚪ᗩ⚪ᴥ⚪✻⚪ᑎ⚪ߦ⚪◯⚪ᙁ⚪ᗩ⚪ИN⚪ᕤᕦ⚪ᑎ⚪ᗩ⚪ᕤᕦ⚪ᗱᗴ⚪/LMTH..⚪ᴥᗱᗴ✤Ⓞᙁߦ⚪ᗱᗴᴥᑎ✤ᗩᗯᴥᑎᑐᑕ⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪ᑐᑕᑎᴥᗯᗩ✤ᑎᴥᗱᗴ⚪ߦᙁⓄ✤ᗱᗴᴥ⚪..HTML
285
⚪ᗩ⚪I⚪ᗝ⚪І⚪Ẏ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪Ẏ⚪І⚪ᗝ⚪I⚪ᗩ⚪/⚪✤⚪ᴥ⚪ᗩ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᗩ⚪ᴥ⚪✤⚪/⚪ᗱᗴ⚪ᴥ⚪ᗩ⚪ᗯ⚪✤⚪ꗳ⚪Ⓞ⚪ᔓᔕ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᔓᔕ⚪Ⓞ⚪ꗳ⚪✤⚪ᗯ⚪ᗩ⚪ᴥ⚪ᗱᗴ⚪/⚪ЭЄ⚪ᗩ⚪Н⚪ߦ⚪ᗱᗴ⚪ᙏ⚪ЭЄ⚪Ⓞ⚪Ẏ⚪ᗝ⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪ᗝ⚪Ẏ⚪Ⓞ⚪ЭЄ⚪ᙏ⚪ᗱᗴ⚪ߦ⚪Н⚪ᗩ⚪ЭЄ⚪/⚪ᗱᗴ⚪ᕤᕦ⚪ᗩ⚪ᑎ⚪ᕤᕦ⚪ИN⚪ᗩ⚪ᙁ⚪◯⚪ߦ⚪ᑎ⚪✻⚪ᴥ⚪ᗩ⚪ᙏ⚪◯⚪✤⚪ꕤ⚪ᗱᗴ⚪✤⚪ᴥ⚪ᗱᗴ⚪ߦ⚪人⚪옷⚪◌⚪◌⚪◌⚪◌⚪◌⚪◌⚪옷⚪人⚪ߦ⚪ᗱᗴ⚪ᴥ⚪✤⚪ᗱᗴ⚪ꕤ⚪✤⚪◯⚪ᙏ⚪ᗩ⚪ᴥ⚪✻⚪ᑎ⚪ߦ⚪◯⚪ᙁ⚪ᗩ⚪ИN⚪ᕤᕦ⚪ᑎ⚪ᗩ⚪ᕤᕦ⚪ᗱᗴ⚪/LMTH..⚪ᴥᗱᗴ✤Ⓞᙁߦ⚪ᗱᗴᴥᑎ✤ᗩᗯᴥᑎᑐᑕ⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪ᑐᑕᑎᴥᗯᗩ✤ᑎᴥᗱᗴ⚪ߦᙁⓄ✤ᗱᗴᴥ⚪..HTML
@ -0,0 +1,285 @@
|
||||
<HTML> |
||||
|
||||
<HEAD> |
||||
|
||||
<SCRIPT> |
||||
|
||||
<!--◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯ⵙ◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯--!> |
||||
var O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O = new (window.AudioContext || window.webkitAudioContext)(); |
||||
var O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O= O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createOscillator(); |
||||
var O_EDON_NIAG_O_GAIN_NODE_O = O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.createGain(); |
||||
O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**0; |
||||
O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**1; |
||||
O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**2; |
||||
O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**3; |
||||
O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**4; |
||||
O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**5; |
||||
O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**6; |
||||
O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**7; |
||||
O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**8; |
||||
O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**9; |
||||
O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**10; |
||||
O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**11; |
||||
O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**12; |
||||
O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**13; |
||||
O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**14; |
||||
O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**15; |
||||
O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.frequency.value = 1/84.406022589954030768899117092091000289089388918088900852079*3**16; |
||||
O_EDON_NIAG_O_GAIN_NODE_O.gain.value = 1/3**4; |
||||
O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.connect(O_EDON_NIAG_O_GAIN_NODE_O); |
||||
O_EDON_NIAG_O_GAIN_NODE_O.connect(O_TXETNOC_OIDUA_O_AUDIO_CONTEXT_O.destination); |
||||
O_0_EDON_ROTLICSO_O_OSCILATOR_NODE_0_O.start(); |
||||
O_1_EDON_ROTLICSO_O_OSCILATOR_NODE_1_O.start(); |
||||
O_2_EDON_ROTLICSO_O_OSCILATOR_NODE_2_O.start(); |
||||
O_3_EDON_ROTLICSO_O_OSCILATOR_NODE_3_O.start(); |
||||
O_4_EDON_ROTLICSO_O_OSCILATOR_NODE_4_O.start(); |
||||
O_5_EDON_ROTLICSO_O_OSCILATOR_NODE_5_O.start(); |
||||
O_6_EDON_ROTLICSO_O_OSCILATOR_NODE_6_O.start(); |
||||
O_7_EDON_ROTLICSO_O_OSCILATOR_NODE_7_O.start(); |
||||
O_8_EDON_ROTLICSO_O_OSCILATOR_NODE_8_O.start(); |
||||
O_9_EDON_ROTLICSO_O_OSCILATOR_NODE_9_O.start(); |
||||
O_01_EDON_ROTLICSO_O_OSCILATOR_NODE_10_O.start(); |
||||
O_11_EDON_ROTLICSO_O_OSCILATOR_NODE_11_O.start(); |
||||
O_21_EDON_ROTLICSO_O_OSCILATOR_NODE_12_O.start(); |
||||
O_31_EDON_ROTLICSO_O_OSCILATOR_NODE_13_O.start(); |
||||
O_41_EDON_ROTLICSO_O_OSCILATOR_NODE_14_O.start(); |
||||
O_51_EDON_ROTLICSO_O_OSCILATOR_NODE_15_O.start(); |
||||
O_61_EDON_ROTLICSO_O_OSCILATOR_NODE_16_O.start(); |
||||
<!--◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯ⵙ◯⁂ᐃⵔ꞉ⵘ❋ⵔⵔ⁂❋❋ⵔ❋·⁂❋❋ⵈ⁂❋ⵔ⁂❋꞉ⵔⵔⵔ·⁂ⵔ꞉⁂ⵔᐃ··⁂⁂❋❋⠿ᐃⵔⵈⵔ∷ⵘ⁂⁂❋ⵘ꞉꞉ⵔ⠿ⵔ∷◌∷❋◯⚪◯❋∷◌∷ⵔ⠿ⵔ꞉꞉ⵘ❋⁂⁂ⵘ∷ⵔⵈⵔᐃ⠿❋❋⁂⁂··ᐃⵔ⁂꞉ⵔ⁂·ⵔⵔⵔ꞉❋⁂ⵔ❋⁂ⵈ❋❋⁂·❋ⵔ❋❋⁂ⵔⵔ❋ⵘ꞉ⵔᐃ⁂◯--!> |
||||
|
||||
</SCRIPT> |
||||
|
||||
|
||||
|
||||
|
||||
<TITLE>⚪ᴥ⚪ᗱᗴ⚪✤⚪Ⓞ⚪ᙁ⚪ߦ⚪◯⚪ᗱᗴ⚪ᗯ⚪ᴥ⚪ᑎ⚪ᑐᑕ⚪◯⚪ИN⚪Ⓞ⚪ꖴ⚪✤⚪ᑐᑕ⚪ИN⚪ᑎ⚪ꗳ⚪◯⚪ᗱᗴ⚪ᴥ⚪ᑎ⚪✤⚪ᗩ⚪ᗯ⚪ᴥ⚪ᑎ⚪ᑐᑕ⚪◯⚪ᗝ⚪ᗱᗴ⚪ꖴ⚪ꗳ⚪ꖴ⚪ᑐᑕ⚪ᗱᗴ⚪ߦ⚪ᔓᔕ⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪𖡼⚪ᔓᔕ⚪ߦ⚪ᗱᗴ⚪ᑐᑕ⚪ꖴ⚪ꗳ⚪ꖴ⚪ᗱᗴ⚪ᗝ⚪◯⚪ᑐᑕ⚪ᑎ⚪ᴥ⚪ᗯ⚪ᗩ⚪✤⚪ᑎ⚪ᴥ⚪ᗱᗴ⚪◯⚪ꗳ⚪ᑎ⚪ИN⚪ᑐᑕ⚪✤⚪ꖴ⚪Ⓞ⚪ИN⚪◯⚪ᑐᑕ⚪ᑎ⚪ᴥ⚪ᗯ⚪ᗱᗴ⚪◯⚪ߦ⚪ᙁ⚪Ⓞ⚪✤⚪ᗱᗴ⚪ᴥ⚪</TITLE> |
||||
|
||||
|
||||
|
||||
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjs/12.1.0/math.js"></script> |
||||
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> |
||||
<style> |
||||
input[type=text]{FONT-FAMILY:ARIAL; |
||||
--O_ROLOC_O_COLOR_O:#F2F2F2; |
||||
--O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX; |
||||
--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX; |
||||
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; |
||||
BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:VISIBLE |
||||
} |
||||
input[type=text]:focus{ |
||||
border-color: #CECECE;BORDER-WIDTH:0PX;border-style: solid;outline: 1PX SOLID #E7E7E7; |
||||
} |
||||
input[type=range]::-moz-range-track { |
||||
HEIGHT:0PX; |
||||
--O_ROLOC_O_COLOR_O:#F2F2F2; |
||||
--O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX; |
||||
--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX; |
||||
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; |
||||
BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:HIDDEN |
||||
} |
||||
|
||||
input[type=range]::-moz-range-thumb { |
||||
HEIGHT:16PX;WIDTH:16PX; |
||||
--O_ROLOC_O_COLOR_O:#F2F2F2; |
||||
--O_SUIDAR_RULB_O_BLUR_RADIUS_O:0PX; |
||||
--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:1.0PX; |
||||
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; |
||||
BORDER-WIDTH:0;BORDER-RADIUS:65536PX;OVERFLOW:HIDDEN |
||||
} |
||||
</style> |
||||
</HEAD> |
||||
<BODY STYLE="BACKGROUND:#FFFFFF;FONT-SIZE:16PX;MARGIN:0;COLOR:#CECECE;FONT-FAMILY:ARIAL"> |
||||
<div align="center"> |
||||
𓊗<br><span id="nVal"></span><br><input type="range" id="n" min="1" max="16" value="8" style="width:100%"><br> |
||||
✤<br><span id="toVal"></span><br><input type="range" id="to" min="-12.566370614359172953850573533118" max="12.566370614359172953850573533118" value="6.283185307179586476925286766559" step="0.785398163397448" style="width:100%;color:#CECECE"><br> |
||||
ꗳ<br><span id="fromVal"></span><br><input type="range" id="from" min="-12.566370614359172953850573533118" max="12.566370614359172953850573533118" value="-6.283185307179586476925286766559" step="0.785398163397448" style="width:100%;color:#CECECE"><br> |
||||
<input type="text" id="formula" value="(1-cos(x*(4)/2))/2 ; acos(cos(x*(4)/2))/pi" style="width:100%; text-align:CENTER;COLOR:#CECECE;FONT-SIZE:16PX"><br> |
||||
<div id="k-graph"></div> |
||||
<div id="function-graph"></div> |
||||
<script> |
||||
function clamp(x) {return math.max(math.min(x,1),0)} |
||||
// JS equivalent for the map function |
||||
function arrayMax(arr) { |
||||
return Math.max(...arr.map(e => Math.max(...e))); |
||||
} |
||||
function arrayMin(arr) { |
||||
return Math.min(...arr.map(e => Math.min(...e))); |
||||
} |
||||
|
||||
function plot() { |
||||
var formulas = document.getElementById('formula').value.split(";"); |
||||
var fromPIO2 = Number(document.getElementById('from').value); |
||||
var toPIO2 = Number(document.getElementById('to').value); |
||||
var N = Number(document.getElementById('n').value); |
||||
|
||||
var num_points = 0 + 2 ** N; |
||||
document.getElementById('fromVal').innerText = +fromPIO2; |
||||
document.getElementById('toVal').innerText = +toPIO2; |
||||
document.getElementById('nVal').innerText = N; |
||||
|
||||
var from = fromPIO2; |
||||
var to = toPIO2; |
||||
|
||||
var step = (to - from) / num_points; |
||||
var x_vals = math.range(from, to, step, true).toArray(); |
||||
|
||||
var k_trace = []; |
||||
var function_trace = []; |
||||
|
||||
var all_x = []; |
||||
var all_y = []; |
||||
|
||||
formulas.map((formula, i) => { |
||||
var scope = { |
||||
clamp: function(x) { return math.max(math.min(x, 1), 0); } |
||||
}; |
||||
var kappa_vals = x_vals.map(x => math.evaluate(formula.trim(), { x: x, ...scope})); |
||||
var theta_vals = math.map(math.cumsum(kappa_vals), x => x * step); |
||||
var x_coords = math.map(math.cumsum(math.map(theta_vals, math.cos)), x => x * step); |
||||
var y_coords = math.map(math.cumsum(math.map(theta_vals, math.sin)), x => x * step); |
||||
|
||||
if (x_coords[0] != 0 || y_coords[0] != 0) { |
||||
x_coords.unshift(0); |
||||
y_coords.unshift(0); |
||||
} |
||||
|
||||
k_trace.push({ |
||||
x: x_coords, |
||||
y: y_coords, |
||||
mode: 'lines+markers', |
||||
line:{width:1}, |
||||
marker:{size:2}, |
||||
hovertemplate:'ꕤ %{x:.256f}'+'<br>人 %{y:.256f}', |
||||
name: '' |
||||
}); |
||||
|
||||
all_x.push(x_coords); |
||||
all_y.push(y_coords); |
||||
|
||||
var y_vals = x_vals.map(x => math.evaluate(formula.trim(), { x: x, ...scope})); |
||||
|
||||
function_trace.push({ |
||||
x: x_vals, |
||||
y: y_vals, |
||||
mode: 'lines+markers', |
||||
line:{width:1}, |
||||
marker:{size:2}, |
||||
hovertemplate:'ꕤ %{x:.256f}'+'<br>人 %{y:.256f}', |
||||
name: '' |
||||
}); |
||||
all_x.push(x_vals); |
||||
all_y.push(y_vals); |
||||
}); |
||||
|
||||
// Build annotations for every single curve in k_trace and function_trace |
||||
var annotations_k_trace = []; |
||||
var annotations_function_trace = []; |
||||
for (let trace of k_trace) { |
||||
annotations_k_trace.push({ |
||||
x: trace.x[0], |
||||
y: trace.y[0], |
||||
text:trace.x[0].toString() + '𓊗' + trace.y[0].toString(), // Update here |
||||
font: {color:'#CECECE',size:16,family:"ARIAL"}, |
||||
showarrow: false, |
||||
arrowhead: 0, |
||||
},{ |
||||
x: trace.x[trace.x.length - 1], |
||||
y: trace.y[trace.y.length - 1], |
||||
text:trace.x[trace.x.length - 1].toString() + '𓊗' + trace.y[trace.y.length - 1].toString(), // And here |
||||
font: {color:'#CECECE',size:16,family:"ARIAL"}, |
||||
showarrow: false, |
||||
arrowhead: 0, |
||||
}); |
||||
} |
||||
|
||||
for (let trace of function_trace) { |
||||
annotations_function_trace.push({ |
||||
x: trace.x[0], |
||||
y: trace.y[0], |
||||
text:trace.x[0].toString() + '𓊗' + trace.y[0].toString(), // Update here |
||||
font: {color:'#CECECE',size:16,family:"ARIAL"}, |
||||
showarrow: false, |
||||
arrowhead: 0, |
||||
},{ |
||||
x: trace.x[trace.x.length - 1], |
||||
y: trace.y[trace.y.length - 1], |
||||
text:trace.x[trace.x.length - 1].toString() + '𓊗' + trace.y[trace.y.length - 1].toString(), // And here |
||||
font: {color:'#CECECE',size:16,family:"ARIAL"}, |
||||
showarrow: false, |
||||
arrowhead: 0, |
||||
}); |
||||
} |
||||
|
||||
var layout_k_trace = { |
||||
annotations: annotations_k_trace, |
||||
margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 }, |
||||
autosize: true, |
||||
height: 320, |
||||
xaxis: {scaleanchor:'y',scaleratio: 1, autoscale:false, showgrid:true, zeroline:true, zerolinecolor:'#CECECE', zerolinewidth:2, tick0:0, dtick:1, showticklabels:true ,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16,family:"ARIAL"},showspikes:false, spikethickness:1, spikedash:'solid', spikemode:'across'}, |
||||
yaxis: {range: [arrayMin(all_y)-0, arrayMax(all_y)+0],showgrid:true,zeroline:true,zerolinecolor:'#CECECE',zerolinewidth:2,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16,family:"ARIAL"},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'}, |
||||
hovermode: 'closest', |
||||
dragmode: false, |
||||
showlegend: false, |
||||
hoverlabel: { bordercolor: "#CECECE", font:{size:16,color:'#CECECE',family:"ARIAL"} } |
||||
} |
||||
|
||||
var layout_function_trace = { |
||||
annotations: annotations_function_trace, |
||||
margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 }, |
||||
autosize: true, |
||||
height: 320, |
||||
xaxis: {scaleanchor:'y',scaleratio: 1, autoscale:false, showgrid:true, zeroline:true, zerolinecolor:'#CECECE', zerolinewidth:2, tick0:0, dtick:1, showticklabels:true ,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16,family:"ARIAL"},showspikes:false, spikethickness:1, spikedash:'solid', spikemode:'across'}, |
||||
yaxis: {range: [arrayMin(all_y)-0, arrayMax(all_y)+0],showgrid:true,zeroline:true,zerolinecolor:'#CECECE',zerolinewidth:2,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#CECECE',tickfont:{color:'#CECECE',size:16,family:"ARIAL"},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'}, |
||||
hovermode: 'closest', |
||||
dragmode: false, |
||||
showlegend: false, |
||||
hoverlabel: { bordercolor: "#CECECE", font:{size:16,color:'#CECECE',family:"ARIAL"} } |
||||
} |
||||
|
||||
Plotly.newPlot('k-graph',k_trace,layout_k_trace); |
||||
Plotly.newPlot('function-graph',function_trace,layout_function_trace); |
||||
} |
||||
|
||||
plot(); |
||||
|
||||
document.getElementById('formula').addEventListener('input', plot); |
||||
document.getElementById('from').addEventListener('input', plot); |
||||
document.getElementById('to').addEventListener('input', plot); |
||||
document.getElementById('n').addEventListener('input', plot); |
||||
</script> |
||||
</div> |
||||
</BODY> |
||||
</HTML> |
||||
Loading…
Reference in new issue