From 6c816ab5d65acf0be4b4af1f217c1668747abaf7 Mon Sep 17 00:00:00 2001 From: MakinoharaShoko Date: Thu, 17 Feb 2022 21:03:47 +0800 Subject: [PATCH 1/3] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=81=A2=E5=A4=8D?= =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=97=B6=E8=83=8C=E6=99=AF=E7=9A=84=E9=97=AE?= =?UTF-8?q?=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../ViewController/functions/restoreStatus.js | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/src/Core/ViewController/functions/restoreStatus.js b/src/Core/ViewController/functions/restoreStatus.js index 2da26fa6..be480989 100644 --- a/src/Core/ViewController/functions/restoreStatus.js +++ b/src/Core/ViewController/functions/restoreStatus.js @@ -5,13 +5,17 @@ import {processSelection} from "../../util/WG_util"; const restoreStatus = (savedStatus) => { const command = savedStatus["command"]; //恢复对话 - WG_ViewControl.VC_textShow(savedStatus['showName'],savedStatus['showText']); + WG_ViewControl.VC_textShow(savedStatus['showName'], savedStatus['showText']); //恢复背景的移动和效果 if (savedStatus['bg_transform'] !== '') { document.getElementById('mainBackground').style.transform = savedStatus['bg_transform']; + } else { + document.getElementById('mainBackground').style.transform = ''; } if (savedStatus['bg_filter'] !== '') { document.getElementById('mainBackground').style.filter = savedStatus['bg_filter']; + } else { + document.getElementById('mainBackground').style.filter = ''; } //不重置设置背景 @@ -19,14 +23,14 @@ const restoreStatus = (savedStatus) => { document.getElementById('mainBackground').style.backgroundImage = "url('game/background/" + savedStatus["bg_Name"] + "')"; // 处理立绘 - WG_ViewControl.VC_changeP(savedStatus["fig_Name_left"],'left'); - WG_ViewControl.VC_changeP(savedStatus["fig_Name"],'center'); - WG_ViewControl.VC_changeP(savedStatus["fig_Name_right"],'right'); + WG_ViewControl.VC_changeP(savedStatus["fig_Name_left"], 'left'); + WG_ViewControl.VC_changeP(savedStatus["fig_Name"], 'center'); + WG_ViewControl.VC_changeP(savedStatus["fig_Name_right"], 'right'); // 处理choose if (command === 'choose' || command === 'choose_label') { const selection = processSelection(savedStatus["choose"]); - const choose_mode = command==='choose'?'scene':'label'; + const choose_mode = command === 'choose' ? 'scene' : 'label'; WG_ViewControl.VC_choose(selection, choose_mode); } // 处理小头像 @@ -42,8 +46,8 @@ const restoreStatus = (savedStatus) => { //还原演出效果 WG_ViewControl.VC_PIXI_Create(); - for(const perform of savedStatus.pixiPerformList){ - WG_ViewControl.VC_PIXI_perform(perform.performType,perform.option); + for (const perform of savedStatus.pixiPerformList) { + WG_ViewControl.VC_PIXI_perform(perform.performType, perform.option); } } From db7fb9426267fc2a0903ce98609af697ab0e9569 Mon Sep 17 00:00:00 2001 From: MakinoharaShoko Date: Thu, 17 Feb 2022 21:52:24 +0800 Subject: [PATCH 2/3] Update README.md --- README.md | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 71 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index f98c9bc2..a6c6e17b 100644 --- a/README.md +++ b/README.md @@ -341,7 +341,7 @@ setFigAni:right,shake,0.5s; ### 自定义动画 -动画文件在`/StaticCSS/animation.css`，你可以学习CSS动画来自己写你想要的动画效果，然后添加到这个CSS里，在游戏脚本里用这个动画。 +动画文件在`/game/userAnimation.css`，你可以学习CSS动画来自己写你想要的动画效果，然后添加到这个CSS里，在游戏脚本里用这个动画。 如： @@ -367,6 +367,76 @@ setFigAni:left,leftIn,1s; 调用这个动画。 +### 为背景设置变换与效果 + +#### 设置变换 + +`setBgTransform` + +``` +setBgTransform:scale(1.15, 1.15) translate(-5%, 0);//设置一个放大1.15倍，向左移动5%的变换 +``` + +有关变换的CSS语法，请参见： https://developer.mozilla.org/zh-CN/docs/Web/CSS/transform + +#### 设置效果 + +`setBgFilter` + +``` +setBgFilter:blur(1px);//设置一个模糊效果 +``` + +有关效果的CSS语法，请参见： https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter + +### 添加特效 + +目前，WebGAL的特效系统由PixiJS实现。 + +#### 初始化Pixi + +`pixiInit` + +``` +pixiInit; +``` + +**注意：** + +**1.如果你要使用特效，那么你必须先运行这个命令来初始化Pixi。** + +**2.如果你想要消除已经作用的效果，你可以使用这个语法来清空效果。** + +#### 添加特效 + +`pixiPerform` + +``` +pixiPerform:rain;//添加一个下雨的特效 +``` + +注意：特效作用后，如果没有初始化，特效会一直运行。 + +#### 预制特效列表 + +| 效果 | 指令 | +| ---- | ----------------- | +| 下雨 | pixiPerform:rain; | +| 下雪 | pixiPerform:snow; | + +#### 叠加特效 + +如果你想要叠加两种及以上效果，你可以在不使用`pixiInit`指令的情况下叠加不同的效果。 + +``` +pixiPerform:rain; +pixiPerform:snow; +``` + +#### 清除已叠加的特效 + +使用 `pixiInit`来初始化，这样可以消除所有已经应用的效果。 + ## 进阶教程： ### 在同一个场景（TXT文件）内实现语句跳转、分支跳转 From 7b357da6d83cc28ced912fe8a10d59e745367343 Mon Sep 17 00:00:00 2001 From: MakinoharaShoko Date: Thu, 17 Feb 2022 21:57:45 +0800 Subject: [PATCH 3/3] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index a6c6e17b..ce8fbcaa 100644 --- a/README.md +++ b/README.md @@ -16,7 +16,7 @@ https://webgal.xjqxz.top/ （国内镜像，但功能演示可能稍稍滞后， https://github.com/MakinoharaShoko/WebGAL/releases/ -如果下载速度过慢，请尝试通过蓝奏云网盘下载(版本不一定是最新的，建议在 GitHub Release 下载）： https://wwm.lanzouw.com/iWGiJzehoni +如果下载速度过慢，请尝试通过蓝奏云网盘下载(版本不一定是最新的，建议在 GitHub Release 下载）： https://wwm.lanzouw.com/i6LbZ008iwnc ## 如何在本地运行WebGAL？