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:12:03 +08:00
parent a6ae2d33b5
commit c76ba0e195
1 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
js/libmain.js
View File

@ -18,6 +18,7 @@
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;
/////////////////////////////////////// init canvas and frame /////////////////////////////////////// init canvas and frame
@ -44,21 +45,6 @@
libmain.canvas.style.position="absolute"; libmain.canvas.style.position="absolute";
libmain.canvas.style.zIndex=1; libmain.canvas.style.zIndex=1;
// document resize handler
libmain.resize=function() {
var res=[document.body.clientWidth, document.body.clientHeight, 0, 0];
if(libmain.settings.use_fixed_aspect_ratio) {
res=libutil.calcresize(document.body.clientWidth, document.body.clientHeight, libmain.settings.fixed_ratio);
}
libmain.mainframe.style.width=res[0]+"px";
libmain.mainframe.style.height=res[1]+"px";
libmain.mainframe.style.left=res[2]+"px";
libmain.mainframe.style.top=res[3]+"px";
};
window.addEventListener("resize", libmain.resize);
libmain.resize();
// setup pixi application // setup pixi application
libmain.renderer=await PIXI.autoDetectRenderer({ libmain.renderer=await PIXI.autoDetectRenderer({
"preference":"webgpu", "preference":"webgpu",
@ -71,6 +57,7 @@
libmain.stageroot=new PIXI.Container(); libmain.stageroot=new PIXI.Container();
libmain.stageroot.sortableChildren=true; libmain.stageroot.sortableChildren=true;
libmain.stageroot.boundsArea=new PIXI.Rectangle();
libmain.render=function() { libmain.render=function() {
try { try {
libmain.renderer.render(libmain.stageroot); libmain.renderer.render(libmain.stageroot);
@ -89,6 +76,27 @@
/////////////////////////////////////// end of setup /////////////////////////////////////// end of setup
// document resize handler
libmain.onresize=function() {
var res=[document.body.clientWidth, document.body.clientHeight, 0, 0];
if(libmain.settings.use_fixed_aspect_ratio) {
res=libutil.calcresize(document.body.clientWidth, document.body.clientHeight, libmain.settings.fixed_ratio);
}
libmain.mainframe.style.width=res[0]+"px";
libmain.mainframe.style.height=res[1]+"px";
libmain.mainframe.style.left=res[2]+"px";
libmain.mainframe.style.top=res[3]+"px";
libmain.stageroot.boundsArea.x=0;
libmain.stageroot.boundsArea.y=0;
libmain.stageroot.boundsArea.width=res[0];
libmain.stageroot.boundsArea.height=res[1];
libmain.renderer.width=res[0];
libmain.renderer.height=res[1];
};
window.addEventListener("resize", libmain.onresize);
libmain.onresize();
window.libmain=libmain; window.libmain=libmain;
console.log("[libmain] all components initialized successfully."); console.log("[libmain] all components initialized successfully.");
})(); })();