From 2ae8119ae385a4440c7c11a75612d492c2a3310b Mon Sep 17 00:00:00 2001 From: sakuya <1394232566@qq.com> Date: Fri, 6 Dec 2024 13:59:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=AB=96=E5=B1=8FCGUI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- project/plugins.js | 47 ++++++++++++++++++++++++---------------------- 1 file changed, 25 insertions(+), 22 deletions(-) diff --git a/project/plugins.js b/project/plugins.js index 1d7d791..092bfad 100644 --- a/project/plugins.js +++ b/project/plugins.js @@ -8663,8 +8663,6 @@ core.plugin.animate = { CGUI.style.transform = "translate(-50%,-50%)" const ctx = CGUI.getContext("2d"); main.dom.CGUI = CGUI; - let page = 0; // 当前页面变量 - let select = 'view'; // 'view'为浏览模式，'zoom'为放大模式 CGUI.onclick = function (e) { try { e.preventDefault(); @@ -8798,14 +8796,15 @@ core.plugin.animate = { core.clearMap(ctx) core.restart(); } - if (select === 'view') { - // 浏览模式，点击切换页面 - page = (page + 1) % main.core.ui.CG.UIMx.length; - main.core.ui.CG.update(); - } else if (select === 'zoom') { - // 放大模式，点击清空画布重绘当前页面 - core.clearMap(ctx); - main.core.ui.CG.drawUI(); + if (core.domStyle.isVertical) { + //竖屏 + } else { + if (px >= 33 && px <= 177 && py >= 342 && py <= 471) { + //下翻页 + console.log(1); + } else if (px >= 33 && px <= 177 && py >= 837 && py <= 975) { + console.log(2); + } } } drawUI() { @@ -8822,25 +8821,29 @@ core.plugin.animate = { core.fillRoundRect(ctx, 45 - 6, 45 - 6, 120 + 12, 80 + 12, 6, '#444444'); core.strokeRoundRect(ctx, 45 - 12, 45 - 12, 120 + 24, 80 + 24, 12, "#444444", 3); core.fillText(ctx, '离开', 100, 110, '#FFFFFF', core.ui._buildFont(33, true)); - /*（这部分是不是写错了） // 添加向上翻页和向下翻页的按钮 - core.fillRoundRect(ctx, 100 - 6, 100 - 6, 120 + 12, 120 + 12, 6, '#444444'); - core.strokeRoundRect(ctx, 100 - 12, 100 - 12, 120 + 24, 120 + 120, 12, "#444444", 3); - core.fillText(ctx, '向上翻页', 100, 250, '#FFFFFF', core.ui._buildFont(24, true)); - core.fillText(ctx, '向下翻页', 100, 1500, '#FFFFFF', core.ui._buildFont(24, true)); + core.fillRoundRect(ctx, 45 - 6, 400 - 6, 120 + 12, 120 + 12, 6, '#444444'); + core.strokeRoundRect(ctx, 45 - 12, 400 - 12, 120 + 24, 120 + 12, 12, "#444444", 3); + core.fillRoundRect(ctx, 45 - 6, 1100 - 6, 120 + 12, 120 + 12, 6, '#444444'); + core.strokeRoundRect(ctx, 45 - 12, 1100 - 12, 120 + 24, 120 + 12, 12, "#444444", 3); + core.fillText(ctx, '向上翻页', 100, 450, '#FFFFFF', core.ui._buildFont(24, true)); + core.fillText(ctx, '向下翻页', 100, 1150, '#FFFFFF', core.ui._buildFont(24, true)); // 添加3*2个4:3的画框 for (let i = 0; i < 3; i++) { for (let j = 0; j < 2; j++) { - core.strokeRect(ctx, 200 + j * 200, 300 + i * 300, 160, 120, "#FFFFFF", 2); - core.fillRect(ctx, 200 + j * 200, 300 + i * 300, 160, 120, '#FFFFFF'); + core.fillRect(ctx, 200 + j * 500, 300 + i * 450, 480, 320, '#FFFFFF'); + core.strokeRect(ctx, 200 + j * 500, 300 + i * 450, 480, 320, "#444444", 2); } } // 添加浏览模式和CG模式的字样 + core.fillRoundRect(ctx, 350 - 6, 120 - 6, 120 + 12, 120 + 12, 6, '#444444'); + core.strokeRoundRect(ctx, 350 - 12, 120 - 12, 120 + 24, 120 + 12, 12, "#444444", 3); + core.fillRoundRect(ctx, 950 - 6, 120 - 6, 120 + 12, 120 + 12, 6, '#444444'); + core.strokeRoundRect(ctx, 950 - 12, 120 - 12, 120 + 24, 120 + 12, 12, "#444444", 3); core.fillText(ctx, '浏览模式', 400, 180, '#FFFFFF', core.ui._buildFont(24, true)); - core.fillText(ctx, 'CG模式', 1200, 180, '#FFFFFF', core.ui._buildFont(24, true)); - */ + core.fillText(ctx, 'CG模式', 1000, 180, '#FFFFFF', core.ui._buildFont(24, true)); } else { //横屏 core.fillRect(ctx, 0, 0, 2028, 1248, "#000000") //黑色背景 ctx.globalAlpha = 0.5 //透明度 @@ -8862,9 +8865,9 @@ core.plugin.animate = { // 添加3*2个4:3的画框 for (let i = 0; i < 2; i++) { - for (let j = 0; j < 6; j++) { - core.fillRect(ctx, 200 + j * 300, 350 + i * 450, 240, 160, '#FFFFFF'); - core.strokeRect(ctx, 200 + j * 300, 350 + i * 450, 240, 160, "#444444", 2); + for (let j = 0; j < 3; j++) { + core.fillRect(ctx, 300 + j * 500, 300 + i * 450, 480, 320, '#FFFFFF'); + core.strokeRect(ctx, 300 + j * 500, 300 + i * 450, 480, 320, "#444444", 2); } }