éÙ0Ý}vÙ,©}ÛpT,U}Iiñ>ôj±X¡{ÉnÊ>}Àÿ*ÔLÀ¹{ÿ¸*f0åd2{s»*V¿?¸±8ZÜGá
Efq± Ý~ê:Øì ý,÷süü:-X X:Âÿ*\>uAn~xÑP]¿Þ5-n*Ñ\D"lã¯2FìàEKócFÊÁÎ=M ÿ=Më}hÆã2-àr aF¹2 ªàAË~Æ®2'àáèܾz
+ôÍÂ@J÷´B¸s6f\yxJ¢ÃB o [l Âc~<óðB2ò oòáú¢70¸SÛüãgo¤ÐªOÎÀJýãHi¤f}ª¿±¥!kàÏCG#¤¥¹O{VÐuD#ê¥ÏgB¥®»öÄL
+éd_%aȨ0M«UÚ³ Ð{«©¶ÓË2´O;Ä _ç
+= äl%.:§À¬= · ͽEîAÈ6×pÇÜ7ú5PGçlF 5PÇfÐlhq5G ÈðéíÉï4¿<Ò_í5 >Gäì^Ö5zÈÁì_8ÏÄü¸ìTÅQhwo-S bGEè - иZ¯híHs ·è)ÌáòóO7~8 ª7Ê8¡:7Z8´ò%!NI R×,=M70
+íçîßlo/Î wÎ
+ÇNRÏ w ç
+×Âç?ÏB· ÿü W } !rCÒ§¢)tDHô6T:´Ü%vÍ)VÖ$¶ÆLvÓPªAqV_ñ]ñUqoMqT]qJIñEñtñæ ²é2 ò9qyÏyQù¹I)¿Ý@)h¤}±Ã©EX~Y~þ~YaÇX~Y~YÂ/*-:¥a¸ÃF£©{Ôã¢B¤m*ç,Û¾ÔÅaF jj1|¿Ü» i4Y-ê8i1~P¿PÝÜWßkô"7çê¡<1(®¿ù§yÞgºWÞ{ iUFjê1 ÒÀâÛu¢w¬¼³yV×- rFçABÌàôÕ µGplÿw6H/ÊöòMýA°àþáZ|ßV ¥æß¸ê µò_?|×9 Q üTnvCÊ
¬r9A©úàb á Üö>Âòjóe«å:en[åVÇeH÷å/eå/ årÅe(5å)åb=MeÝå
iåN9emäbQå½Ê×Æï»Ç¿»Ä_ÁÊg?Í<ÐwýË Ñ¯ Îo{ÏÏ~ÌÒâÍßÀgº& {îD~ DqúÄÄñ« ûë=MïH ÈõöÍ©HþÙÈÁ!äÔ(Õm.-m{íY]m|éí>¹mBYm[qí
AmÕôÕöy°±
4mí5Ìm'íkítÊ-_÷yaö ùÅ¢÷¡ö½(Õ(ÚçÔYj×qhÖÁÈÙáIÓ¡IØeÙÅÓÅØe¸Õ%ºÖa8Õ7ÚQøÔ±w×9zÖéØÙÝWÓmWØ5ÕáÖ±ª/, ×ÇÂßÁϽ×Ag<??¥ÆõíÆSq+Z|{YKajcw+m;që|û k jû Ãw;u+q»lp ~Û·OÚ å ëß/>¢¯9¦»¸ã³'V~YrY~_@~Y~YYqVò6Ò=}åÏ¢1k5{tÒ\=Mê¯1uü¿fÛ± ÎëúgôZ'¼j)1ø¿â=MÛ
w KswtWHF þj11 Àv Ý o8bª¢Ó22¯½É 9ZB+VkLíjIX14¾À°ZÝÕ|Û!cÔ¡+F}¬ê/Ö1nÀÒÞíÿ_û rôDÆöj}º1M¿BÞÉ""ܽAF¾ æ¼f¼öŽF½»,
»V¾Ô¶¾5¼äõ<ºéÃ&ôÑ.TÜ^´ÊZtÚBVC4N+Ôa[G74J?ÔUEA»ì»P¾¼½½<=}½þ».þ ^é'ñédQÁï
+ß7´34Kô'ôWt ?ÔEÔ-T]T9TQT"$ Tn/¦Î0/p0¸>/|þ0tÞ/^0 /Uª0Ïê/ j0²Ê0
+/80¤:/½ú0wÚ/Z/Æ0¤2àÕ
àØßÚ_Õ_ØE"Óñ"Ù0â/êb/¬"0ähFË4ÄOÛ¶W0Çåè¸E.?Tg,ÛE ßDAçðÉ)I·u+Ôç'/áV«4ð[¿
ÑtÅR[9·ÒÇÙ·¹-,$ÈgvõEüTE_«üì×QÅù¶4- Xhy]Åç¦ôH4;çß=MÉuY·þ.XhÅðÊtW.;xðÿÄ%¹| o,µÞ©+côKzÀÑm/·Pê.Ähç U«ï¸ÂI.ÃVçgÜÅqß4$ëXëGþÅÕÏ (ë^íGÿƵP¶ÔÚ]Ú,â>h~P
qJ{_þoâËíÀ¹L2-3jè'{íïßÆý@¶Ñ+«:gnhøt]Ëö'[Ðñ´,¤Ró? Ç)á´(A,ÒrhM:E´P{ñW¢Ã"µªâ.yèGv²ô :þïÎÕ¨r,C ¿_âå
+K¡ÇvBö⳨k$¨ó×ñ}Y~Y~Y~Y~Y~ ºÉ×îb=M!ªu©y=}©xj (sf >*ye
+þ(v
+>éwn ét´ .é9J9ÙX9 GAYþß Ðå^2¶|?ç6;÷JRpNR@6õn=}ýÎ;iáW¯JZ¾Û&Àk ~c< !¹ðù@ Ù"ÞÅJu¼T>ÛRáØBQØbéUCáS3 _(CÍê8z±ÎD"ÐLzvÉÏFNÏN ÏzÐ~ Qúì¶üüªýèöûxxß rþfÜIYQX1
+ONÞOJwÑ=MZU!Ært{=}ü>÷>^Ò=}¶Zw$YU>ür>^0ùvþG@9ôzþ_¦ÀpM6 j@àöº^*^=M^n9ÿ¾Z*ñ\JH²wáýÂÐ Ö
+Q ØFâZÀ Ùÿ&X<½ãæÖê) Ú* BÆ_Z4¡ 7iü¶9Æ¿R°Óq /ÚÆ ®ïwGñalA-q4 ¡v4Øf:;Ùv¿WfT
+>ÀVÿ<r¼ÖCZxµHpÅV fhÜ:!;\o¯9ÇüSåî_õÆl_ø1<_iÿy]± z iaúÓ0QðYðQî>pHäAî9P®°YÜâfZØlNlPîáèðÖÝR´ç}?ÇuÌRÇ != Ôܱ!k óíaæ!Ç2! º|2 &ìNäeA2+j >ñ[±rKLáæö÷
>j.i\ÈúÌKæýõ_0º×R_C/ à4ÑÑ\å¹À·áô-³M;&gyè¿lWt \åM¾Qh¸õG1§ý1¿Å5 ]ľ 1Ù?¼ßÄ= !]ºê«JFQq A4ùò( DLÑoñ¶ñþ $,ÿÅUi]Õ6[ëPüé/ãòoBAÐlWzÇcÒ¶=M®Ù ¤^·±º±ùô>né7i/9ZçÉüô3à³ð_Ãóö˽÷PÖ]÷ÃÝ¡ ßýyÄ¿ ÉiF @ Âý0e èS¡¤7aâ¬= A$weZór4
ÚWT$-Ø
RnpÛvj¶ ÚXÁ+= :«ßù«_¶qn¿#:0j*·
+ßA»gR¯Ní= P{SÂò>9'¢ÛA$
+Û"eÚ?ùèÈQ|éõÓmï- à nüìj¤ñÒä?NåkZp@ë£Õ]= Û¼ÔßAç5Ýú´þks¬7ç=MrqÃF5^&A6Úa4Zâ·}OV49Iq sÆrÐqQ£]tÍ\aÄWfñ×Ul£ÝwÛAMre 0éð Ê@T
+¸À3= (QJH5i¼wp!6©ø"ñâaí= ÑÎOKB4¨÷ÕVÀîàûæ¹í£>Math.atan(t),a:t=>Math.cos(t),d:t=>Math.exp(t),e:t=>Math.log(t),f:(t,s)=>Math.pow(t,s),c:t=>Math.sin(t),g:(t,s,i)=>r.copyWithin(t,s,s+i),h(t){r.length,(()=>{throw"OOM"})()}}};this.u=s=>{t.u(pe,s)},this.U=()=>t.U(pe),this.instantiate=()=>(this.U().then((t=>WebAssembly.instantiate(t,d))).then((t=>{const i=t.exports;var e;h=i.k,o=i.l,a=i.m,l=i.n,c=i.o,u=i.p,U=i.q,e=(n=i.i).buffer,r=new Uint8Array(e),(t=>{t.j()})(i),s()})),this.ready=new Promise((t=>{s=t})).then((()=>{this.I=n.buffer,this.V=o,this.free=U,this.Fs=h,this._s=a,this.Vs=l,this.ks=c,this.Ss=u})),this)}function Me(){return this.qs=()=>(new this.Hs).instantiate(this.$s,this.Cs).then((t=>{this.Is=t,this.js=this.Is._(this.Js,Uint8Array),this.xs=!0,this.Ps=this.Is._(1,Uint32Array),this.Ds=this.Is._(1,Uint32Array),this.Es=this.Is._(1,Uint32Array),this.Os=this.Is._(1,Uint32Array),this.Ns=this.Is._(1,Uint32Array),this.Zs=this.Is._(256,Uint32Array),this.zs=this.Is._(1,Int32Array),this.gs=0,this.Ks=0,this.Qs=0,this.Rs=this.Is.M.Fs(this.js.H,this.Ps.H,this.Ds.H,this.Es.H,this.Os.H,this.Ns.H,this.Zs.H,this.zs.H,256)})),Object.defineProperty(this,"ready",{enumerable:!0,get:()=>this.Gs}),this.reset=()=>(this.free(),this.qs()),this.free=()=>{this.Is.M.Ss(this.Rs),this.Is.free()},this.sendSetupHeader=t=>{this.js.C.set(t),this.Ps.C[0]=t.length,this.Is.M._s(this.Rs,this.xs),this.xs=!1},this.initDsp=()=>{this.Is.M.Vs(this.Rs)},this.decodePackets=t=>{let s=[],i=0,e=[];for(let r=0;r{if("vorbis"!==t)throw Error("@wasm-audio-decoders/ogg-vorbis does not support this codec "+t)},new r,this.qs(),this[ye](Me)}qs(){this.Ls=!0,this.Ws=0,this.ut=new oe("audio/ogg",{os:this.zt,Us:!1})}[ye](t){if(this.Rs){const t=this.Rs;t.ready.then((()=>t.free()))}this.Rs=new t,this.Gs=this.Rs.ready}get ready(){return this.Gs}async reset(){return this.qs(),this.Rs.reset()}free(){this.Rs.free()}async ti(t){const s=[];for(let r=0;rt[le])))}const i=await this.Rs.decodePackets(s);this.Ws+=i.samplesDecoded;const e=t[t.length-1];if(e&&e[ue]){const t=this.Ws-e[fe];if(t>0){for(let s=0;s>> 0;
- [arr[n], arr[random]] = [arr[random], arr[n]];
- }
- return arr;
- }
- music.addEventListener("mousedown", function (e) {
- e.stopPropagation();
- const left = core.dom.gameGroup.offsetLeft;
- const top = core.dom.gameGroup.offsetTop;
- const px = Math.floor((e.clientX - left) / core.domStyle.scale),
- py = Math.floor((e.clientY - top) / core.domStyle.scale);
- core.ui.music.mousedown(px * 3, py * 3);
- });
- music.addEventListener("mousemove", function (e) {
- e.stopPropagation();
- const left = core.dom.gameGroup.offsetLeft;
- const top = core.dom.gameGroup.offsetTop;
- const px = Math.floor((e.clientX - left) / core.domStyle.scale),
- py = Math.floor((e.clientY - top) / core.domStyle.scale);
- core.ui.music.mousemove(px * 3, py * 3);
- });
- music.addEventListener("mouseup", function (e) {
- e.stopPropagation();
- ischange = false;
- isvolume = false;
- if (!main.core.ui.music.stop) audio.play();
- });
- music.addEventListener("mouseleave", function (e) {
- e.stopPropagation();
- ischange = false;
- isvolume = false;
- if (!main.core.ui.music.stop) audio.play();
- });
- music.addEventListener("touchstart", function (e) {
- e.preventDefault();
- const left = core.dom.gameGroup.offsetLeft;
- const top = core.dom.gameGroup.offsetTop;
- const px = Math.floor(
- (e.touches[0].clientX - left) / core.domStyle.scale
- ),
- py = Math.floor((e.touches[0].clientY - top) / core.domStyle.scale);
- core.ui.music.mousedown(px * 3, py * 3);
- });
- music.addEventListener("touchmove", function (e) {
- e.stopPropagation();
- const left = core.dom.gameGroup.offsetLeft;
- const top = core.dom.gameGroup.offsetTop;
- const px = Math.floor(
- (e.touches[0].clientX - left) / core.domStyle.scale
- ),
- py = Math.floor((e.touches[0].clientY - top) / core.domStyle.scale);
- core.ui.music.mousemove(px * 3, py * 3);
- });
- music.addEventListener("touchend", function (e) {
- e.stopPropagation();
- ischange = false;
- isvolume = false;
- if (!main.core.ui.music.stop) audio.play();
- });
- music.addEventListener("touchcancel", function (e) {
- e.stopPropagation();
- ischange = false;
- isvolume = false;
- });
+ function shuffle(arr) {
+ let n = arr.length,
+ random;
+ while (n) {
+ random = (Math.random() * n--) >>> 0;
+ [arr[n], arr[random]] = [arr[random], arr[n]];
+ }
+ return arr;
+ }
+ music.addEventListener("mousedown", function (e) {
+ e.stopPropagation();
+ const left = core.dom.gameGroup.offsetLeft;
+ const top = core.dom.gameGroup.offsetTop;
+ const px = Math.floor((e.clientX - left) / core.domStyle.scale),
+ py = Math.floor((e.clientY - top) / core.domStyle.scale);
+ core.ui.music.mousedown(px * 3, py * 3);
+ });
+ music.addEventListener("mousemove", function (e) {
+ e.stopPropagation();
+ const left = core.dom.gameGroup.offsetLeft;
+ const top = core.dom.gameGroup.offsetTop;
+ const px = Math.floor((e.clientX - left) / core.domStyle.scale),
+ py = Math.floor((e.clientY - top) / core.domStyle.scale);
+ core.ui.music.mousemove(px * 3, py * 3);
+ });
+ music.addEventListener("mouseup", function (e) {
+ e.stopPropagation();
+ ischange = false;
+ isvolume = false;
+ if (!main.core.ui.music.stop) audio.play();
+ });
+ music.addEventListener("mouseleave", function (e) {
+ e.stopPropagation();
+ ischange = false;
+ isvolume = false;
+ if (!main.core.ui.music.stop) audio.play();
+ });
+ music.addEventListener("touchstart", function (e) {
+ e.preventDefault();
+ const left = core.dom.gameGroup.offsetLeft;
+ const top = core.dom.gameGroup.offsetTop;
+ const px = Math.floor(
+ (e.touches[0].clientX - left) / core.domStyle.scale
+ ),
+ py = Math.floor((e.touches[0].clientY - top) / core.domStyle.scale);
+ core.ui.music.mousedown(px * 3, py * 3);
+ });
+ music.addEventListener("touchmove", function (e) {
+ e.stopPropagation();
+ const left = core.dom.gameGroup.offsetLeft;
+ const top = core.dom.gameGroup.offsetTop;
+ const px = Math.floor(
+ (e.touches[0].clientX - left) / core.domStyle.scale
+ ),
+ py = Math.floor((e.touches[0].clientY - top) / core.domStyle.scale);
+ core.ui.music.mousemove(px * 3, py * 3);
+ });
+ music.addEventListener("touchend", function (e) {
+ e.stopPropagation();
+ ischange = false;
+ isvolume = false;
+ if (!main.core.ui.music.stop) audio.play();
+ });
+ music.addEventListener("touchcancel", function (e) {
+ e.stopPropagation();
+ ischange = false;
+ isvolume = false;
+ });
- audio.addEventListener("ended", function () {
- switch (main.core.ui.music.type) {
- case "danqu":
- audio.currentTime = 0;
- if (!main.core.ui.music.stop) audio.play();
- main.core.ui.music.stop = false;
- page = main.core.ui.music.selection[0];
+ audio.addEventListener("ended", function () {
+ switch (main.core.ui.music.type) {
+ case "danqu":
+ audio.currentTime = 0;
+ if (!main.core.ui.music.stop) audio.play();
+ main.core.ui.music.stop = false;
+ page = main.core.ui.music.selection[0];
- break;
- case "xunhuan":
- if (
- main.core.ui.music.selection[1] ===
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]].length -
- 1
- ) {
- if (
- main.core.ui.music.selection[0] ===
- main.core.ui.music.musicMx.length - 1
- ) {
- main.core.ui.music.selection[0] = 0;
- main.core.ui.music.selection[1] = 0;
- } else {
- main.core.ui.music.selection[0] += 1;
- main.core.ui.music.selection[1] = 0;
- }
- } else {
- main.core.ui.music.selection[1] += 1;
- }
- main.core.ui.music.randomList.indexOf(
- (v) =>
- v ===
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
- main.core.ui.music.selection[1]
- ]
- );
- page = main.core.ui.music.selection[0];
- audio.src =
- "project/bgms/" +
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
- main.core.ui.music.selection[1]
- ];
+ break;
+ case "xunhuan":
+ if (
+ main.core.ui.music.selection[1] ===
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]].length -
+ 1
+ ) {
+ if (
+ main.core.ui.music.selection[0] ===
+ main.core.ui.music.musicMx.length - 1
+ ) {
+ main.core.ui.music.selection[0] = 0;
+ main.core.ui.music.selection[1] = 0;
+ } else {
+ main.core.ui.music.selection[0] += 1;
+ main.core.ui.music.selection[1] = 0;
+ }
+ } else {
+ main.core.ui.music.selection[1] += 1;
+ }
+ main.core.ui.music.randomList.indexOf(
+ (v) =>
+ v ===
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
+ main.core.ui.music.selection[1]
+ ]
+ );
+ page = main.core.ui.music.selection[0];
+ audio.src =
+ "project/bgms/" +
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
+ main.core.ui.music.selection[1]
+ ];
- if (!main.core.ui.music.stop) audio.play();
- main.core.ui.music.stop = false;
- break;
- case "suiji":
- if (
- main.core.ui.music.random <
- main.core.ui.music.randomList.length - 1
- ) {
- main.core.ui.music.random += 1;
- } else {
- main.core.ui.music.random = 0;
- }
- main.core.ui.music.selection[0] =
- main.core.ui.music.musicMx.findIndex((v) =>
- v.includes(
- main.core.ui.music.randomList[main.core.ui.music.random]
- )
- );
- main.core.ui.music.selection[1] = main.core.ui.music.musicMx[
- main.core.ui.music.selection[0]
- ].indexOf(main.core.ui.music.randomList[main.core.ui.music.random]);
- audio.src =
- "project/bgms/" +
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
- main.core.ui.music.selection[1]
- ];
- page = main.core.ui.music.selection[0];
+ if (!main.core.ui.music.stop) audio.play();
+ main.core.ui.music.stop = false;
+ break;
+ case "suiji":
+ if (
+ main.core.ui.music.random <
+ main.core.ui.music.randomList.length - 1
+ ) {
+ main.core.ui.music.random += 1;
+ } else {
+ main.core.ui.music.random = 0;
+ }
+ main.core.ui.music.selection[0] =
+ main.core.ui.music.musicMx.findIndex((v) =>
+ v.includes(
+ main.core.ui.music.randomList[main.core.ui.music.random]
+ )
+ );
+ main.core.ui.music.selection[1] = main.core.ui.music.musicMx[
+ main.core.ui.music.selection[0]
+ ].indexOf(main.core.ui.music.randomList[main.core.ui.music.random]);
+ audio.src =
+ "project/bgms/" +
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
+ main.core.ui.music.selection[1]
+ ];
+ page = main.core.ui.music.selection[0];
- if (!main.core.ui.music.stop) audio.play();
- main.core.ui.music.stop = false;
- break;
- }
- });
+ if (!main.core.ui.music.stop) audio.play();
+ main.core.ui.music.stop = false;
+ break;
+ }
+ });
- class musicclass {
- constructor() {
- //music列表
- //需全塔属性注册并保存在bgms文件夹,每个数组为显示的一页内容
- this.musicMx = [
- ["Asphodelus_Ceui.mp3", "Blind_Alley.mp3"],
- ["Crawler.mp3", "op.mp3", "theme.mp3"],
- ];
- //音乐别名（将在播放器内显示的音乐名，music列表内的都要有对应歌名）
- this.musicname = {
- "Asphodelus_Ceui.mp3": "Asphodelus",
- "Blind_Alley.mp3": "Blind",
- "Crawler.mp3": "Crawler",
- "op.mp3": "op",
- "theme.mp3": "theme",
- };
- this.selection = [0, 0];
- this.stop = false;
- this.type = "xunhuan";
- this.randomList = [];
- this.random = 0;
- }
+ class musicclass {
+ constructor() {
+ //music列表
+ //需全塔属性注册并保存在bgms文件夹,每个数组为显示的一页内容
+ this.musicMx = [
+ ["Asphodelus_Ceui.mp3", "Blind_Alley.mp3"],
+ ["Crawler.mp3", "op.mp3", "theme.mp3"],
+ ];
+ //音乐别名（将在播放器内显示的音乐名，music列表内的都要有对应歌名）
+ this.musicname = {
+ "Asphodelus_Ceui.mp3": "Asphodelus",
+ "Blind_Alley.mp3": "Blind",
+ "Crawler.mp3": "Crawler",
+ "op.mp3": "op",
+ "theme.mp3": "theme",
+ };
+ this.selection = [0, 0];
+ this.stop = false;
+ this.type = "xunhuan";
+ this.randomList = [];
+ this.random = 0;
+ }
- //更新
- update() {
- this.background();
- this.drawUI();
- }
- background() {
- //画布大小设置
- if (core.domStyle.isVertical) {
- music.width = 1248;
- music.height = 2028;
- } else {
- music.width = 2028;
- music.height = 1248;
- }
- }
- mousedown(px, py) {
- //鼠标按下时
- //console.log(px, py)
- const makeBox = ([x, y], [w, h]) => {
- return [
- [x, y],
- [x + w, y + h],
- ];
- };
- const inRect = ([x, y], [[sx, sy], [dx, dy]]) => {
- return sx <= x && x <= dx && sy <= y && y <= dy;
- };
- const pos = [px, py];
- const backbox = makeBox([15, 35], [210, 90]);
- if (inRect(pos, backbox)) {
- //离开按钮是一致的，其余的记区分横竖屏
- music.style.display = "none";
- core.clearMap(ctx);
- core.unregisterAnimationFrame("music");
- audio.src = "";
- core.restart();
+ //更新
+ update() {
+ this.background();
+ this.drawUI();
+ }
+ background() {
+ //画布大小设置
+ if (core.domStyle.isVertical) {
+ music.width = 1248;
+ music.height = 2028;
+ } else {
+ music.width = 2028;
+ music.height = 1248;
+ }
+ }
+ mousedown(px, py) {
+ //鼠标按下时
+ //console.log(px, py)
+ const makeBox = ([x, y], [w, h]) => {
+ return [
+ [x, y],
+ [x + w, y + h],
+ ];
+ };
+ const inRect = ([x, y], [
+ [sx, sy],
+ [dx, dy]
+ ]) => {
+ return sx <= x && x <= dx && sy <= y && y <= dy;
+ };
+ const pos = [px, py];
+ const backbox = makeBox([15, 35], [210, 90]);
+ if (inRect(pos, backbox)) {
+ //离开按钮是一致的，其余的记区分横竖屏
+ music.style.display = "none";
+ core.clearMap(ctx);
+ core.unregisterAnimationFrame("music");
+ audio.src = "";
+ core.restart();
- return;
- }
- if (core.domStyle.isVertical) {
- //竖屏
+ return;
+ }
+ if (core.domStyle.isVertical) {
+ //竖屏
- const pageupbox = makeBox([100, 1230], [200, 100]);
- const pagedownbox = makeBox([950, 1230], [200, 100]);
- const musicbox = makeBox(
- [100, 200],
- [1048, this.musicMx[page].length * 100]
- );
- const beforebox = makeBox([120, 1720], [100, 100]);
- const afterbox = makeBox([780, 1720], [100, 100]);
- const playbox = makeBox([420, 1680], [200, 200]);
- const typebox = makeBox([1040, 1700], [120, 120]);
- const changebox = makeBox([100, 1590], [1048, 20]);
- const volumebox = makeBox([250, 1940], [1050, 20]);
- if (inRect(pos, pageupbox)) {
- if (page !== 0) page -= 1;
- return;
- }
- if (inRect(pos, pagedownbox)) {
- if (page !== this.musicMx.length - 1) page += 1;
- return;
- }
- if (inRect(pos, playbox)) {
- if (this.stop) {
- this.stop = !this.stop;
- audio.play();
- } else {
- this.stop = !this.stop;
- audio.pause();
- }
- return;
- }
- if (inRect(pos, beforebox)) {
- switch (this.type) {
- case "danqu":
- audio.currentTime = 0;
- if (!this.stop) audio.play();
- this.stop = false;
- page = this.selection[0];
+ const pageupbox = makeBox([100, 1230], [200, 100]);
+ const pagedownbox = makeBox([950, 1230], [200, 100]);
+ const musicbox = makeBox(
+ [100, 200],
+ [1048, this.musicMx[page].length * 100]
+ );
+ const beforebox = makeBox([120, 1720], [100, 100]);
+ const afterbox = makeBox([780, 1720], [100, 100]);
+ const playbox = makeBox([420, 1680], [200, 200]);
+ const typebox = makeBox([1040, 1700], [120, 120]);
+ const changebox = makeBox([100, 1590], [1048, 20]);
+ const volumebox = makeBox([250, 1940], [1050, 20]);
+ if (inRect(pos, pageupbox)) {
+ if (page !== 0) page -= 1;
+ return;
+ }
+ if (inRect(pos, pagedownbox)) {
+ if (page !== this.musicMx.length - 1) page += 1;
+ return;
+ }
+ if (inRect(pos, playbox)) {
+ if (this.stop) {
+ this.stop = !this.stop;
+ audio.play();
+ } else {
+ this.stop = !this.stop;
+ audio.pause();
+ }
+ return;
+ }
+ if (inRect(pos, beforebox)) {
+ switch (this.type) {
+ case "danqu":
+ audio.currentTime = 0;
+ if (!this.stop) audio.play();
+ this.stop = false;
+ page = this.selection[0];
- break;
- case "xunhuan":
- if (this.selection[1] === 0) {
- if (this.selection[0] === 0) {
- this.selection[0] = this.musicMx.length - 1;
- this.selection[1] =
- this.musicMx[this.selection[0]].length - 1;
- } else {
- this.selection[0] -= 1;
- this.selection[1] =
- this.musicMx[this.selection[0]].length - 1;
- }
- } else {
- this.selection[1] -= 1;
- }
- this.randomList.indexOf(
- this.musicMx[this.selection[0]][this.selection[1]]
- );
- page = this.selection[0];
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ break;
+ case "xunhuan":
+ if (this.selection[1] === 0) {
+ if (this.selection[0] === 0) {
+ this.selection[0] = this.musicMx.length - 1;
+ this.selection[1] =
+ this.musicMx[this.selection[0]].length - 1;
+ } else {
+ this.selection[0] -= 1;
+ this.selection[1] =
+ this.musicMx[this.selection[0]].length - 1;
+ }
+ } else {
+ this.selection[1] -= 1;
+ }
+ this.randomList.indexOf(
+ this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ page = this.selection[0];
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- case "suiji":
- if (this.random > 0) {
- this.random -= 1;
- } else {
- this.random = this.randomList.length - 1;
- }
- this.selection[0] = this.musicMx.findIndex((v) =>
- v.includes(this.randomList[this.random])
- );
- this.selection[1] = this.musicMx[this.selection[0]].indexOf(
- this.randomList[this.random]
- );
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
- page = this.selection[0];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ case "suiji":
+ if (this.random > 0) {
+ this.random -= 1;
+ } else {
+ this.random = this.randomList.length - 1;
+ }
+ this.selection[0] = this.musicMx.findIndex((v) =>
+ v.includes(this.randomList[this.random])
+ );
+ this.selection[1] = this.musicMx[this.selection[0]].indexOf(
+ this.randomList[this.random]
+ );
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
+ page = this.selection[0];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- }
- return;
- }
- if (inRect(pos, afterbox)) {
- switch (this.type) {
- case "danqu":
- audio.currentTime = 0;
- if (!this.stop) audio.play();
- this.stop = false;
- page = this.selection[0];
- break;
- case "xunhuan":
- if (
- this.selection[1] ===
- this.musicMx[this.selection[0]].length - 1
- ) {
- if (this.selection[0] === this.musicMx.length - 1) {
- this.selection[0] = 0;
- this.selection[1] = 0;
- } else {
- this.selection[0] += 1;
- this.selection[1] = 0;
- }
- } else {
- this.selection[1] += 1;
- }
- this.random = this.randomList.indexOf(
- this.musicMx[this.selection[0]][this.selection[1]]
- );
- page = this.selection[0];
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, afterbox)) {
+ switch (this.type) {
+ case "danqu":
+ audio.currentTime = 0;
+ if (!this.stop) audio.play();
+ this.stop = false;
+ page = this.selection[0];
+ break;
+ case "xunhuan":
+ if (
+ this.selection[1] ===
+ this.musicMx[this.selection[0]].length - 1
+ ) {
+ if (this.selection[0] === this.musicMx.length - 1) {
+ this.selection[0] = 0;
+ this.selection[1] = 0;
+ } else {
+ this.selection[0] += 1;
+ this.selection[1] = 0;
+ }
+ } else {
+ this.selection[1] += 1;
+ }
+ this.random = this.randomList.indexOf(
+ this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ page = this.selection[0];
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- case "suiji":
- if (this.random < this.randomList.length - 1) {
- this.random += 1;
- } else {
- this.random = 0;
- }
- this.selection[0] = this.musicMx.findIndex((v) =>
- v.includes(this.randomList[this.random])
- );
- this.selection[1] = this.musicMx[this.selection[0]].indexOf(
- this.randomList[this.random]
- );
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ case "suiji":
+ if (this.random < this.randomList.length - 1) {
+ this.random += 1;
+ } else {
+ this.random = 0;
+ }
+ this.selection[0] = this.musicMx.findIndex((v) =>
+ v.includes(this.randomList[this.random])
+ );
+ this.selection[1] = this.musicMx[this.selection[0]].indexOf(
+ this.randomList[this.random]
+ );
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- page = this.selection[0];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- }
- return;
- }
- if (inRect(pos, typebox)) {
- switch (this.type) {
- case "danqu":
- this.type = "xunhuan";
- break;
- case "xunhuan":
- this.type = "suiji";
- break;
- case "suiji":
- this.type = "danqu";
- break;
- }
- return;
- }
- if (inRect(pos, musicbox)) {
- const index = Math.floor((py - 200) / 100);
- if (page !== this.selection[0] || index !== this.selection[1]) {
- this.selection[0] = page;
- this.selection[1] = index;
- this.randomList.indexOf(
- this.musicMx[this.selection[0]][this.selection[1]]
- );
- audio.src = "project/bgms/" + this.musicMx[page][index];
+ page = this.selection[0];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, typebox)) {
+ switch (this.type) {
+ case "danqu":
+ this.type = "xunhuan";
+ break;
+ case "xunhuan":
+ this.type = "suiji";
+ break;
+ case "suiji":
+ this.type = "danqu";
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, musicbox)) {
+ const index = Math.floor((py - 200) / 100);
+ if (page !== this.selection[0] || index !== this.selection[1]) {
+ this.selection[0] = page;
+ this.selection[1] = index;
+ this.randomList.indexOf(
+ this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ audio.src = "project/bgms/" + this.musicMx[page][index];
- if (!this.stop) audio.play();
- this.stop = false;
- } else {
- if (this.stop) {
- this.stop = !this.stop;
- audio.play();
- } else {
- this.stop = !this.stop;
- audio.pause();
- }
- }
- return;
- }
- if (inRect(pos, changebox)) {
- const time = Math.floor(((px - 100) / 1000) * audio.duration);
+ if (!this.stop) audio.play();
+ this.stop = false;
+ } else {
+ if (this.stop) {
+ this.stop = !this.stop;
+ audio.play();
+ } else {
+ this.stop = !this.stop;
+ audio.pause();
+ }
+ }
+ return;
+ }
+ if (inRect(pos, changebox)) {
+ const time = Math.floor(((px - 100) / 1000) * audio.duration);
- audio.pause();
- audio.currentTime = time;
+ audio.pause();
+ audio.currentTime = time;
- ischange = true;
- }
- if (inRect(pos, volumebox)) {
- const time = Math.min(Math.max((px - 250) / 800, 0), 1);
- audio.volume = time;
- isvolume = true;
- }
- } else {
- //横屏
- const pageupbox = makeBox([1050, 1100], [200, 100]);
- const pagedownbox = makeBox([1550, 1100], [200, 100]);
- const musicbox = makeBox(
- [900, 100],
- [1000, this.musicMx[page].length * 100]
- );
- const beforebox = makeBox([135, 740], [50, 50]);
- const afterbox = makeBox([450, 740], [50, 50]);
- const playbox = makeBox([250, 700], [200, 200]);
- const typebox = makeBox([600, 700], [100, 100]);
- const changebox = makeBox([100, 590], [600, 20]);
- const volumebox = makeBox([100, 990], [600, 20]);
- if (inRect(pos, pageupbox)) {
- if (page !== 0) page -= 1;
- return;
- }
- if (inRect(pos, pagedownbox)) {
- if (page !== this.musicMx.length - 1) page += 1;
- return;
- }
- if (inRect(pos, playbox)) {
- if (this.stop) {
- this.stop = !this.stop;
- audio.play();
- } else {
- this.stop = !this.stop;
- audio.pause();
- }
- return;
- }
- if (inRect(pos, beforebox)) {
- switch (this.type) {
- case "danqu":
- audio.currentTime = 0;
- if (!this.stop) audio.play();
- this.stop = false;
- page = this.selection[0];
+ ischange = true;
+ }
+ if (inRect(pos, volumebox)) {
+ const time = Math.min(Math.max((px - 250) / 800, 0), 1);
+ audio.volume = time;
+ isvolume = true;
+ }
+ } else {
+ //横屏
+ const pageupbox = makeBox([1050, 1100], [200, 100]);
+ const pagedownbox = makeBox([1550, 1100], [200, 100]);
+ const musicbox = makeBox(
+ [900, 100],
+ [1000, this.musicMx[page].length * 100]
+ );
+ const beforebox = makeBox([135, 740], [50, 50]);
+ const afterbox = makeBox([450, 740], [50, 50]);
+ const playbox = makeBox([250, 700], [200, 200]);
+ const typebox = makeBox([600, 700], [100, 100]);
+ const changebox = makeBox([100, 590], [600, 20]);
+ const volumebox = makeBox([100, 990], [600, 20]);
+ if (inRect(pos, pageupbox)) {
+ if (page !== 0) page -= 1;
+ return;
+ }
+ if (inRect(pos, pagedownbox)) {
+ if (page !== this.musicMx.length - 1) page += 1;
+ return;
+ }
+ if (inRect(pos, playbox)) {
+ if (this.stop) {
+ this.stop = !this.stop;
+ audio.play();
+ } else {
+ this.stop = !this.stop;
+ audio.pause();
+ }
+ return;
+ }
+ if (inRect(pos, beforebox)) {
+ switch (this.type) {
+ case "danqu":
+ audio.currentTime = 0;
+ if (!this.stop) audio.play();
+ this.stop = false;
+ page = this.selection[0];
- break;
- case "xunhuan":
- if (this.selection[1] === 0) {
- if (this.selection[0] === 0) {
- this.selection[0] = this.musicMx.length - 1;
- this.selection[1] =
- this.musicMx[this.selection[0]].length - 1;
- } else {
- this.selection[0] -= 1;
- this.selection[1] =
- this.musicMx[this.selection[0]].length - 1;
- }
- } else {
- this.selection[1] -= 1;
- }
- this.indexOf(
- this.musicMx[this.selection[0]][this.selection[1]]
- );
- page = this.selection[0];
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ break;
+ case "xunhuan":
+ if (this.selection[1] === 0) {
+ if (this.selection[0] === 0) {
+ this.selection[0] = this.musicMx.length - 1;
+ this.selection[1] =
+ this.musicMx[this.selection[0]].length - 1;
+ } else {
+ this.selection[0] -= 1;
+ this.selection[1] =
+ this.musicMx[this.selection[0]].length - 1;
+ }
+ } else {
+ this.selection[1] -= 1;
+ }
+ this.random = this.randomList.indexOf(
+ this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ page = this.selection[0];
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- case "suiji":
- if (this.random > 0) {
- this.random -= 1;
- } else {
- this.random = this.randomList.length - 1;
- }
- this.selection[0] = this.musicMx.findIndex((v) =>
- v.includes(this.randomList[this.random])
- );
- this.selection[1] = this.musicMx[this.selection[0]].indexOf(
- this.randomList[this.random]
- );
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
- page = this.selection[0];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ case "suiji":
+ if (this.random > 0) {
+ this.random -= 1;
+ } else {
+ this.random = this.randomList.length - 1;
+ }
+ this.selection[0] = this.musicMx.findIndex((v) =>
+ v.includes(this.randomList[this.random])
+ );
+ this.selection[1] = this.musicMx[this.selection[0]].indexOf(
+ this.randomList[this.random]
+ );
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
+ page = this.selection[0];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- }
- return;
- }
- if (inRect(pos, afterbox)) {
- switch (this.type) {
- case "danqu":
- audio.currentTime = 0;
- if (!this.stop) audio.play();
- this.stop = false;
- page = this.selection[0];
- break;
- case "xunhuan":
- if (
- this.selection[1] ===
- this.musicMx[this.selection[0]].length - 1
- ) {
- if (this.selection[0] === this.musicMx.length - 1) {
- this.selection[0] = 0;
- this.selection[1] = 0;
- } else {
- this.selection[0] += 1;
- this.selection[1] = 0;
- }
- } else {
- this.selection[1] += 1;
- }
- this.randomList.findIndex(
- (v) =>
- v === this.musicMx[this.selection[0]][this.selection[1]]
- );
- page = this.selection[0];
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, afterbox)) {
+ switch (this.type) {
+ case "danqu":
+ audio.currentTime = 0;
+ if (!this.stop) audio.play();
+ this.stop = false;
+ page = this.selection[0];
+ break;
+ case "xunhuan":
+ if (
+ this.selection[1] ===
+ this.musicMx[this.selection[0]].length - 1
+ ) {
+ if (this.selection[0] === this.musicMx.length - 1) {
+ this.selection[0] = 0;
+ this.selection[1] = 0;
+ } else {
+ this.selection[0] += 1;
+ this.selection[1] = 0;
+ }
+ } else {
+ this.selection[1] += 1;
+ }
+ this.randomList.findIndex(
+ (v) =>
+ v === this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ page = this.selection[0];
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- case "suiji":
- if (this.random < this.randomList.length - 1) {
- this.random += 1;
- } else {
- this.random = 0;
- }
- this.selection[0] = this.musicMx.findIndex((v) =>
- v.includes(this.randomList[this.random])
- );
- this.selection[1] = this.musicMx[this.selection[0]].indexOf(
- main.core.ui.music.randomList[main.core.ui.music.random]
- );
- audio.src =
- "project/bgms/" +
- this.musicMx[this.selection[0]][this.selection[1]];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ case "suiji":
+ if (this.random < this.randomList.length - 1) {
+ this.random += 1;
+ } else {
+ this.random = 0;
+ }
+ this.selection[0] = this.musicMx.findIndex((v) =>
+ v.includes(this.randomList[this.random])
+ );
+ this.selection[1] = this.musicMx[this.selection[0]].indexOf(
+ main.core.ui.music.randomList[main.core.ui.music.random]
+ );
+ audio.src =
+ "project/bgms/" +
+ this.musicMx[this.selection[0]][this.selection[1]];
- page = this.selection[0];
- if (!this.stop) audio.play();
- this.stop = false;
- break;
- }
- return;
- }
- if (inRect(pos, typebox)) {
- switch (this.type) {
- case "danqu":
- this.type = "xunhuan";
- break;
- case "xunhuan":
- this.type = "suiji";
- break;
- case "suiji":
- this.type = "danqu";
- break;
- }
- return;
- }
- if (inRect(pos, musicbox)) {
- const index = Math.floor((py - 100) / 100);
- if (page !== this.selection[0] || index !== this.selection[1]) {
- this.selection[0] = page;
- this.selection[1] = index;
- this.randomList.indexOf(
- (v) => v === this.musicMx[this.selection[0]][this.selection[1]]
- );
- audio.src = "project/bgms/" + this.musicMx[page][index];
+ page = this.selection[0];
+ if (!this.stop) audio.play();
+ this.stop = false;
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, typebox)) {
+ switch (this.type) {
+ case "danqu":
+ this.type = "xunhuan";
+ break;
+ case "xunhuan":
+ this.type = "suiji";
+ break;
+ case "suiji":
+ this.type = "danqu";
+ break;
+ }
+ return;
+ }
+ if (inRect(pos, musicbox)) {
+ const index = Math.floor((py - 100) / 100);
+ if (page !== this.selection[0] || index !== this.selection[1]) {
+ this.selection[0] = page;
+ this.selection[1] = index;
+ this.randomList.indexOf(
+ (v) => v === this.musicMx[this.selection[0]][this.selection[1]]
+ );
+ audio.src = "project/bgms/" + this.musicMx[page][index];
- if (!this.stop) audio.play();
- this.stop = false;
- } else {
- if (this.stop) {
- this.stop = !this.stop;
- audio.play();
- } else {
- this.stop = !this.stop;
- audio.pause();
- }
- }
- return;
- }
- if (inRect(pos, changebox)) {
- const time = Math.floor(((px - 100) / 600) * audio.duration);
+ if (!this.stop) audio.play();
+ this.stop = false;
+ } else {
+ if (this.stop) {
+ this.stop = !this.stop;
+ audio.play();
+ } else {
+ this.stop = !this.stop;
+ audio.pause();
+ }
+ }
+ return;
+ }
+ if (inRect(pos, changebox)) {
+ const time = Math.floor(((px - 100) / 600) * audio.duration);
- audio.pause();
- audio.currentTime = time;
+ audio.pause();
+ audio.currentTime = time;
- ischange = true;
- }
- if (inRect(pos, volumebox)) {
- const time = Math.min(Math.max((px - 100) / 600, 0), 1);
- audio.volume = time;
- isvolume = true;
- }
- }
- }
- mousemove(px, py) {
- if (ischange) {
- if (core.domStyle.isVertical) {
- const time = Math.min(
- Math.max(Math.floor(((px - 100) / 600) * audio.duration), 0),
- audio.duration
- );
+ ischange = true;
+ }
+ if (inRect(pos, volumebox)) {
+ const time = Math.min(Math.max((px - 100) / 600, 0), 1);
+ audio.volume = time;
+ isvolume = true;
+ }
+ }
+ }
+ mousemove(px, py) {
+ if (ischange) {
+ if (core.domStyle.isVertical) {
+ const time = Math.min(
+ Math.max(Math.floor(((px - 100) / 600) * audio.duration), 0),
+ audio.duration
+ );
- audio.currentTime = time;
- } else {
- const time = Math.min(
- Math.max(Math.floor(((px - 100) / 600) * audio.duration), 0),
- audio.duration
- );
+ audio.currentTime = time;
+ } else {
+ const time = Math.min(
+ Math.max(Math.floor(((px - 100) / 600) * audio.duration), 0),
+ audio.duration
+ );
- audio.currentTime = time;
- }
- }
- if (isvolume) {
- if (core.domStyle.isVertical) {
- const time = Math.min(Math.max((px - 250) / 800, 0), 1);
- audio.volume = time;
- } else {
- const time = Math.min(Math.max((px - 100) / 600, 0), 1);
- audio.volume = time;
- }
- }
- }
+ audio.currentTime = time;
+ }
+ }
+ if (isvolume) {
+ if (core.domStyle.isVertical) {
+ const time = Math.min(Math.max((px - 250) / 800, 0), 1);
+ audio.volume = time;
+ } else {
+ const time = Math.min(Math.max((px - 100) / 600, 0), 1);
+ audio.volume = time;
+ }
+ }
+ }
- drawUI() {
- //绘制页面
- core.clearMap(music);
- const bgVertical = core.material.images.images["bg_2010.webp"]; //竖屏背景
- const bg = core.material.images.images["bg_5043.webp"]; //竖屏背景
- if (core.domStyle.isVertical) {
- //竖屏
+ drawUI() {
+ //绘制页面
+ core.clearMap(music);
+ const bgVertical = core.material.images.images["bg_2010.webp"]; //竖屏背景
+ const bg = core.material.images.images["bg_5043.webp"]; //竖屏背景
+ if (core.domStyle.isVertical) {
+ //竖屏
- core.fillRect(ctx, 0, 0, 1248, 2028, "#000000"); //黑色背景
- ctx.globalAlpha = 0.3; //透明度
- if (bgVertical)
- ctx.drawImage(bgVertical, 0, 0, 1280, 1500, 0, 0, 1248, 2028); //绘制半透明背景图片
- ctx.globalAlpha = 1; //恢复为不透明
+ core.fillRect(ctx, 0, 0, 1248, 2028, "#000000"); //黑色背景
+ ctx.globalAlpha = 0.3; //透明度
+ if (bgVertical)
+ ctx.drawImage(bgVertical, 0, 0, 1280, 1500, 0, 0, 1248, 2028); //绘制半透明背景图片
+ ctx.globalAlpha = 1; //恢复为不透明
- core.setTextAlign(ctx, "center");
- core.fillBoldText1(
- ctx,
- "◀离开",
- 110,
- 100,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
+ core.setTextAlign(ctx, "center");
+ core.fillBoldText1(
+ ctx,
+ "◀离开",
+ 110,
+ 100,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
- ctx.strokeStyle = "#FFFFFF";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(100, 200);
- ctx.lineTo(1148, 200);
+ ctx.strokeStyle = "#FFFFFF";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(100, 200);
+ ctx.lineTo(1148, 200);
- ctx.stroke();
- let posy = 300;
- const indexList = this.musicMx[page];
- core.setTextAlign(ctx, "left");
- for (let i = 0; i < indexList.length; i++) {
- const text = this.musicname[indexList[i]];
- core.fillBoldText1(
- ctx,
- text,
- 150,
- posy - 30,
- page === this.selection[0] && i === this.selection[1]
- ? "#FFFFFF"
- : "#444444",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- ctx.strokeStyle = "#FFFFFF";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(100, posy);
- ctx.lineTo(1148, posy);
- ctx.stroke();
- posy += 100;
- }
- ctx.beginPath();
- ctx.moveTo(100, 1210);
- ctx.lineTo(1148, 1210);
- ctx.moveTo(100, 1200);
- ctx.lineTo(1148, 1200);
- ctx.stroke();
+ ctx.stroke();
+ let posy = 300;
+ const indexList = this.musicMx[page];
+ core.setTextAlign(ctx, "left");
+ for (let i = 0; i < indexList.length; i++) {
+ const text = this.musicname[indexList[i]];
+ core.fillBoldText1(
+ ctx,
+ text,
+ 150,
+ posy - 30,
+ page === this.selection[0] && i === this.selection[1] ?
+ "#FFFFFF" :
+ "#444444",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ ctx.strokeStyle = "#FFFFFF";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(100, posy);
+ ctx.lineTo(1148, posy);
+ ctx.stroke();
+ posy += 100;
+ }
+ ctx.beginPath();
+ ctx.moveTo(100, 1210);
+ ctx.lineTo(1148, 1210);
+ ctx.moveTo(100, 1200);
+ ctx.lineTo(1148, 1200);
+ ctx.stroke();
- core.fillBoldText1(
- ctx,
- "上一页",
- 100,
- 1300,
- page === 0 ? "#444444" : "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
+ core.fillBoldText1(
+ ctx,
+ "上一页",
+ 100,
+ 1300,
+ page === 0 ? "#444444" : "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
- core.fillBoldText1(
- ctx,
- page + 1 + "/" + this.musicMx.length,
- 580,
- 1300,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- core.fillBoldText1(
- ctx,
- "下一页",
- 950,
- 1300,
- page === this.musicMx.length - 1 ? "#444444" : "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
+ core.fillBoldText1(
+ ctx,
+ page + 1 + "/" + this.musicMx.length,
+ 580,
+ 1300,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ core.fillBoldText1(
+ ctx,
+ "下一页",
+ 950,
+ 1300,
+ page === this.musicMx.length - 1 ? "#444444" : "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(100, 1600);
- ctx.lineTo(1148, 1600);
- ctx.stroke();
- ctx.fillStyle = "#ffffff";
- ctx.font = "bold 96px Verdana";
- ctx.fillText("|", 100, 1797);
- ctx.fillText("◀", 115, 1800);
- ctx.beginPath();
- ctx.arc(505, 1770, 80, 0, 3 * Math.PI);
- ctx.stroke();
- ctx.fillText("|", 835, 1797);
- ctx.fillText("▶", 785, 1800);
- if (this.stop) {
- ctx.fillText("▶", 473, 1797);
- } else {
- ctx.fillText("||", 453, 1794);
- }
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(100, 1600);
+ ctx.lineTo(1148, 1600);
+ ctx.stroke();
+ ctx.fillStyle = "#ffffff";
+ ctx.font = "bold 96px Verdana";
+ ctx.fillText("|", 100, 1797);
+ ctx.fillText("◀", 115, 1800);
+ ctx.beginPath();
+ ctx.arc(505, 1770, 80, 0, 3 * Math.PI);
+ ctx.stroke();
+ ctx.fillText("|", 835, 1797);
+ ctx.fillText("▶", 785, 1800);
+ if (this.stop) {
+ ctx.fillText("▶", 473, 1797);
+ } else {
+ ctx.fillText("||", 453, 1794);
+ }
- const img = core.material.images.images[this.type + ".webp"];
- if (img) ctx.drawImage(img, 1000, 1655, 200, 200);
- core.setTextAlign(ctx, "center");
- ctx.font = "bold 52px Verdana";
- ctx.fillText("当前歌曲", 625, 1397);
- ctx.fillText(
- this.musicname[this.musicMx[this.selection[0]][this.selection[1]]],
- 625,
- 1507
- );
+ const img = core.material.images.images[this.type + ".webp"];
+ if (img) ctx.drawImage(img, 1000, 1655, 200, 200);
+ core.setTextAlign(ctx, "center");
+ ctx.font = "bold 52px Verdana";
+ ctx.fillText("当前歌曲", 625, 1397);
+ ctx.fillText(
+ this.musicname[this.musicMx[this.selection[0]][this.selection[1]]],
+ 625,
+ 1507
+ );
- ctx.font = "bold 36px Verdana";
- const thistime = audio.currentTime;
+ ctx.font = "bold 36px Verdana";
+ const thistime = audio.currentTime;
- if (thistime) {
- const timetext =
- Math.floor(thistime / 60)
- .toString()
- .padStart(2, "0") +
- ":" +
- Math.floor(thistime % 60)
- .toString()
- .padStart(2, "0");
- ctx.fillText(timetext, 960, 1650);
- } else {
- const timetext = "00:00";
- ctx.fillText(timetext, 960, 1650);
- }
- ctx.fillText("/", 1030, 1650);
- const fulltime = audio.duration;
+ if (thistime) {
+ const timetext =
+ Math.floor(thistime / 60)
+ .toString()
+ .padStart(2, "0") +
+ ":" +
+ Math.floor(thistime % 60)
+ .toString()
+ .padStart(2, "0");
+ ctx.fillText(timetext, 960, 1650);
+ } else {
+ const timetext = "00:00";
+ ctx.fillText(timetext, 960, 1650);
+ }
+ ctx.fillText("/", 1030, 1650);
+ const fulltime = audio.duration;
- if (fulltime) {
- const timetext =
- Math.floor(fulltime / 60)
- .toString()
- .padStart(2, "0") +
- ":" +
- Math.floor(fulltime % 60)
- .toString()
- .padStart(2, "0");
- ctx.fillText(timetext, 1100, 1650);
- } else {
- const timetext = "00:00";
- ctx.fillText(timetext, 1100, 1650);
- }
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 9;
- ctx.fillStyle = "rgba(255,255,255,0.5)";
- const pointx = (1048 * thistime) / fulltime + 100;
- if (fulltime && thistime) {
- ctx.beginPath();
- ctx.moveTo(100, 1600);
- ctx.lineTo(pointx, 1600);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(pointx, 1600, 10, 0, 2 * Math.PI);
- ctx.fill();
- } else {
- ctx.beginPath();
- ctx.arc(100, 1600, 10, 0, 2 * Math.PI);
- ctx.fill();
- }
+ if (fulltime) {
+ const timetext =
+ Math.floor(fulltime / 60)
+ .toString()
+ .padStart(2, "0") +
+ ":" +
+ Math.floor(fulltime % 60)
+ .toString()
+ .padStart(2, "0");
+ ctx.fillText(timetext, 1100, 1650);
+ } else {
+ const timetext = "00:00";
+ ctx.fillText(timetext, 1100, 1650);
+ }
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 9;
+ ctx.fillStyle = "rgba(255,255,255,0.5)";
+ const pointx = (1048 * thistime) / fulltime + 100;
+ if (fulltime && thistime) {
+ ctx.beginPath();
+ ctx.moveTo(100, 1600);
+ ctx.lineTo(pointx, 1600);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(pointx, 1600, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ } else {
+ ctx.beginPath();
+ ctx.arc(100, 1600, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ }
- ctx.fillStyle = "#ffffff";
- ctx.font = "bold 48px Verdana";
- ctx.fillText("音量", 150, 1970);
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(250, 1950);
- ctx.lineTo(1050, 1950);
- ctx.stroke();
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 9;
- ctx.fillStyle = "rgba(255,255,255,0.5)";
+ ctx.fillStyle = "#ffffff";
+ ctx.font = "bold 48px Verdana";
+ ctx.fillText("音量", 150, 1970);
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(250, 1950);
+ ctx.lineTo(1050, 1950);
+ ctx.stroke();
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 9;
+ ctx.fillStyle = "rgba(255,255,255,0.5)";
- ctx.beginPath();
- ctx.moveTo(250, 1950);
- ctx.lineTo(800 * audio.volume + 250, 1950);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(800 * audio.volume + 250, 1950, 10, 0, 2 * Math.PI);
- ctx.fill();
- core.fillBoldText1(
- ctx,
- Math.floor(100 * audio.volume),
- 1120,
- 1970,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(48, true)
- );
- } else {
- //横屏
- core.fillRect(ctx, 0, 0, 2028, 1248, "#000000"); //黑色背景
- ctx.globalAlpha = 0.5; //透明度
- if (bg) ctx.drawImage(bg, 0, 0, 1280, 720, 0, 0, 2028, 1248); //绘制半透明背景图片
- ctx.globalAlpha = 1; //恢复为不透明
- core.setTextAlign(ctx, "center");
+ ctx.beginPath();
+ ctx.moveTo(250, 1950);
+ ctx.lineTo(800 * audio.volume + 250, 1950);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(800 * audio.volume + 250, 1950, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ core.fillBoldText1(
+ ctx,
+ Math.floor(100 * audio.volume),
+ 1120,
+ 1970,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(48, true)
+ );
+ } else {
+ //横屏
+ core.fillRect(ctx, 0, 0, 2028, 1248, "#000000"); //黑色背景
+ ctx.globalAlpha = 0.5; //透明度
+ if (bg) ctx.drawImage(bg, 0, 0, 1280, 720, 0, 0, 2028, 1248); //绘制半透明背景图片
+ ctx.globalAlpha = 1; //恢复为不透明
+ core.setTextAlign(ctx, "center");
- core.fillBoldText1(
- ctx,
- "◀离开",
- 110,
- 100,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- //core.fillRect(ctx, 440, 760, 50, 50)
- ctx.strokeStyle = "#FFFFFF";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(800, 100);
- ctx.lineTo(800, 1148);
- ctx.moveTo(900, 100);
- ctx.lineTo(1900, 100);
- ctx.stroke();
- let posy = 200;
- const indexList = this.musicMx[page];
- core.setTextAlign(ctx, "left");
- for (let i = 0; i < indexList.length; i++) {
- const text = this.musicname[indexList[i]];
- core.fillBoldText1(
- ctx,
- text,
- 950,
- posy - 30,
- page === this.selection[0] && i === this.selection[1]
- ? "#FFFFFF"
- : "#444444",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- ctx.strokeStyle = "#FFFFFF";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(900, posy);
- ctx.lineTo(1900, posy);
- ctx.stroke();
- posy += 100;
- }
- core.fillBoldText1(
- ctx,
- "上一页",
- 1050,
- 1200 - 30,
- page === 0 ? "#444444" : "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
+ core.fillBoldText1(
+ ctx,
+ "◀离开",
+ 110,
+ 100,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ //core.fillRect(ctx, 440, 760, 50, 50)
+ ctx.strokeStyle = "#FFFFFF";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(800, 100);
+ ctx.lineTo(800, 1148);
+ ctx.moveTo(900, 100);
+ ctx.lineTo(1900, 100);
+ ctx.stroke();
+ let posy = 200;
+ const indexList = this.musicMx[page];
+ core.setTextAlign(ctx, "left");
+ for (let i = 0; i < indexList.length; i++) {
+ const text = this.musicname[indexList[i]];
+ core.fillBoldText1(
+ ctx,
+ text,
+ 950,
+ posy - 30,
+ page === this.selection[0] && i === this.selection[1] ?
+ "#FFFFFF" :
+ "#444444",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ ctx.strokeStyle = "#FFFFFF";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(900, posy);
+ ctx.lineTo(1900, posy);
+ ctx.stroke();
+ posy += 100;
+ }
+ core.fillBoldText1(
+ ctx,
+ "上一页",
+ 1050,
+ 1200 - 30,
+ page === 0 ? "#444444" : "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
- core.fillBoldText1(
- ctx,
- page + 1 + "/" + this.musicMx.length,
- 1350,
- 1200 - 30,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- core.fillBoldText1(
- ctx,
- "下一页",
- 1550,
- 1200 - 30,
- page === this.musicMx.length - 1 ? "#444444" : "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(66, true)
- );
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 3;
- ctx.beginPath();
- ctx.moveTo(100, 600);
- ctx.lineTo(700, 600);
- ctx.stroke();
- ctx.fillStyle = "#ffffff";
- ctx.font = "bold 48px Verdana";
- ctx.fillText("|", 130, 797);
- ctx.fillText("◀", 140, 800);
- ctx.beginPath();
- ctx.arc(310, 780, 50, 0, 2 * Math.PI);
- ctx.stroke();
- if (this.stop) {
- ctx.fillText("▶", 295, 797);
- } else {
- ctx.fillText("||", 285, 794);
- }
+ core.fillBoldText1(
+ ctx,
+ page + 1 + "/" + this.musicMx.length,
+ 1350,
+ 1200 - 30,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ core.fillBoldText1(
+ ctx,
+ "下一页",
+ 1550,
+ 1200 - 30,
+ page === this.musicMx.length - 1 ? "#444444" : "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(66, true)
+ );
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 3;
+ ctx.beginPath();
+ ctx.moveTo(100, 600);
+ ctx.lineTo(700, 600);
+ ctx.stroke();
+ ctx.fillStyle = "#ffffff";
+ ctx.font = "bold 48px Verdana";
+ ctx.fillText("|", 130, 797);
+ ctx.fillText("◀", 140, 800);
+ ctx.beginPath();
+ ctx.arc(310, 780, 50, 0, 2 * Math.PI);
+ ctx.stroke();
+ if (this.stop) {
+ ctx.fillText("▶", 295, 797);
+ } else {
+ ctx.fillText("||", 285, 794);
+ }
- ctx.fillText("|", 470, 797);
- ctx.fillText("▶", 450, 800);
- ctx.fillText("音量", 350, 900);
- ctx.beginPath();
- ctx.moveTo(100, 1000);
- ctx.lineTo(700, 1000);
- ctx.stroke();
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 9;
- ctx.fillStyle = "rgba(255,255,255,0.5)";
+ ctx.fillText("|", 470, 797);
+ ctx.fillText("▶", 450, 800);
+ ctx.fillText("音量", 350, 900);
+ ctx.beginPath();
+ ctx.moveTo(100, 1000);
+ ctx.lineTo(700, 1000);
+ ctx.stroke();
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 9;
+ ctx.fillStyle = "rgba(255,255,255,0.5)";
- ctx.beginPath();
- ctx.moveTo(100, 1000);
- ctx.lineTo(600 * audio.volume + 100, 1000);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(600 * audio.volume + 100, 1000, 10, 0, 2 * Math.PI);
- ctx.fill();
- core.fillBoldText1(
- ctx,
- Math.floor(100 * audio.volume),
- 720,
- 1010,
- "#FFFFFF",
- "#000000",
- 6,
- core.ui._buildFont(32, true)
- );
- const img = core.material.images.images[this.type + ".webp"];
- if (img) ctx.drawImage(img, 580, 730, 100, 100);
- core.setTextAlign(ctx, "center");
- ctx.font = "bold 48px Verdana";
- ctx.fillText("当前歌曲", 400, 297);
- ctx.fillText(
- this.musicname[this.musicMx[this.selection[0]][this.selection[1]]],
- 400,
- 397
- );
+ ctx.beginPath();
+ ctx.moveTo(100, 1000);
+ ctx.lineTo(600 * audio.volume + 100, 1000);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(600 * audio.volume + 100, 1000, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ core.fillBoldText1(
+ ctx,
+ Math.floor(100 * audio.volume),
+ 720,
+ 1010,
+ "#FFFFFF",
+ "#000000",
+ 6,
+ core.ui._buildFont(32, true)
+ );
+ const img = core.material.images.images[this.type + ".webp"];
+ if (img) ctx.drawImage(img, 580, 730, 100, 100);
+ core.setTextAlign(ctx, "center");
+ ctx.font = "bold 48px Verdana";
+ ctx.fillText("当前歌曲", 400, 297);
+ ctx.fillText(
+ this.musicname[this.musicMx[this.selection[0]][this.selection[1]]],
+ 400,
+ 397
+ );
- ctx.font = "bold 36px Verdana";
- const thistime = audio.currentTime;
+ ctx.font = "bold 36px Verdana";
+ const thistime = audio.currentTime;
- if (thistime) {
- const timetext =
- Math.floor(thistime / 60)
- .toString()
- .padStart(2, "0") +
- ":" +
- Math.floor(thistime % 60)
- .toString()
- .padStart(2, "0");
- ctx.fillText(timetext, 510, 650);
- } else {
- const timetext = "00:00";
- ctx.fillText(timetext, 510, 650);
- }
- ctx.fillText("/", 580, 650);
- const fulltime = audio.duration;
+ if (thistime) {
+ const timetext =
+ Math.floor(thistime / 60)
+ .toString()
+ .padStart(2, "0") +
+ ":" +
+ Math.floor(thistime % 60)
+ .toString()
+ .padStart(2, "0");
+ ctx.fillText(timetext, 510, 650);
+ } else {
+ const timetext = "00:00";
+ ctx.fillText(timetext, 510, 650);
+ }
+ ctx.fillText("/", 580, 650);
+ const fulltime = audio.duration;
- if (fulltime) {
- const timetext =
- Math.floor(fulltime / 60)
- .toString()
- .padStart(2, "0") +
- ":" +
- Math.floor(fulltime % 60)
- .toString()
- .padStart(2, "0");
- ctx.fillText(timetext, 650, 650);
- } else {
- const timetext = "00:00";
- ctx.fillText(timetext, 650, 650);
- }
- ctx.strokeStyle = "#ffffff";
- ctx.lineWidth = 9;
- ctx.fillStyle = "rgba(255,255,255,0.5)";
- const pointx = (600 * thistime) / fulltime + 100;
- if (fulltime && thistime) {
- ctx.beginPath();
- ctx.moveTo(100, 600);
- ctx.lineTo(pointx, 600);
- ctx.stroke();
- ctx.beginPath();
- ctx.arc(pointx, 600, 10, 0, 2 * Math.PI);
- ctx.fill();
- } else {
- ctx.beginPath();
- ctx.arc(100, 600, 10, 0, 2 * Math.PI);
- ctx.fill();
- }
- }
- }
- }
- core.ui.music = new musicclass();
- main.dom.musicMode.onclick = function () {
- //点击开始页面的CG MODE进入cg回廊
- main.core.control.checkBgm();
- main.core.control.pauseBgm();
- audio.src =
- "project/bgms/" +
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
- main.core.ui.music.selection[1]
- ];
- const arr = main.core.ui.music.musicMx.flat(Infinity);
- main.core.ui.music.randomList = shuffle(arr);
- main.core.ui.music.random = main.core.ui.music.randomList.indexOf(
- main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
- main.core.ui.music.selection[1]
- ]
- );
- page = 0;
- music.style.display = "block";
- let time = 0;
- core.registerAnimationFrame("music", null, (temptime) => {
- if (temptime > time + 1000 / 60) {
- time = temptime;
- main.core.ui.music.update();
- }
- });
- };
- },
- 横屏切换: function () {
+ if (fulltime) {
+ const timetext =
+ Math.floor(fulltime / 60)
+ .toString()
+ .padStart(2, "0") +
+ ":" +
+ Math.floor(fulltime % 60)
+ .toString()
+ .padStart(2, "0");
+ ctx.fillText(timetext, 650, 650);
+ } else {
+ const timetext = "00:00";
+ ctx.fillText(timetext, 650, 650);
+ }
+ ctx.strokeStyle = "#ffffff";
+ ctx.lineWidth = 9;
+ ctx.fillStyle = "rgba(255,255,255,0.5)";
+ const pointx = (600 * thistime) / fulltime + 100;
+ if (fulltime && thistime) {
+ ctx.beginPath();
+ ctx.moveTo(100, 600);
+ ctx.lineTo(pointx, 600);
+ ctx.stroke();
+ ctx.beginPath();
+ ctx.arc(pointx, 600, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ } else {
+ ctx.beginPath();
+ ctx.arc(100, 600, 10, 0, 2 * Math.PI);
+ ctx.fill();
+ }
+ }
+ }
+ }
+ core.ui.music = new musicclass();
+ main.dom.musicMode.onclick = function () {
+ //点击开始页面的CG MODE进入cg回廊
+ main.core.control.checkBgm();
+ main.core.control.pauseBgm();
+ audio.src =
+ "project/bgms/" +
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
+ main.core.ui.music.selection[1]
+ ];
+ const arr = main.core.ui.music.musicMx.flat(Infinity);
+ main.core.ui.music.randomList = shuffle(arr);
+ main.core.ui.music.random = main.core.ui.music.randomList.indexOf(
+ main.core.ui.music.musicMx[main.core.ui.music.selection[0]][
+ main.core.ui.music.selection[1]
+ ]
+ );
+ page = 0;
+ music.style.display = "block";
+ let time = 0;
+ core.registerAnimationFrame("music", null, (temptime) => {
+ if (temptime > time + 1000 / 60) {
+ time = temptime;
+ main.core.ui.music.update();
+ }
+ });
+ };
+},
+ "横屏切换": function () {
// 在此增加新插件
this.triggerFullscreen = async function (full) {
if (!!document.fullscreenElement && !full) {
@@ -15390,7 +15394,7 @@ var plugins_bb40132b_638b_4a9f_b028_d3fe47acc8d1 = {
}
};
},
- 图片压缩webp导出: function () {
+ "图片压缩webp导出": function () {
// 在此增加新插件
//使用方法：进入游戏后开始游戏，F12打开控制台，输入core.towebp(image),image为已在全塔属性中注册过的图片名字，需要""括起来
this.towebp = function (image) {
@@ -15421,7 +15425,7 @@ var plugins_bb40132b_638b_4a9f_b028_d3fe47acc8d1 = {
});
};
},
- "帧动画特效（游戏界面）": function () {
+ "帧动画特效（游戏界面）": function () {
// 在此增加新插件
const animate2 = document.createElement("canvas"); //画布设置
animate2.style.zIndex = 71;
@@ -15615,4 +15619,1434 @@ var plugins_bb40132b_638b_4a9f_b028_d3fe47acc8d1 = {
}
});
},
-};
+ "音频系统": function () {
+ // 在此增加新插件
+ /*首先，在造塔群下载所需的库文件，然后放置在塔目录下的 libs/thirdparty 或其他目录下，之后在 index.html 的最后加上下面这几行：
+
+
+
+
+
+
+ */
+
+ const { OggOpusDecoder } = window["ogg-opus-decoder"];
+ const { OggVorbisDecoder } = window["ogg-vorbis-decoder"];
+ const { CodecParser } = window.CodecParser;
+
+ const audio = new Audio();
+
+ const supportMap = new Map();
+ const AudioType = {
+ Mp3: "audio/mpeg",
+ Wav: 'audio/wav; codecs="1"',
+ Flac: "audio/flac",
+ Opus: 'audio/ogg; codecs="opus"',
+ Ogg: 'audio/ogg; codecs="vorbis"',
+ Aac: "audio/aac",
+ };
+ /**
+ * 检查一种音频类型是否能被播放
+ * @param type 音频类型 AudioType
+ */
+ function isAudioSupport(type) {
+ if (supportMap.has(type)) return supportMap.get(type);
+ else {
+ const support = audio.canPlayType(type);
+ const canPlay = support === "maybe" || support === "probably";
+ supportMap.set(type, canPlay);
+ return canPlay;
+ }
+ }
+
+ const typeMap = new Map([
+ ["ogg", AudioType.Ogg],
+ ["mp3", AudioType.Mp3],
+ ["wav", AudioType.Wav],
+ ["flac", AudioType.Flac],
+ ["opus", AudioType.Opus],
+ ["aac", AudioType.Aac],
+ ]);
+
+ /**
+ * 根据文件名拓展猜测其类型
+ * @param file 文件名 string
+ */
+ function guessTypeByExt(file) {
+ const ext = /\.[a-zA-Z\d]+$/.exec(file);
+ if (!ext?.[0]) return "";
+ const type = ext[0].slice(1);
+ return typeMap.get(type.toLocaleLowerCase()) ?? "";
+ }
+
+ isAudioSupport(AudioType.Ogg);
+ isAudioSupport(AudioType.Mp3);
+ isAudioSupport(AudioType.Wav);
+ isAudioSupport(AudioType.Flac);
+ isAudioSupport(AudioType.Opus);
+ isAudioSupport(AudioType.Aac);
+
+ function isNil(value) {
+ return value === void 0 || value === null;
+ }
+
+ function sleep(time) {
+ return new Promise((res) => setTimeout(res, time));
+ }
+ class AudioEffect {
+ constructor(ac) {}
+ /**
+ * 连接至其他效果器
+ * @param target 目标输入 IAudioInput
+ * @param output 当前效果器输出通道 Number
+ * @param input 目标效果器的输入通道 Number
+ */
+ connect(target, output, input) {
+ this.output.connect(target.input, output, input);
+ }
+
+ /**
+ * 与其他效果器取消连接
+ * @param target 目标输入 IAudioInput
+ * @param output 当前效果器输出通道 Number
+ * @param input 目标效果器的输入通道 Number
+ */
+ disconnect(target, output, input) {
+ if (!target) {
+ if (!isNil(output)) {
+ this.output.disconnect(output);
+ } else {
+ this.output.disconnect();
+ }
+ } else {
+ if (!isNil(output)) {
+ if (!isNil(input)) {
+ this.output.disconnect(target.input, output, input);
+ } else {
+ this.output.disconnect(target.input, output);
+ }
+ } else {
+ this.output.disconnect(target.input);
+ }
+ }
+ }
+ }
+
+ class StereoEffect extends AudioEffect {
+ constructor(ac) {
+ super(ac);
+ const panner = ac.createPanner();
+ this.input = panner;
+ this.output = panner;
+ }
+
+ /**
+ * 设置音频朝向，x正方形水平向右，y正方形垂直于地面向上，z正方向垂直屏幕远离用户
+ * @param x 朝向x坐标 Number
+ * @param y 朝向y坐标 Number
+ * @param z 朝向z坐标 Number
+ */
+ setOrientation(x, y, z) {
+ this.output.orientationX.value = x;
+ this.output.orientationY.value = y;
+ this.output.orientationZ.value = z;
+ }
+ /**
+ * 设置音频位置，x正方形水平向右，y正方形垂直于地面向上，z正方向垂直屏幕远离用户
+ * @param x 位置x坐标 Number
+ * @param y 位置y坐标 Number
+ * @param z 位置z坐标 Number
+ */
+ setPosition(x, y, z) {
+ this.output.positionX.value = x;
+ this.output.positionY.value = y;
+ this.output.positionZ.value = z;
+ }
+ end() {}
+
+ start() {}
+ }
+ class VolumeEffect extends AudioEffect {
+ constructor(ac) {
+ super(ac);
+ const gain = ac.createGain();
+ this.input = gain;
+ this.output = gain;
+ }
+
+ /**
+ * 设置音量大小
+ * @param volume 音量大小 Number
+ */
+ setVolume(volume) {
+ this.output.gain.value = volume;
+ }
+
+ /**
+ * 获取音量大小 Number
+ */
+ getVolume() {
+ return this.output.gain.value;
+ }
+
+ end() {}
+
+ start() {}
+ }
+ class ChannelVolumeEffect extends AudioEffect {
+ /** 所有的音量控制节点 */
+
+ constructor(ac) {
+ super(ac);
+ /** 所有的音量控制节点 */
+ this.gain = [];
+ const splitter = ac.createChannelSplitter();
+ const merger = ac.createChannelMerger();
+ this.output = merger;
+ this.input = splitter;
+ for (let i = 0; i < 6; i++) {
+ const gain = ac.createGain();
+ splitter.connect(gain, i);
+ gain.connect(merger, 0, i);
+ this.gain.push(gain);
+ }
+ }
+
+ /**
+ * 设置某个声道的音量大小
+ * @param channel 要设置的声道，可填0-5 Number
+ * @param volume 这个声道的音量大小 Number
+ */
+ setVolume(channel, volume) {
+ if (!this.gain[channel]) return;
+ this.gain[channel].gain.value = volume;
+ }
+
+ /**
+ * 获取某个声道的音量大小，可填0-5
+ * @param channel 要获取的声道 Number
+ */
+ getVolume(channel) {
+ if (!this.gain[channel]) return 0;
+ return this.gain[channel].gain.value;
+ }
+
+ end() {}
+
+ start() {}
+ }
+ class DelayEffect extends AudioEffect {
+ constructor(ac) {
+ super(ac);
+
+ const delay = ac.createDelay();
+ this.input = delay;
+ this.output = delay;
+ }
+
+ /**
+ * 设置延迟时长
+ * @param delay 延迟时长，单位秒 Number
+ */
+ setDelay(delay) {
+ this.output.delayTime.value = delay;
+ }
+
+ /**
+ * 获取延迟时长
+ */
+ getDelay() {
+ return this.output.delayTime.value;
+ }
+
+ end() {}
+
+ start() {}
+ }
+ class EchoEffect extends AudioEffect {
+ constructor(ac) {
+ super(ac);
+ const delay = ac.createDelay();
+ const gain = ac.createGain();
+ gain.gain.value = 0.5;
+ delay.delayTime.value = 0.05;
+ delay.connect(gain);
+ gain.connect(delay);
+ /** 延迟节点 */
+ this.delay = delay;
+ /** 反馈增益节点 */
+ this.gainNode = gain;
+ /** 当前增益 */
+ this.gain = 0.5;
+ /** 是否正在播放 */
+ this.playing = false;
+ this.input = gain;
+ this.output = gain;
+ }
+
+ /**
+ * 设置回声反馈增益大小
+ * @param gain 增益大小，范围 0-1，大于等于1的视为0.5，小于0的视为0 Number
+ */
+ setFeedbackGain(gain) {
+ const resolved = gain >= 1 ? 0.5 : gain < 0 ? 0 : gain;
+ this.gain = resolved;
+ if (this.playing) this.gainNode.gain.value = resolved;
+ }
+
+ /**
+ * 设置回声间隔时长
+ * @param delay 回声时长，范围 0.01-Infinity，小于0.01的视为0.01 Number
+ */
+ setEchoDelay(delay) {
+ const resolved = delay < 0.01 ? 0.01 : delay;
+ this.delay.delayTime.value = resolved;
+ }
+
+ /**
+ * 获取反馈节点增益
+ */
+ getFeedbackGain() {
+ return this.gain;
+ }
+
+ /**
+ * 获取回声间隔时长
+ */
+ getEchoDelay() {
+ return this.delay.delayTime.value;
+ }
+
+ end() {
+ this.playing = false;
+ const echoTime = Math.ceil(Math.log(0.001) / Math.log(this.gain)) + 10;
+ sleep(this.delay.delayTime.value * echoTime).then(() => {
+ if (!this.playing) this.gainNode.gain.value = 0;
+ });
+ }
+
+ start() {
+ this.playing = true;
+ this.gainNode.gain.value = this.gain;
+ }
+ }
+
+ class StreamLoader {
+ constructor(url) {
+ /** 传输目标 Set*/
+ this.target = new Set();
+ this.loading = false;
+ }
+
+ /**
+ * 将加载流传递给字节流读取对象
+ * @param reader 字节流读取对象 IStreamReader
+ */
+ pipe(reader) {
+ if (this.loading) {
+ console.warn(
+ "Cannot pipe new StreamReader object when stream is loading."
+ );
+ return;
+ }
+ this.target.add(reader);
+ reader.piped(this);
+ return this;
+ }
+
+ async start() {
+ if (this.loading) return;
+ this.loading = true;
+ const response = await window.fetch(this.url);
+ const stream = response.body;
+ if (!stream) {
+ console.error("Cannot get reader when fetching '" + this.url + "'.");
+ return;
+ }
+ // 获取读取器
+ /** 读取流对象 */
+ this.stream = stream;
+ const reader = response.body?.getReader();
+ const targets = [...this.target];
+ // try {
+ await Promise.all(targets.map((v) => v.start(stream, this, response)));
+
+ // 开始流传输
+ while (true) {
+ const { value, done } = await reader.read();
+ await Promise.all(targets.map((v) => v.pump(value, done, response)));
+ if (done) break;
+ }
+
+ this.loading = false;
+ targets.forEach((v) => v.end(true));
+ // } catch (e) {
+ // logger.error(26, this.url, String(e));
+ // }
+ }
+
+ cancel(reason) {
+ if (!this.stream) return;
+ this.stream.cancel(reason);
+ this.loading = false;
+ this.target.forEach((v) => v.end(false, reason));
+ }
+ }
+ const fileSignatures = [
+ [AudioType.Mp3, [0x49, 0x44, 0x33]],
+ [AudioType.Ogg, [0x4f, 0x67, 0x67, 0x53]],
+ [AudioType.Wav, [52, 0x49, 0x46, 0x46]],
+ [AudioType.Flac, [0x66, 0x4c, 0x61, 0x43]],
+ [AudioType.Aac, [0xff, 0xf1]],
+ [AudioType.Aac, [0xff, 0xf9]],
+ ];
+ const oggHeaders = [
+ [AudioType.Opus, [0x4f, 0x70, 0x75, 0x73, 0x48, 0x65, 0x61, 0x64]],
+ ];
+
+ const mimeTypeMap = {
+ [AudioType.Aac]: "audio/aac",
+ [AudioType.Flac]: "audio/flac",
+ [AudioType.Mp3]: "audio/mpeg",
+ [AudioType.Ogg]: "application/ogg",
+ [AudioType.Opus]: "application/ogg",
+ [AudioType.Wav]: "application/ogg",
+ };
+
+ function isOggPage(data) {
+ return !isNil(data.isFirstPage);
+ }
+ class AudioStreamSource {
+ /**
+ * 注册一个解码器
+ * @param type 要注册的解码器允许解码的类型
+ * @param decoder 解码器对象
+ */
+ static registerDecoder(type, decoder) {
+ if (!this.decoderMap) this.decoderMap = new Map()
+ if (this.decoderMap.has(type)) {
+ console.warn(
+ "Audio stream decoder for audio type '" +
+ type +
+ "' has already existed."
+ );
+ return;
+ }
+ this.decoderMap.set(type, decoder);
+ }
+
+ constructor(context) {
+ this.decoderMap = new Map();
+ this.output = context.createBufferSource();
+ /** 是否已经完全加载完毕 */
+ this.loaded = false;
+ /** 已经缓冲了多长时间，如果缓冲完那么跟歌曲时长一致 */
+ this.buffered = 0;
+ /** 已经缓冲的采样点数量 */
+ this.bufferedSamples = 0;
+ /** 歌曲时长，加载完毕之前保持为 0 */
+ this.duration = 0;
+ /** 在流传输阶段，至少缓冲多长时间的音频之后才开始播放，单位秒 */
+ this.bufferPlayDuration = 1;
+ /** 音频的采样率，未成功解析出之前保持为 0 */
+ this.sampleRate = 0;
+ //是否循环播放
+ this.loop = false;
+ /** 开始播放时刻 */
+ this.lastStartTime = 0;
+ /** 上一次播放的缓存长度 */
+ this.lastBufferSamples = 0;
+
+ /** 是否已经获取到头文件 */
+ this.headerRecieved = false;
+ /** 音频类型 */
+ this.audioType = "";
+ /** 每多长时间组成一个缓存 Float32Array */
+ this.bufferChunkSize = 10;
+ /** 缓存音频数据，每 bufferChunkSize 秒钟组成一个 Float32Array，用于流式解码 */
+ this.audioData = [];
+
+ this.errored = false;
+ }
+
+ /**
+ * 设置每个缓存数据的大小，默认为10秒钟一个缓存数据
+ * @param size 每个缓存数据的时长，单位秒
+ */
+ setChunkSize(size) {
+ if (this.controller?.loading || this.loaded) return;
+ this.bufferChunkSize = size;
+ }
+
+ piped(controller) {
+ this.controller = controller;
+ }
+
+ async pump(data, done) {
+ if (!data || this.errored) return;
+ if (!this.headerRecieved) {
+ // 检查头文件获取音频类型，仅检查前256个字节
+ const toCheck = data.slice(0, 256);
+ for (const [type, value] of fileSignatures) {
+ if (value.every((v, i) => toCheck[i] === v)) {
+ this.audioType = type;
+ break;
+ }
+ }
+ if (this.audioType === AudioType.Ogg) {
+ // 如果是ogg的话，进一步判断是不是opus
+ for (const [key, value] of oggHeaders) {
+ const has = toCheck.some((_, i) => {
+ return value.every((v, ii) => toCheck[i + ii] === v);
+ });
+ if (has) {
+ this.audioType = key;
+ break;
+ }
+ }
+ }
+ if (!this.audioType) {
+ console.error(
+ "Unknown audio type. Header: '" + [...toCheck]
+ .map((v) => v.toString().padStart(2, "0"))
+ .join(" ")
+ .toUpperCase() +
+ "'"
+ );
+ return;
+ }
+ // 创建解码器
+ const Decoder = AudioStreamSource.decoderMap.get(this.audioType);
+ if (!Decoder) {
+ this.errored = true;
+ console.error(
+ "Cannot decode stream source type of '" +
+ this.audioType +
+ "', since there is no registered decoder for that type."
+ );
+ return Promise.reject(
+ `Cannot decode stream source type of '${this.audioType}', since there is no registered decoder for that type.`
+ );
+ }
+ this.decoder = new Decoder();
+ // 创建数据解析器
+ const mime = mimeTypeMap[this.audioType];
+ const parser = new CodecParser(mime);
+ this.parser = parser;
+ await this.decoder.create();
+ this.headerRecieved = true;
+ }
+
+ const decoder = this.decoder;
+ const parser = this.parser;
+ if (!decoder || !parser) {
+ this.errored = true;
+ return Promise.reject(
+ "No parser or decoder attached in this AudioStreamSource"
+ );
+ }
+
+ await this.decodeData(data, decoder, parser);
+ if (done) await this.decodeFlushData(decoder, parser);
+ this.checkBufferedPlay();
+ }
+
+ /**
+ * 检查采样率，如果还未解析出采样率，那么将设置采样率，如果当前采样率与之前不同，那么发出警告
+ */
+ checkSampleRate(info) {
+ for (const one of info) {
+ const frame = isOggPage(one) ? one.codecFrames[0] : one;
+ if (frame) {
+ const rate = frame.header.sampleRate;
+ if (this.sampleRate === 0) {
+ this.sampleRate = rate;
+ break;
+ } else {
+ if (rate !== this.sampleRate) {
+ console.warn("Sample rate in stream audio must be constant.");
+ }
+ }
+ }
+ }
+ }
+
+ /**
+ * 解析音频数据
+ */
+ async decodeData(data, decoder, parser) {
+ // 解析音频数据
+ const audioData = await decoder.decode(data);
+ if (!audioData) return;
+ // @ts-expect-error 库类型声明错误
+ const audioInfo = [...parser.parseChunk(data)];
+
+ // 检查采样率
+ this.checkSampleRate(audioInfo);
+ // 追加音频数据
+ this.appendDecodedData(audioData, audioInfo);
+ }
+
+ /**
+ * 解码剩余数据
+ */
+ async decodeFlushData(decoder, parser) {
+ const audioData = await decoder.flush();
+ if (!audioData) return;
+ // @ts-expect-error 库类型声明错误
+ const audioInfo = [...parser.flush()];
+
+ this.checkSampleRate(audioInfo);
+ this.appendDecodedData(audioData, audioInfo);
+ }
+
+ /**
+ * 追加音频数据
+ */
+ appendDecodedData(data, info) {
+ const channels = data.channelData.length;
+ if (channels === 0) return;
+ if (this.audioData.length !== channels) {
+ this.audioData = [];
+ for (let i = 0; i < channels; i++) {
+ this.audioData.push([]);
+ }
+ }
+ // 计算出应该放在哪
+ const chunk = this.sampleRate * this.bufferChunkSize;
+ const sampled = this.bufferedSamples;
+ const pushIndex = Math.floor(sampled / chunk);
+ const bufferIndex = sampled % chunk;
+ const dataLength = data.channelData[0].length;
+ let buffered = 0;
+ let nowIndex = pushIndex;
+ let toBuffer = bufferIndex;
+ while (buffered < dataLength) {
+ const rest = toBuffer !== 0 ? chunk - bufferIndex : chunk;
+
+ for (let i = 0; i < channels; i++) {
+ const audioData = this.audioData[i];
+ if (!audioData[nowIndex]) {
+ audioData.push(new Float32Array(chunk));
+ }
+ const toPush = data.channelData[i].slice(buffered, buffered + rest);
+
+ audioData[nowIndex].set(toPush, toBuffer);
+ }
+ buffered += rest;
+ nowIndex++;
+ toBuffer = 0;
+ }
+
+ this.buffered +=
+ info.reduce((prev, curr) => prev + curr.duration, 0) / 1000;
+ this.bufferedSamples += info.reduce(
+ (prev, curr) => prev + curr.samples,
+ 0
+ );
+ }
+
+ /**
+ * 检查已缓冲内容，并在未开始播放时播放
+ */
+ checkBufferedPlay() {
+ if (this.playing || this.sampleRate === 0) return;
+ const played = this.lastBufferSamples / this.sampleRate;
+ const dt = this.buffered - played;
+ if (this.loaded) {
+ this.playAudio(played);
+ return;
+ }
+ if (dt < this.bufferPlayDuration) return;
+ console.log(played, this.lastBufferSamples, this.sampleRate);
+ this.lastBufferSamples = this.bufferedSamples;
+ // 需要播放
+ this.mergeBuffers();
+ if (!this.buffer) return;
+ if (this.playing) this.output.stop();
+ this.createSourceNode(this.buffer);
+ this.output.loop = false;
+ this.output.start(0, played);
+ this.lastStartTime = this.ac.currentTime;
+ this.playing = true;
+ this.output.addEventListener("ended", () => {
+ this.playing = false;
+ this.checkBufferedPlay();
+ });
+ }
+
+ mergeBuffers() {
+ const buffer = this.ac.createBuffer(
+ this.audioData.length,
+ this.bufferedSamples,
+ this.sampleRate
+ );
+ const chunk = this.sampleRate * this.bufferChunkSize;
+ const bufferedChunks = Math.floor(this.bufferedSamples / chunk);
+ const restLength = this.bufferedSamples % chunk;
+ for (let i = 0; i < this.audioData.length; i++) {
+ const audio = this.audioData[i];
+ const data = new Float32Array(this.bufferedSamples);
+ for (let j = 0; j < bufferedChunks; j++) {
+ data.set(audio[j], chunk * j);
+ }
+ if (restLength !== 0) {
+ data.set(
+ audio[bufferedChunks].slice(0, restLength),
+ chunk * bufferedChunks
+ );
+ }
+
+ buffer.copyToChannel(data, i, 0);
+ }
+ this.buffer = buffer;
+ }
+
+ async start() {
+ delete this.buffer;
+ this.headerRecieved = false;
+ this.audioType = "";
+ this.errored = false;
+ this.buffered = 0;
+ this.sampleRate = 0;
+ this.bufferedSamples = 0;
+ this.duration = 0;
+ this.loaded = false;
+ if (this.playing) this.output.stop();
+ this.playing = false;
+ this.lastStartTime = this.ac.currentTime;
+ }
+
+ end(done, reason) {
+ if (done && this.buffer) {
+ this.loaded = true;
+ delete this.controller;
+ this.mergeBuffers();
+ // const played = this.lastBufferSamples / this.sampleRate;
+ // this.playAudio(played);
+ this.duration = this.buffered;
+ this.audioData = [];
+ this.decoder?.destroy();
+ delete this.decoder;
+ delete this.parser;
+ } else {
+ console.warn(
+ "Unexpected end when loading stream audio, reason: '" +
+ (reason ?? "") +
+ "'"
+ );
+ }
+ }
+
+ playAudio(when) {
+ if (!this.buffer) return;
+ this.lastStartTime = this.ac.currentTime;
+ if (this.playing) this.output.stop();
+ this.emit("play");
+ this.createSourceNode(this.buffer);
+ this.output.start(0, when);
+ this.playing = true;
+ console.log(when);
+
+ this.output.addEventListener("ended", () => {
+ this.playing = false;
+ this.emit("end");
+ if (this.loop && !this.output.loop) this.play(0);
+ });
+ }
+ /**
+ * 开始播放这个音频源
+ */
+ play(when) {
+ if (this.playing || this.errored) return;
+ if (this.loaded && this.buffer) {
+ this.playing = true;
+ this.playAudio(when);
+ } else {
+ this.controller?.start();
+ }
+ }
+
+ createSourceNode(buffer) {
+ if (!this.target) return;
+ const node = this.ac.createBufferSource();
+ node.buffer = buffer;
+ if (this.playing) this.output.stop();
+ this.playing = false;
+ this.output = node;
+ node.connect(this.target.input);
+ node.loop = this.loop;
+ }
+ /**
+ * 停止播放这个音频源
+ * @returns 音频暂停的时刻 number
+ */
+ stop() {
+ if (this.playing) this.output.stop();
+ this.playing = false;
+ return this.ac.currentTime - this.lastStartTime;
+ }
+ /**
+ * 连接到音频路由图上，每次调用播放的时候都会执行一次
+ * @param target 连接至的目标 IAudioInput
+ */
+ connect(target) {
+ this.target = target;
+ }
+ /**
+ * 设置是否循环播放
+ * @param loop 是否循环 boolean)
+ */
+ setLoop(loop) {
+ this.loop = loop;
+ }
+ }
+ class AudioElementSource {
+
+ constructor(context) {
+ const audio = new Audio();
+ audio.preload = 'none';
+ this.output = context.createMediaElementSource(audio);
+ this.audio = audio;
+ audio.addEventListener('play', () => {
+ this.playing = true;
+ this.emit('play');
+ });
+ audio.addEventListener('ended', () => {
+ this.playing = false;
+ this.emit('end');
+ });
+ }
+
+ /**
+ * 设置音频源的路径
+ * @param url 音频路径
+ */
+ setSource(url) {
+ this.audio.src = url;
+ }
+
+ play(when = 0) {
+ if (this.playing) return;
+ this.audio.currentTime = when;
+ this.audio.play();
+ }
+
+ stop() {
+ this.audio.pause();
+ this.playing = false;
+ this.emit('end');
+ return this.audio.currentTime;
+ }
+
+ connect(target) {
+ this.output.connect(target.input);
+ }
+
+ setLoop(loop) {
+ this.audio.loop = loop;
+ }
+ }
+ class AudioBufferSource {
+
+
+
+ constructor(context) {
+ this.output = context.createBufferSource();
+ /** 是否循环 */
+ this.loop = false;
+
+ /** 播放开始时刻 */
+ this.lastStartTime = 0;
+
+ }
+
+ /**
+ * 设置音频源数据
+ * @param buffer 音频源，可以是未解析的 ArrayBuffer，也可以是已解析的 AudioBuffer
+ */
+ async setBuffer(buffer) {
+ if (buffer instanceof ArrayBuffer) {
+ this.buffer = await this.ac.decodeAudioData(buffer);
+ } else {
+ this.buffer = buffer;
+ }
+ }
+
+ play(when) {
+ if (this.playing || !this.buffer) return;
+ this.playing = true;
+ this.lastStartTime = this.ac.currentTime;
+ this.emit('play');
+ this.createSourceNode(this.buffer);
+ this.output.start(0, when);
+ this.output.addEventListener('ended', () => {
+ this.playing = false;
+ this.emit('end');
+ if (this.loop && !this.output.loop) this.play(0);
+ });
+ }
+
+ createSourceNode(buffer) {
+ if (!this.target) return;
+ const node = this.ac.createBufferSource();
+ node.buffer = buffer;
+ this.output = node;
+ node.connect(this.target.input);
+ node.loop = this.loop;
+ }
+
+ stop() {
+ this.output.stop();
+ return this.ac.currentTime - this.lastStartTime;
+ }
+
+ connect(target) {
+ this.target = target;
+ }
+
+ setLoop(loop) {
+ this.loop = loop;
+ }
+ }
+ class AudioPlayer {
+ constructor() {
+ /** 音频播放上下文 */
+ this.ac = new AudioContext();
+ /** 音量节点 */
+ this.gain = this.ac.createGain();
+ this.gain.connect(this.ac.destination);
+ this.audioRoutes = new Map()
+ }
+
+ /**
+ * 设置音量
+ * @param volume 音量
+ */
+ setVolume(volume) {
+ this.gain.gain.value = volume;
+ }
+
+ /**
+ * 获取音量
+ */
+ getVolume() {
+ return this.gain.gain.value;
+ }
+
+ /**
+ * 创建一个音频源
+ * @param Source 音频源类
+ */
+ createSource(Source) {
+ return new Source(this.ac);
+ }
+
+ /**
+ * 创建一个兼容流式音频源，可以与流式加载相结合，主要用于处理 opus ogg 不兼容的情况
+ */
+ createStreamSource() {
+ return new AudioStreamSource(this.ac);
+ }
+
+ /**
+ * 创建一个通过 audio 元素播放的音频源
+ */
+ createElementSource() {
+ return new AudioElementSource(this.ac);
+ }
+
+ /**
+ * 创建一个通过 AudioBuffer 播放的音频源
+ */
+ createBufferSource() {
+ return new AudioBufferSource(this.ac);
+ }
+
+ /**
+ * 获取音频目的地
+ */
+ getDestination() {
+ return this.gain;
+ }
+
+ /**
+ * 创建一个音频效果器
+ * @param Effect 效果器类
+ */
+ createEffect(Effect) {
+ return new Effect(this.ac);
+ }
+
+ /**
+ * 创建一个修改音量的效果器
+ * ```txt
+ * |----------|
+ * Input ----> | GainNode | ----> Output
+ * |----------|
+ * ```
+ */
+ createVolumeEffect() {
+ return new VolumeEffect(this.ac);
+ }
+
+ /**
+ * 创建一个立体声效果器
+ * ```txt
+ * |------------|
+ * Input ----> | PannerNode | ----> Output
+ * |------------|
+ * ```
+ */
+ createStereoEffect() {
+ return new StereoEffect(this.ac);
+ }
+
+ /**
+ * 创建一个修改单个声道音量的效果器
+ * ```txt
+ * |----------|
+ * -> | GainNode | \
+ * |--------------| / |----------| -> |------------|
+ * Input ----> | SplitterNode | ...... | MergerNode | ----> Output
+ * |--------------| \ |----------| -> |------------|
+ * -> | GainNode | /
+ * |----------|
+ * ```
+ */
+ createChannelVolumeEffect() {
+ return new ChannelVolumeEffect(this.ac);
+ }
+
+ /**
+ * 创建一个延迟效果器
+ * |-----------|
+ * Input ----> | DelayNode | ----> Output
+ * |-----------|
+ */
+ createDelay() {
+ return new DelayEffect(this.ac);
+ }
+
+ /**
+ * 创建一个回声效果器
+ * ```txt
+ * |----------|
+ * Input ----> | GainNode | ----> Output
+ * ^ |----------| |
+ * | |
+ * | |------------| ↓
+ * |-- | Delay Node | <--
+ * |------------|
+ * ```
+ */
+ createEchoEffect() {
+ return new EchoEffect(this.ac);
+ }
+
+ /**
+ * 创建一个音频播放路由
+ * @param source 音频源
+ */
+ createRoute(source) {
+ return new AudioRoute(source, this);
+ }
+
+ /**
+ * 添加一个音频播放路由，可以直接被播放
+ * @param id 这个音频播放路由的名称
+ * @param route 音频播放路由对象
+ */
+ addRoute(id, route) {
+ if (!this.audioRoutes) this.audioRoutes = new Map()
+ if (this.audioRoutes.has(id)) {
+ console.warn(
+ "Audio route with id of '" +
+ id +
+ "' has already existed. New route will override old route."
+ );
+ }
+ this.audioRoutes.set(id, route);
+ }
+
+ /**
+ * 根据名称获取音频播放路由对象
+ * @param id 音频播放路由的名称
+ */
+ getRoute(id) {
+ return this.audioRoutes.get(id);
+ }
+
+ /**
+ * 播放音频
+ * @param id 音频名称
+ * @param when 从音频的哪个位置开始播放，单位秒
+ */
+ play(id, when) {
+ this.getRoute(id)?.play(when);
+ }
+
+ /**
+ * 暂停音频播放
+ * @param id 音频名称
+ * @returns 当音乐真正停止时兑现
+ */
+ pause(id) {
+ const route = this.getRoute(id);
+ if (!route) return Promise.resolve();
+ else return route.pause();
+ }
+
+ /**
+ * 停止音频播放
+ * @param id 音频名称
+ * @returns 当音乐真正停止时兑现
+ */
+ stop(id) {
+ const route = this.getRoute(id);
+ if (!route) return Promise.resolve();
+ else return route.stop();
+ }
+
+ /**
+ * 继续音频播放
+ * @param id 音频名称
+ */
+ resume(id) {
+ this.getRoute(id)?.resume();
+ }
+
+ /**
+ * 设置听者位置，x正方形水平向右，y正方形垂直于地面向上，z正方向垂直屏幕远离用户
+ * @param x 位置x坐标
+ * @param y 位置y坐标
+ * @param z 位置z坐标
+ */
+ setListenerPosition(x, y, z) {
+ const listener = this.ac.listener;
+ listener.positionX.value = x;
+ listener.positionY.value = y;
+ listener.positionZ.value = z;
+ }
+
+ /**
+ * 设置听者朝向，x正方形水平向右，y正方形垂直于地面向上，z正方向垂直屏幕远离用户
+ * @param x 朝向x坐标
+ * @param y 朝向y坐标
+ * @param z 朝向z坐标
+ */
+ setListenerOrientation(x, y, z) {
+ const listener = this.ac.listener;
+ listener.forwardX.value = x;
+ listener.forwardY.value = y;
+ listener.forwardZ.value = z;
+ }
+
+ /**
+ * 设置听者头顶朝向，x正方形水平向右，y正方形垂直于地面向上，z正方向垂直屏幕远离用户
+ * @param x 头顶朝向x坐标
+ * @param y 头顶朝向y坐标
+ * @param z 头顶朝向z坐标
+ */
+ setListenerUp(x, y, z) {
+ const listener = this.ac.listener;
+ listener.upX.value = x;
+ listener.upY.value = y;
+ listener.upZ.value = z;
+ }
+ }
+ const AudioRouteEvent = {
+ updateEffect: [],
+ play: [],
+ stop: [],
+ pause: [],
+ resume: [],
+ };
+ class AudioRoute {
+ constructor(source, player) {
+ this.output = source.output;
+ /** 效果器路由图 */
+ this.effectRoute = [];
+
+ /** 结束时长，当音频暂停或停止时，会经过这么长时间之后才真正终止播放，期间可以做音频淡入淡出等效果 */
+ this.endTime = 0;
+
+ /** 是否已暂停，注意停止播放是不算暂停的 */
+ this.paused = false;
+ /** 暂停时刻 */
+ this.pauseTime = 0;
+ this.source = source
+ this.player = player
+ }
+
+ /**
+ * 设置结束时间，暂停或停止时，会经过这么长时间才终止音频的播放，这期间可以做一下音频淡出的效果。
+ * @param time 暂停或停止时，经过多长时间之后才会结束音频的播放
+ */
+ setEndTime(time) {
+ this.endTime = time;
+ }
+
+ /**
+ * 当音频播放时执行的函数，可以用于音频淡入效果
+ * @param fn 音频开始播放时执行的函数
+ */
+ onStart(fn) {
+ this.audioStartHook = fn;
+ }
+
+ /**
+ * 当音频暂停或停止时执行的函数，可以用于音频淡出效果
+ * @param fn 音频在暂停或停止时执行的函数，不填时表示取消这个钩子。
+ * 包含两个参数，第一个参数是结束时长，第二个参数是当前音频播放路由对象
+ */
+ onEnd(fn) {
+ this.audioEndHook = fn;
+ }
+
+ /**
+ * 开始播放这个音频
+ * @param when 从音频的什么时候开始播放，单位秒
+ */
+ play(when = 0) {
+ if (this.source.playing) return;
+ this.link();
+ if (this.effectRoute.length > 0) {
+ const first = this.effectRoute[0];
+ this.source.connect(first);
+ } else {
+ this.source.connect({ input: this.player.getDestination() });
+ }
+ this.source.play(when);
+ this.paused = false;
+ this.pauseTime = 0;
+ this.audioStartHook?.(this);
+ this.startAllEffect();
+
+ }
+
+ /**
+ * 暂停音频播放
+ */
+ async pause() {
+ if (this.paused || !this.source.playing) return;
+ if (this.audioEndHook) {
+ this.audioEndHook(this.endTime, this);
+ await sleep(this.endTime);
+ }
+ const time = this.source.stop();
+ this.pauseTime = time;
+ this.paused = true;
+ this.endAllEffect();
+
+ }
+
+ /**
+ * 继续音频播放
+ */
+ resume() {
+ if (this.source.playing) return;
+ if (this.paused) {
+ this.play(this.pauseTime);
+ } else {
+ this.play(0);
+ }
+ this.paused = false;
+ this.pauseTime = 0;
+ this.audioStartHook?.(this);
+ this.startAllEffect();
+
+ }
+
+ /**
+ * 停止音频播放
+ */
+ async stop() {
+ if (!this.source.playing) return;
+ if (this.audioEndHook) {
+ this.audioEndHook(this.endTime, this);
+ await sleep(this.endTime);
+ }
+ this.source.stop();
+ this.paused = false;
+ this.pauseTime = 0;
+ this.endAllEffect();
+
+ }
+
+ /**
+ * 添加效果器
+ * @param effect 要添加的效果，可以是数组，表示一次添加多个
+ * @param index 从哪个位置开始添加，如果大于数组长度，那么加到末尾，如果小于0，那么将会从后面往前数。默认添加到末尾
+ */
+ addEffect(effect, index) {
+ if (isNil(index)) {
+ if (effect instanceof Array) {
+ this.effectRoute.push(...effect);
+ } else {
+ this.effectRoute.push(effect);
+ }
+ } else {
+ if (effect instanceof Array) {
+ this.effectRoute.splice(index, 0, ...effect);
+ } else {
+ this.effectRoute.splice(index, 0, effect);
+ }
+ }
+ this.setOutput();
+ if (this.source.playing) this.link();
+
+ }
+
+ /**
+ * 移除一个效果器
+ * @param effect 要移除的效果
+ */
+ removeEffect(effect) {
+ const index = this.effectRoute.indexOf(effect);
+ if (index === -1) return;
+ this.effectRoute.splice(index, 1);
+ effect.disconnect();
+ this.setOutput();
+ if (this.source.playing) this.link();
+
+ }
+
+ setOutput() {
+ const effect = this.effectRoute.at(-1);
+ if (!effect) this.output = this.source.output;
+ else this.output = effect.output;
+ }
+
+ /**
+ * 连接音频路由图
+ */
+ link() {
+ this.effectRoute.forEach((v) => v.disconnect());
+ this.effectRoute.forEach((v, i) => {
+ const next = this.effectRoute[i + 1];
+ if (next) {
+ v.connect(next);
+ }
+ });
+ }
+
+ startAllEffect() {
+ this.effectRoute.forEach((v) => v.start());
+ }
+
+ endAllEffect() {
+ this.effectRoute.forEach((v) => v.end());
+ }
+ }
+
+ core.plugin.audioPlayer = new AudioPlayer();
+ const audioPlayer = core.plugin.audioPlayer;
+
+ class VorbisDecoder {
+ /**
+ * 创建音频解码器
+ */
+ async create() {
+ this.decoder = new OggVorbisDecoder();
+ await this.decoder.ready;
+ }
+ /**
+ * 摧毁这个解码器
+ */
+ destroy() {
+ this.decoder?.free();
+ }
+ /**
+ * 解码流数据
+ * @param data 流数据
+ */
+
+ async decode(data) {
+ return this.decoder?.decode(data);
+ }
+ /**
+ * 当音频解码完成后，会调用此函数，需要返回之前还未解析或未返回的音频数据。调用后，该解码器将不会被再次使用
+ */
+ async flush() {
+ return await this.decoder?.flush();
+ }
+ }
+ class OpusDecoder {
+ /**
+ * 创建音频解码器
+ */
+ async create() {
+ this.decoder = new OggOpusDecoder();
+ await this.decoder.ready;
+ }
+ /**
+ * 摧毁这个解码器
+ */
+ destroy() {
+ this.decoder?.free();
+ }
+ /**
+ * 解码流数据
+ * @param data 流数据
+ */
+ async decode(data) {
+ return this.decoder?.decode(data);
+ }
+ /**
+ * 当音频解码完成后，会调用此函数，需要返回之前还未解析或未返回的音频数据。调用后，该解码器将不会被再次使用
+ */
+ async flush() {
+ return await this.decoder?.flush();
+ }
+ }
+
+ function loadAllBgm() {
+
+ const data = data_a1e2fb4a_e986_4524_b0da_9b7ba7c0874d;
+ for (const bgm of data.main.bgms) {
+ const type = guessTypeByExt(bgm);
+ if (!type) continue;
+ if (isAudioSupport(type)) {
+ const source = audioPlayer.createElementSource();
+ source.setSource(`project/bgms/${bgm}`);
+ source.setLoop(true);
+ const route = new AudioRoute(source, audioPlayer);
+ audioPlayer.addRoute(`bgms.${bgm}`, route);
+ } else {
+ const source = audioPlayer.createStreamSource();
+ const stream = new StreamLoader(`project/bgms/${bgm}`);
+ stream.pipe(source);
+ source.setLoop(true);
+ const route = new AudioRoute(source, audioPlayer);
+ audioPlayer.addRoute(`bgms.${bgm}`, route);
+ }
+ }
+
+ }
+ loadAllBgm();
+ AudioStreamSource.registerDecoder(AudioType.Ogg, VorbisDecoder);
+ AudioStreamSource.registerDecoder(AudioType.Opus, OpusDecoder);
+
+ core.plugin.audioSystem = {
+ AudioType,
+ isAudioSupport,
+ guessTypeByExt,
+ EchoEffect,
+ DelayEffect,
+ ChannelVolumeEffect,
+ VolumeEffect,
+ StereoEffect,
+ AudioEffect,
+ AudioPlayer,
+ AudioRoute,
+ AudioStreamSource,
+ AudioElementSource,
+ AudioBufferSource,
+ loadAllBgm,
+ StreamLoader,
+ };
+
+
+}
+}
\ No newline at end of file