lhy6305/untitled-rhythm-game
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

git auto update

Browse Source
This commit is contained in:
lhy6305 2025-04-18 21:57:44 +08:00
parent 8c3c46e394
commit b7c64fbfb1
2 changed files with 20 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -6,5 +6,5 @@
<script src="./js/1-jsloader.js"></script> <script src="./js/1-jsloader.js"></script>
<script src="./js/2-jsloadentry.js"></script> <script src="./js/2-jsloadentry.js"></script>
</head><body> </head><body>
<div id="mainframe"><canvas id="maincanvas"></canvas></div> <canvas id="maincanvas"></canvas>
</body></html> </body></html>

41
js/libmain.js
View File

@ -19,28 +19,23 @@
libmain.settings.fixed_ratio=16/9; libmain.settings.fixed_ratio=16/9;
libmain.settings.use_fixed_aspect_ratio=true; libmain.settings.use_fixed_aspect_ratio=true;
libmain.settings.show_fps=true; libmain.settings.show_fps=true;
libmain.settings.use_anti_alias=true;
/////////////////////////////////////// init canvas and frame /////////////////////////////////////// init canvas and frame
console.log("[libmain] setting up basic pixi application..."); console.log("[libmain] setting up basic pixi application...");
// set up main canvas element // set up main canvas element
libmain.mainframe=document.getElementById("mainframe");
libmain.canvas=document.getElementById("maincanvas"); libmain.canvas=document.getElementById("maincanvas");
if(libmain.mainframe==null) {
libmain.mainframe=document.createElement("div");
libmain.mainframe.id="mainframe";
document.body.appendChild(libmain.mainframe);
}
libmain.mainframe.style.display="inline-block";
libmain.mainframe.style.zIndex=0;
libmain.mainframe.style.backgroundColor="#000000";
if(libmain.canvas==null) { if(libmain.canvas==null) {
libmain.canvas=document.createElement("canvas"); libmain.canvas=document.createElement("canvas");
libmain.canvas.id="maincanvas"; libmain.canvas.id="maincanvas";
libmain.mainframe.appendChild(libmain.canvas); document.body.appendChild(libmain.canvas);
} }
libmain.canvas.style.width="100%"; libmain.canvas.style.width=0;
libmain.canvas.style.height="100%"; libmain.canvas.style.height=0;
libmain.canvas.width=0;
libmain.canvas.height=0;
libmain.canvas.style.background="rgba(0,0,0,0.5)";
libmain.canvas.style.display="inline-block"; libmain.canvas.style.display="inline-block";
libmain.canvas.style.position="absolute"; libmain.canvas.style.position="absolute";
libmain.canvas.style.zIndex=1; libmain.canvas.style.zIndex=1;
@ -49,17 +44,17 @@
libmain.renderer=await PIXI.autoDetectRenderer({ libmain.renderer=await PIXI.autoDetectRenderer({
"preference":"webgpu", "preference":"webgpu",
"canvas":libmain.canvas, "canvas":libmain.canvas,
"antialias":true, "antialias":libmain.settings.use_anti_alias,
"backgroundAlpha":0, "backgroundAlpha":0,
"width":libmain.width, "width":100,
"height":libmain.height "height":100
}); });
libmain.stageroot=new PIXI.Container(); libmain.stageroot=new PIXI.Container();
libmain.stageroot.sortableChildren=true; libmain.stageroot.sortableChildren=true;
libmain.stageroot.boundsArea=new PIXI.Rectangle(0, 0, 0, 0); libmain.stageroot.boundsArea=new PIXI.Rectangle(0, 0, 0, 0);
libmain.stageroot.cullArea=libmain.stageroot.boundsArea; libmain.stageroot.cullArea=libmain.stageroot.boundsArea;
libmain.render=function() { libmain.render_tick=function() {
try { try {
libmain.renderer.render(libmain.stageroot); libmain.renderer.render(libmain.stageroot);
} catch(e) { } catch(e) {
@ -71,9 +66,9 @@
} }
return; return;
} }
requestAnimationFrame(libmain.render); requestAnimationFrame(libmain.render_tick);
}; };
requestAnimationFrame(libmain.render); requestAnimationFrame(libmain.render_tick);
/////////////////////////////////////// end of setup /////////////////////////////////////// end of setup
@ -83,10 +78,12 @@
if(libmain.settings.use_fixed_aspect_ratio) { if(libmain.settings.use_fixed_aspect_ratio) {
res=libutil.calcresize(document.body.clientWidth, document.body.clientHeight, libmain.settings.fixed_ratio); res=libutil.calcresize(document.body.clientWidth, document.body.clientHeight, libmain.settings.fixed_ratio);
} }
libmain.mainframe.style.width=res[0]+"px"; libmain.canvas.width=res[0];
libmain.mainframe.style.height=res[1]+"px"; libmain.canvas.height=res[1];
libmain.mainframe.style.left=res[2]+"px"; libmain.canvas.style.width=res[0]+"px";
libmain.mainframe.style.top=res[3]+"px"; libmain.canvas.style.height=res[1]+"px";
libmain.canvas.style.left=res[2]+"px";
libmain.canvas.style.top=res[3]+"px";
libmain.stageroot.boundsArea.width=res[0]; libmain.stageroot.boundsArea.width=res[0];
libmain.stageroot.boundsArea.height=res[1]; libmain.stageroot.boundsArea.height=res[1];
libmain.renderer.width=res[0]; libmain.renderer.width=res[0];