OO/𖣠⚪ᗩ∣ↀ∣𒾨⚪𔗢⚪🞋⚪𔗢⚪𒾨∣ↀ∣ᗩ⚪𖣠/𖣠⚪✤ᴥᗩ⚪𔗢⚪🞋⚪𔗢⚪ᗩᴥ✤⚪𖣠/𖣠⚪ᗱᗴᴥᗩᗯ✤ꗳⓄᔓᔕ⚪𔗢⚪🞋⚪𔗢⚪ᔓᔕⓄꗳ✤ᗯᗩᴥ.../𖣠⚪ᕭᕮᗩНߦᗱᗴᙏᕭᕮⓄ𒾨ᗝ⚪𔗢⚪🞋⚪𔗢⚪ᗝ𒾨Ⓞᕭᕮ.../𖣠⚪ᗱᗴᕤᕦᗩᑎᕤᕦИNᗩᙁ𖣓ߦᑎ✻ᴥᗩᙏ𖣓✤ꕤᗱᗴ✤.../⅃MTH..𖣠⚪ᴥᗱᗴ✤Ⓞᙁߦ᳀ᗱᗴᗯᴥᑎᑐᑕ⚙ИNⓄ...

285 lines
738 KiB
Plaintext
Raw Normal View History

<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="http://CDNJS.CLOUDFLARE.COM/ajax/libs/mathjs/12.4.1/math.js">!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.math=t():e.math=t()}(this,(()=>(()=>{var e={5716:function(e,t){var r;!function(n){"use strict";var i=Math.cosh||function(e){return Math.abs(e)<1e-9?1-e:.5*(Math.exp(e)+Math.exp(-e))},a=Math.sinh||function(e){return Math.abs(e)<1e-9?e:.5*(Math.exp(e)-Math.exp(-e))},o=function(){throw SyntaxError("Invalid Param")};function u(e,t){var r=Math.abs(e),n=Math.abs(t);return 0===e?Math.log(n):0===t?Math.log(r):r<3e3&&n<3e3?.5*Math.log(e*e+t*t):(e/=2,t/=2,.5*Math.log(e*e+t*t)+Math.LN2)}function s(e,t){if(!(this instanceof s))return new s(e,t);var r=function(e,t){var r={re:0,im:0};if(null==e)r.re=r.im=0;else if(void 0!==t)r.re=e,r.im=t;else switch(typeof e){case"object":if("im"in e&&"re"in e)r.re=e.re,r.im=e.im;else if("abs"in e&&"arg"in e){if(!Number.isFinite(e.abs)&&Number.isFinite(e.arg))return s.INFINITY;r.re=e.abs*Math.cos(e.arg),r.im=e.abs*Math.sin(e.arg)}else if("r"in e&&"phi"in e){if(!Number.isFinite(e.r)&&Number.isFinite(e.phi))return s.INFINITY;r.re=e.r*Math.cos(e.phi),r.im=e.r*Math.sin(e.phi)}else 2===e.length?(r.re=e[0],r.im=e[1]):o();break;case"string":r.im=r.re=0;var n=e.match(/\d+\.?\d*e[+-]?\d+|\d+\.?\d*|\.\d+|./g),i=1,a=0;null===n&&o();for(var u=0;u<n.length;u++){var c=n[u];" "===c||"\t"===c||"\n"===c||("+"===c?i++:"-"===c?a++:"i"===c||"I"===c?(i+a===0&&o()," "===n[u+1]||isNaN(n[u+1])?r.im+=parseFloat((a%2?"-":"")+"1"):(r.im+=parseFloat((a%2?"-":"")+n[u+1]),u++),i=a=0):((i+a===0||isNaN(c))&&o(),"i"===n[u+1]||"I"===n[u+1]?(r.im+=parseFloat((a%2?"-":"")+c),u++):r.re+=parseFloat((a%2?"-":"")+c),i=a=0))}i+a>0&&o();break;case"number":r.im=0,r.re=e;break;default:o()}return isNaN(r.re)||isNaN(r.im),r}(e,t);this.re=r.re,this.im=r.im}s.prototype={re:0,im:0,sign:function(){var e=this.abs();return new s(this.re/e,this.im/e)},add:function(e,t){var r=new s(e,t);return this.isInfinite()&&r.isInfinite()?s.NAN:this.isInfinite()||r.isInfinite()?s.INFINITY:new s(this.re+r.re,this.im+r.im)},sub:function(e,t){var r=new s(e,t);return this.isInfinite()&&r.isInfinite()?s.NAN:this.isInfinite()||r.isInfinite()?s.INFINITY:new s(this.re-r.re,this.im-r.im)},mul:function(e,t){var r=new s(e,t);return this.isInfinite()&&r.isZero()||this.isZero()&&r.isInfinite()?s.NAN:this.isInfinite()||r.isInfinite()?s.INFINITY:0===r.im&&0===this.im?new s(this.re*r.re,0):new s(this.re*r.re-this.im*r.im,this.re*r.im+this.im*r.re)},div:function(e,t){var r=new s(e,t);if(this.isZero()&&r.isZero()||this.isInfinite()&&r.isInfinite())return s.NAN;if(this.isInfinite()||r.isZero())return s.INFINITY;if(this.isZero()||r.isInfinite())return s.ZERO;e=this.re,t=this.im;var n,i,a=r.re,o=r.im;return 0===o?new s(e/a,t/a):Math.abs(a)<Math.abs(o)?new s((e*(i=a/o)+t)/(n=a*i+o),(t*i-e)/n):new s((e+t*(i=o/a))/(n=o*i+a),(t-e*i)/n)},pow:function(e,t){var r=new s(e,t);if(e=this.re,t=this.im,r.isZero())return s.ONE;if(0===r.im){if(0===t&&e>0)return new s(Math.pow(e,r.re),0);if(0===e)switch((r.re%4+4)%4){case 0:return new s(Math.pow(t,r.re),0);case 1:return new s(0,Math.pow(t,r.re));case 2:return new s(-Math.pow(t,r.re),0);case 3:return new s(0,-Math.pow(t,r.re))}}if(0===e&&0===t&&r.re>0&&r.im>=0)return s.ZERO;var n=Math.atan2(t,e),i=u(e,t);return e=Math.exp(r.re*i-r.im*n),t=r.im*i+r.re*n,new s(e*Math.cos(t),e*Math.sin(t))},sqrt:function(){var e,t,r=this.re,n=this.im,i=this.abs();if(r>=0){if(0===n)return new s(Math.sqrt(r),0);e=.5*Math.sqrt(2*(i+r))}else e=Math.abs(n)/Math.sqrt(2*(i-r));return t=r<=0?.5*Math.sqrt(2*(i-r)):Math.abs(n)/Math.sqrt(2*(i+r)),new s(e,n<0?-t:t)},exp:function(){var e=Math.exp(this.re);return this.im,new s(e*Math.cos(this.im),e*Math.sin(this.im))},expm1:function(){var e=this.re,t=this.im;return new s(Math.expm1(e)*Math.cos(t)+function(e){var t=Math.PI/4;if(-t>e||e>t)return Math.cos(e)-1;var r=e*e;return r*(r*(r*(r*(r*(r*(r*(r/20922789888e3-1/87178291200)+1/479001600)-1/3628800)+1/40320)-1/720)+1/24)-.5)}(t),Math.exp(e)*Math.
<script src="http://CDN.PLOT.LY/plotly-2.30.1.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: #C7C7C7;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:12PX;MARGIN:0;COLOR:#C7C7C7;FONT-FAMILY:ARIAL">
<div align="center">
𓊗<br><span id="nVal"></span><br><input type="range" id="n" min="0" 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.785398163396448" style="width:100%;color:#C7C7C7"><br>
ꗳ<br><span id="fromVal"></span><br><input type="range" id="from" min="-12.566370614359172953850573533118" max="12.566370614359172953850573533118" value="-6.283185307179586476925286766559" step="0.785398163396448" style="width:100%;color:#C7C7C7"><br>
<input type="text" id="formula" value="(1-cos(x*(4)/2))/2 ; acos(cos(x*(4)/2))/pi ; .5+.5*(-1)^floor((4)/2*x/pi)+(-1)^floor((4)/2*x/pi)/(-1-e^(pi*((-(4)/2*x+pi*floor((4)/2*x/pi))^(-1)+(pi-(4)/2*x+pi*floor((4)/2*x/pi))^(-1)))) ; (-1)^floor((x/pi*(4)/2-.5)/1)*(1-abs(mod((x/pi*(4)/2-.5)*2,2)-1)^2)^(1/2)/2+.5" style="width:100%; text-align:CENTER;COLOR:#C7C7C7;FONT-size:12PX"><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:'#C7C7C7',size:12,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:'#C7C7C7',size:12,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:'#C7C7C7',size:12,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:'#C7C7C7',size:12,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:'#C7C7C7', zerolinewidth:2, tick0:0, dtick:1, showticklabels:true ,automargin:true,gridcolor:'#C7C7C7',tickfont:{color:'#C7C7C7',size:12,family:"ARIAL"},showspikes:false, spikethickness:1, spikedash:'solid', spikemode:'across'},
yaxis: {range: [arrayMin(all_y)-(.0078125*2), arrayMax(all_y)+(.0078125*2)],showgrid:true,zeroline:true,zerolinecolor:'#C7C7C7',zerolinewidth:2,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#C7C7C7',tickfont:{color:'#C7C7C7',size:12,family:"ARIAL"},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'},
hovermode: 'closest',
dragmode: false,
showlegend: false,
hoverlabel: { bordercolor: "#C7C7C7", font:{size:12,color:'#C7C7C7',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:'#C7C7C7', zerolinewidth:2, tick0:0, dtick:1, showticklabels:true ,automargin:true,gridcolor:'#C7C7C7',tickfont:{color:'#C7C7C7',size:12,family:"ARIAL"},showspikes:false, spikethickness:1, spikedash:'solid', spikemode:'across'},
yaxis: {range: [arrayMin(all_y)-(.0078125*2), arrayMax(all_y)+(.0078125*2)],showgrid:true,zeroline:true,zerolinecolor:'#C7C7C7',zerolinewidth:2,tick0:0,dtick:1,showticklabels:false,automargin:true,gridcolor:'#C7C7C7',tickfont:{color:'#C7C7C7',size:12,family:"ARIAL"},showspikes:false,spikethickness:1,spikedash:'solid',spikemode:'across'},
hovermode: 'closest',
dragmode: false,
showlegend: false,
hoverlabel: { bordercolor: "#C7C7C7", font:{size:12,color:'#C7C7C7',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>