修改cg中page的修改项与绘图功能
This commit is contained in:
parent
e59bdda35a
commit
581f9ae75d
File diff suppressed because one or more lines are too long
@ -8807,7 +8807,7 @@ core.plugin.animate = {
|
|||||||
this.drawUI();
|
this.drawUI();
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
console.log([px, py]);
|
console.log([px, py], page);
|
||||||
const makeBox = ([x, y], [w, h]) => {
|
const makeBox = ([x, y], [w, h]) => {
|
||||||
return [
|
return [
|
||||||
[x, y],
|
[x, y],
|
||||||
@ -8832,7 +8832,13 @@ core.plugin.animate = {
|
|||||||
//竖屏
|
//竖屏
|
||||||
const pageupbox = makeBox([33, 384], [144, 136])
|
const pageupbox = makeBox([33, 384], [144, 136])
|
||||||
const pagedownbox = makeBox([33, 1080], [144, 190])
|
const pagedownbox = makeBox([33, 1080], [144, 190])
|
||||||
const imagebox0 = makeBox([200, 300], [480, 320])
|
const imagebox0 = makeBox([200, 300], [680, 320])
|
||||||
|
const imagebox1 = makeBox([200, 750], [680, 1070])
|
||||||
|
const imagebox2 = makeBox([200, 1200], [680, 1520])
|
||||||
|
|
||||||
|
const imagebox3 = makeBox([700, 300], [1200, 600])
|
||||||
|
const imagebox4 = makeBox([700, 850], [1200, 1050])
|
||||||
|
const imagebox5 = makeBox([700, 1300], [1200, 1500])
|
||||||
if (inRect(pos, pageupbox)) {
|
if (inRect(pos, pageupbox)) {
|
||||||
//2代表当前最大页数-1
|
//2代表当前最大页数-1
|
||||||
if (page < 2) {
|
if (page < 2) {
|
||||||
@ -8848,30 +8854,82 @@ core.plugin.animate = {
|
|||||||
}
|
}
|
||||||
} else if (inRect(pos, imagebox0)) {
|
} else if (inRect(pos, imagebox0)) {
|
||||||
const img = core.material.images.images[this.UIMx[page][0][0]]
|
const img = core.material.images.images[this.UIMx[page][0][0]]
|
||||||
ctx.save(); //保存设置
|
if (img) {
|
||||||
ctx.translate(1248, 0) //重新定位右上角为基准
|
ctx.save(); //保存设置
|
||||||
ctx.rotate(Math.PI / 2) //旋转90度
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
ctx.drawImage(img, 0, 0, 2028, 1248)
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
ctx.restore(); //重置画布设置
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
show = !show;
|
ctx.restore(); //重置画布设置
|
||||||
} else {
|
show = !show;
|
||||||
const pageupbox = makeBox([33, 342], [144, 129])
|
}
|
||||||
const pagedownbox = makeBox([33, 837], [144, 138])
|
} else if (inRect(pos, imagebox1)) {
|
||||||
if (inRect(pos, pageupbox)) {
|
const img = core.material.images.images[this.UIMx[page][0][1]]
|
||||||
if (page < 2) {
|
if (img) {
|
||||||
page++;
|
ctx.save(); //保存设置
|
||||||
core.clearMap(ctx);
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
this.drawUI();
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
}
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
} else if (inRect(pos, pagedownbox)) {
|
ctx.restore(); //重置画布设置
|
||||||
if (page > 0) {
|
show = !show;
|
||||||
page++;
|
}
|
||||||
core.clearMap(ctx);
|
} else if (inRect(pos, imagebox2)) {
|
||||||
this.drawUI();
|
const img = core.material.images.images[this.UIMx[page][0][2]]
|
||||||
}
|
if (img) {
|
||||||
|
ctx.save(); //保存设置
|
||||||
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
|
ctx.restore(); //重置画布设置
|
||||||
|
show = !show;
|
||||||
|
}
|
||||||
|
} else if (inRect(pos, imagebox3)) {
|
||||||
|
const img = core.material.images.images[this.UIMx[page][1][0]]
|
||||||
|
if (img) {
|
||||||
|
ctx.save(); //保存设置
|
||||||
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
|
ctx.restore(); //重置画布设置
|
||||||
|
show = !show;
|
||||||
|
}
|
||||||
|
} else if (inRect(pos, imagebox4)) {
|
||||||
|
const img = core.material.images.images[this.UIMx[page][1][1]]
|
||||||
|
if (img) {
|
||||||
|
ctx.save(); //保存设置
|
||||||
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
|
ctx.restore(); //重置画布设置
|
||||||
|
show = !show;
|
||||||
|
}
|
||||||
|
} else if (inRect(pos, imagebox5)) {
|
||||||
|
const img = core.material.images.images[this.UIMx[page][1][2]]
|
||||||
|
if (img) {
|
||||||
|
ctx.save(); //保存设置
|
||||||
|
ctx.translate(1248, 0) //重新定位右上角为基准
|
||||||
|
ctx.rotate(Math.PI / 2) //旋转90度
|
||||||
|
ctx.drawImage(img, 0, 0, 2028, 1248)
|
||||||
|
ctx.restore(); //重置画布设置
|
||||||
|
show = !show;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
} else {
|
||||||
|
const pageupbox = makeBox([33, 342], [144, 129])
|
||||||
|
const pagedownbox = makeBox([33, 837], [144, 138])
|
||||||
|
if (inRect(pos, pageupbox)) {
|
||||||
|
if (page < 2) {
|
||||||
|
page++;
|
||||||
|
core.clearMap(ctx);
|
||||||
|
this.drawUI();
|
||||||
|
}
|
||||||
|
} else if (inRect(pos, pagedownbox)) {
|
||||||
|
if (page > 0) {
|
||||||
|
page--;
|
||||||
|
core.clearMap(ctx);
|
||||||
|
this.drawUI();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
drawUI() {
|
drawUI() {
|
||||||
@ -8906,12 +8964,14 @@ core.plugin.animate = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
// 添加浏览模式和CG模式的字样
|
// 添加浏览模式和CG模式的字样
|
||||||
|
/*
|
||||||
core.fillRoundRect(ctx, 350 - 6, 120 - 6, 120 + 12, 120 + 12, 6, '#444444');
|
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.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.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.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, '浏览模式', 400, 180, '#FFFFFF', core.ui._buildFont(24, true));
|
||||||
core.fillText(ctx, 'CG模式', 1000, 180, '#FFFFFF', core.ui._buildFont(24, true));
|
core.fillText(ctx, 'CG模式', 1000, 180, '#FFFFFF', core.ui._buildFont(24, true));
|
||||||
|
*/
|
||||||
} else { //横屏
|
} else { //横屏
|
||||||
core.fillRect(ctx, 0, 0, 2028, 1248, "#000000") //黑色背景
|
core.fillRect(ctx, 0, 0, 2028, 1248, "#000000") //黑色背景
|
||||||
ctx.globalAlpha = 0.5 //透明度
|
ctx.globalAlpha = 0.5 //透明度
|
||||||
@ -8934,17 +8994,21 @@ core.plugin.animate = {
|
|||||||
// 添加3*2个4:3的画框
|
// 添加3*2个4:3的画框
|
||||||
for (let i = 0; i < 2; i++) {
|
for (let i = 0; i < 2; i++) {
|
||||||
for (let j = 0; j < 3; j++) {
|
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);
|
core.strokeRect(ctx, 300 + j * 500, 300 + i * 450, 480, 320, "#444444", 2);
|
||||||
|
const img = core.material.images.images[this.UIMx[page][i][j]]
|
||||||
|
if (img) ctx.drawImage(img, 300 + j * 500 + 15, 300 + i * 450 + 15, 480 - 30, 320 - 30)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 添加浏览模式和CG模式的字样
|
// 添加浏览模式和CG模式的字样
|
||||||
|
/*
|
||||||
core.fillRoundRect(ctx, 550 - 6, 45 - 6, 120 + 12, 120 + 12, 6, '#444444');
|
core.fillRoundRect(ctx, 550 - 6, 45 - 6, 120 + 12, 120 + 12, 6, '#444444');
|
||||||
core.strokeRoundRect(ctx, 550 - 12, 45 - 12, 120 + 24, 120 + 24, 12, "#444444", 3);
|
core.strokeRoundRect(ctx, 550 - 12, 45 - 12, 120 + 24, 120 + 24, 12, "#444444", 3);
|
||||||
core.fillText(ctx, '浏览模式', 600, 100, '#FFFFFF', core.ui._buildFont(24, true));
|
core.fillText(ctx, '浏览模式', 600, 100, '#FFFFFF', core.ui._buildFont(24, true));
|
||||||
core.fillRoundRect(ctx, 1150 - 6, 45 - 6, 120 + 12, 120 + 12, 6, '#444444');
|
core.fillRoundRect(ctx, 1150 - 6, 45 - 6, 120 + 12, 120 + 12, 6, '#444444');
|
||||||
core.strokeRoundRect(ctx, 1150 - 12, 45 - 12, 120 + 24, 120 + 24, 12, "#444444", 3);
|
core.strokeRoundRect(ctx, 1150 - 12, 45 - 12, 120 + 24, 120 + 24, 12, "#444444", 3);
|
||||||
core.fillText(ctx, 'CG模式', 1200, 100, '#FFFFFF', core.ui._buildFont(24, true))
|
core.fillText(ctx, 'CG模式', 1200, 100, '#FFFFFF', core.ui._buildFont(24, true))
|
||||||
|
*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user