skynovel
Version:
webgl novelgame framework
958 lines (953 loc) • 37.9 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const CmnLib_1 = require("./CmnLib");
const CmnTween_1 = require("./CmnTween");
const Pages_1 = require("./Pages");
const GrpLayer_1 = require("./GrpLayer");
const TxtLayer_1 = require("./TxtLayer");
const RubySpliter_1 = require("./RubySpliter");
const FrameMng_1 = require("./FrameMng");
const Button_1 = require("./Button");
const Tween = require('@tweenjs/tween.js').default;
const pixi_js_1 = require("pixi.js");
const EventListenerCtn_1 = require("./EventListenerCtn");
class LayerMng {
constructor(cfg, hTag, appPixi, val, main, scrItr, sys) {
this.cfg = cfg;
this.hTag = hTag;
this.appPixi = appPixi;
this.val = val;
this.main = main;
this.scrItr = scrItr;
this.sys = sys;
this.fore = new pixi_js_1.Container;
this.back = new pixi_js_1.Container;
this.fncTicker = () => Tween.update();
this.grpCover = null;
this.cmdTxt = (cmd, tl = this.getCurrentTxtlayForeNeedErr(), _record = true) => tl.tagCh('｜ 《' + cmd + '》');
this.goTxt = () => { };
this.breakLine = () => { };
this.breakPage = () => { };
this.hPages = {};
this.aLayName = [];
this.curTxtlay = '';
this.srcRuleTransFragment = `
precision mediump float;
varying vec2 vTextureCoord;
uniform sampler2D uSampler;
uniform sampler2D rule;
uniform float vague;
uniform float tick;
void main(void) {
vec4 fg = texture2D(uSampler, vTextureCoord);
vec4 ru = texture2D(rule, vTextureCoord);
float v = ru.r - tick;
if (abs(v) < vague) {
float grd = 0.5 -v /vague *0.5;
float f_a = fg.a *(1.0 -grd);
gl_FragColor.rgb = fg.rgb *f_a;
gl_FragColor.a = f_a;
}
else {
gl_FragColor = (v >= 0.0)? fg : vec4(0);
}
}`;
this.ufRuleTrans = {
rule: { type: 'sampler2D', value: pixi_js_1.Texture.EMPTY },
vague: { type: '1f', value: 0.0 },
tick: { type: '1f', value: 0.0 },
};
this.fltRule = new pixi_js_1.Filter(undefined, this.srcRuleTransFragment, this.ufRuleTrans);
this.rtTransBack = pixi_js_1.RenderTexture.create({
width: CmnLib_1.CmnLib.stageW,
height: CmnLib_1.CmnLib.stageH,
});
this.spTransBack = new pixi_js_1.Sprite(this.rtTransBack);
this.rtTransFore = pixi_js_1.RenderTexture.create({
width: CmnLib_1.CmnLib.stageW,
height: CmnLib_1.CmnLib.stageH,
});
this.spTransFore = new pixi_js_1.Sprite(this.rtTransFore);
this.aBackTransAfter = [];
this.twInfTrans = { tw: null, resume: false };
this.elcTrans = new EventListenerCtn_1.EventListenerCtn;
this.hMemberCnt = {
alpha: 0,
height: 0,
rotation: 0,
scale_x: 0,
scale_y: 0,
width: 0,
x: 0,
y: 0,
};
this.hTwInf = {};
this.getTxtLayer = (_hArg) => { this.fncChkTxtLay(); throw 0; };
this.current = (_hArg) => { this.fncChkTxtLay(); throw 0; };
this.fncChkTxtLay = () => { throw '文字レイヤーがありません。文字表示や操作する前に、[add_lay layer=（レイヤ名） class=txt]で文字レイヤを追加して下さい'; };
this.oLastPage = { text: '' };
this.aPageLog = [];
const cvs = document.getElementById(CmnLib_1.CmnLib.SN_ID);
const fncResizeLay = () => {
if (!CmnLib_1.CmnLib.cvsResize(cvs))
return;
this.aLayName.forEach(layer => {
const pg = this.hPages[layer];
pg.fore.cvsResize();
pg.back.cvsResize();
});
this.frmMng.cvsResize();
};
if (CmnLib_1.CmnLib.isMobile) {
window.addEventListener('orientationchange', fncResizeLay, { passive: true });
}
else {
let tid = 0;
window.addEventListener('resize', () => {
if (tid)
return;
tid = setTimeout(() => { tid = 0; fncResizeLay(); }, 500);
}, { passive: true });
}
CmnLib_1.CmnLib.cvsResize(cvs);
TxtLayer_1.TxtLayer.init(cfg, hTag, val, (txt) => this.recText(txt));
GrpLayer_1.GrpLayer.init(main, cfg, sys);
this.frmMng = new FrameMng_1.FrameMng(this.cfg, this.hTag, this.appPixi, this.val, main, this.sys, this.hTwInf);
sys.hFactoryCls['grp'] = () => new GrpLayer_1.GrpLayer;
sys.hFactoryCls['txt'] = () => new TxtLayer_1.TxtLayer;
hTag.snapshot = o => this.snapshot(o);
hTag.loadplugin = o => this.loadplugin(o);
hTag.set_focus = o => this.set_focus(o);
hTag.add_lay = o => this.add_lay(o);
hTag.lay = o => this.lay(o);
hTag.clear_lay = o => this.clear_lay(o);
hTag.trans = o => this.trans(o);
hTag.wt = o => this.wt(o);
hTag.finish_trans = () => this.finish_trans();
hTag.quake = o => this.quake(o);
hTag.wq = o => hTag.wt(o);
hTag.stop_quake = o => hTag.finish_trans(o);
hTag.tsy = o => this.tsy(o);
hTag.wait_tsy = o => this.wait_tsy(o);
hTag.stop_tsy = o => this.stop_tsy(o);
hTag.pause_tsy = o => this.pause_tsy(o);
hTag.resume_tsy = o => this.resume_tsy(o);
hTag.ch = o => this.ch(o);
hTag.clear_text = o => this.clear_text(o);
hTag.current = o => this.current(o);
hTag.endlink = () => this.endlink();
hTag.er = o => this.er(o);
hTag.graph = o => this.graph(o);
hTag.link = o => this.link(o);
hTag.r = o => this.r(o);
hTag.rec_r = () => this.rec_r();
hTag.rec_ch = o => this.rec_ch(o);
hTag.reset_rec = o => this.reset_rec(o);
hTag.ruby2 = o => this.ruby2(o);
hTag.span = o => this.span(o);
hTag.tcy = o => this.tcy(o);
hTag.add_face = o => GrpLayer_1.GrpLayer.add_face(o);
hTag.wv = o => GrpLayer_1.GrpLayer.wv(o);
hTag.dump_lay = o => this.dump_lay(o);
hTag.enable_event = o => this.enable_event(o);
hTag.button = o => this.button(o);
if (cfg.existsBreakline)
this.breakLine = () => this.cmdTxt('grp｜{"id":"break","pic":"breakline"}');
if (cfg.existsBreakpage)
this.breakPage = () => this.cmdTxt('grp｜{"id":"break","pic":"breakpage"}');
const grp = new pixi_js_1.Graphics;
grp.beginFill(cfg.oCfg.init.bg_color, 1);
grp.lineStyle(0, cfg.oCfg.init.bg_color);
grp.drawRect(0, 0, CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH);
grp.endFill();
this.fore.addChild(grp.clone());
this.back.addChild(grp);
this.back.visible = false;
this.stage = this.appPixi.stage;
this.stage.addChild(this.back);
this.stage.addChild(this.fore);
this.stage.addChild(this.spTransBack);
this.stage.addChild(this.spTransFore);
this.appPixi.ticker.add(this.fncTicker);
const fncTxt_b_alpha = (_name, val) => {
this.foreachRedrawTxtLayBack(Number(val));
};
fncTxt_b_alpha('', val.getVal('sys:TextLayer.Back.Alpha', 1));
val.defValTrg('sys:TextLayer.Back.Alpha', fncTxt_b_alpha);
const fncBtnFont = (_name, val) => {
Button_1.Button.fontFamily = val;
};
fncBtnFont('', val.getVal('tmp:sn.button.fontFamily', Button_1.Button.fontFamily));
val.defValTrg('tmp:sn.button.fontFamily', fncBtnFont);
val.defTmp('const.sn.log.json', () => JSON.stringify([...this.aPageLog, this.oLastPage]));
val.defTmp('const.sn.last_page_text', () => {
const tl = this.getCurrentTxtlayFore();
return tl ? tl.pageText : '';
});
}
cover(visible, bg_color = 0x0) {
if (this.grpCover) {
this.stage.removeChild(this.grpCover);
this.grpCover.destroy();
this.grpCover = null;
}
if (visible) {
this.grpCover = new pixi_js_1.Graphics;
this.grpCover.beginFill(bg_color);
this.grpCover.lineStyle(0, bg_color);
this.grpCover.drawRect(0, 0, CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH);
this.grpCover.endFill();
this.stage.addChild(this.grpCover);
}
}
setEvtMng(evtMng) {
this.evtMng = evtMng;
this.frmMng.setEvtMng(evtMng);
GrpLayer_1.GrpLayer.setEvtMng(evtMng);
}
before_destroy() { for (const pg in this.hPages)
this.hPages[pg].destroy(); }
destroy() {
GrpLayer_1.GrpLayer.destroy();
RubySpliter_1.RubySpliter.destroy();
this.frmMng.destroy();
Tween.removeAll();
this.appPixi.ticker.remove(this.fncTicker);
LayerMng.$msecChWait = 10;
}
foreachRedrawTxtLayBack(g_alpha) {
const vct = this.getLayers();
const len = vct.length;
for (let i = 0; i < len; ++i) {
const name = vct[i];
const pg = this.hPages[name];
if (!(pg.fore instanceof TxtLayer_1.TxtLayer))
continue;
const pTxt = pg.fore;
pTxt.chgBackAlpha(g_alpha);
pg.back.chgBackAlpha(g_alpha);
}
}
clearBreak() {
if (!this.getCurrentTxtlayFore())
return;
this.clearBreak = () => this.cmdTxt('del｜break');
this.clearBreak();
}
clickTxtLay() {
const tl = this.getCurrentTxtlayFore();
if (!tl)
return true;
const vct = this.getLayers();
const len = vct.length;
for (let i = 0; i < len; ++i) {
const name = vct[i];
const pg = this.hPages[name];
if (!(pg.fore instanceof TxtLayer_1.TxtLayer))
continue;
const pTxt = pg.fore;
if (!pTxt.click())
return false;
}
return true;
}
snapshot(hArg) {
var _a;
const fn = (hArg.fn)
? ((hArg.fn.substr(0, 10) == 'userdata:/')
? hArg.fn
: ('desktop:/' + hArg.fn + CmnLib_1.getDateStr('-', '_', '', '_') + '.png'))
: ('desktop:/snapshot' + CmnLib_1.getDateStr('-', '_', '', '_') + '.png');
const ext = CmnLib_1.CmnLib.getExt(fn);
const b_color = (_a = hArg.b_color) !== null && _a !== void 0 ? _a : this.cfg.oCfg.init.bg_color;
const renderer = pixi_js_1.autoDetectRenderer({
width: CmnLib_1.CmnLib.argChk_Num(hArg, 'width', CmnLib_1.CmnLib.stageW),
height: CmnLib_1.CmnLib.argChk_Num(hArg, 'height', CmnLib_1.CmnLib.stageH),
transparent: (b_color > 0x1000000) && (ext == 'png'),
antialias: CmnLib_1.CmnLib.argChk_Boolean(hArg, 'smoothing', false),
preserveDrawingBuffer: true,
backgroundColor: CmnLib_1.uint(b_color) & 0xFFFFFF,
autoDensity: true,
});
const a = [];
if (this.twInfTrans.tw) {
a.push(new Promise(re => {
this.back.visible = true;
for (const lay of this.aBackTransAfter) {
renderer.render(lay, undefined, false);
}
this.back.visible = false;
this.spTransBack.visible = true;
this.fore.filters = this.spTransFore.filters;
this.fore.visible = true;
renderer.render(this.fore, undefined, false);
this.fore.visible = false;
this.fore.filters = [];
re();
}));
}
else {
const pg = (hArg.page != 'back') ? 'fore' : 'back';
for (const v of this.getLayers(hArg.layer))
a.push(new Promise(re => this.hPages[v][pg].snapshot(renderer, re)));
}
Promise.all(a).then(() => {
this.sys.savePic(this.cfg.searchPath(fn), this.appPixi.renderer.extract.base64(this.stage));
if (!this.twInfTrans.tw) {
const pg = (hArg.page != 'back') ? 'fore' : 'back';
for (const v of this.getLayers(hArg.layer))
this.hPages[v][pg].snapshot_end();
}
renderer.destroy(true);
});
return false;
}
loadplugin(hArg) {
const fn = hArg.fn;
if (!fn)
throw 'fnは必須です';
const join = CmnLib_1.CmnLib.argChk_Boolean(hArg, 'join', true);
switch (CmnLib_1.CmnLib.getExt(fn)) {
case 'css':
(async () => {
const res = await fetch(fn);
if (!res.ok)
throw new Error('Network response was not ok.');
TxtLayer_1.TxtLayer.addStyle(await res.text());
if (join)
this.main.resume();
})();
break;
default: throw 'サポートされない拡張子です';
}
return join;
}
set_focus(hArg) {
const to = hArg.to;
if (!to)
throw '[set_focus] toは必須です';
return false;
}
add_lay(hArg) {
const layer = hArg.layer;
if (!layer)
throw 'layerは必須です';
if (layer.includes(','))
throw 'layer名に「,」は使えません';
if (layer in this.hPages)
throw `layer【${layer}】はすでにあります`;
const cls = hArg.class;
if (!cls)
throw 'clsは必須です';
this.hPages[layer] = new Pages_1.Pages(layer, cls, this.fore, hArg, this.back, hArg, this.sys, this.val);
this.aLayName.push(layer);
switch (cls) {
case 'txt':
if (!this.curTxtlay) {
this.fncChkTxtLay = () => { };
this.getTxtLayer = this.$getTxtLayer;
this.current = this.$current;
this.hTag.current({ layer: layer });
this.goTxt = () => {
if (this.val.getVal('sn.skip.enabled')) {
LayerMng.$msecChWait = 0;
}
else {
this.setNormalWaitTxtLayer();
}
for (const name of this.getLayers()) {
const pg = this.hPages[name];
if (!(pg.fore instanceof TxtLayer_1.TxtLayer))
continue;
this.cmdTxt('gotxt｜', pg.fore, false);
}
};
}
this.val.setVal_Nochk('save', 'const.sn.layer.' + (layer !== null && layer !== void 0 ? layer : this.curTxtlay) + '.enabled', true);
break;
}
return false;
}
lay(hArg) {
const layer = this.argChk_layer(hArg);
const pg = this.hPages[layer];
const back = pg.back.cnt;
const fore = pg.fore.cnt;
if (CmnLib_1.CmnLib.argChk_Boolean(hArg, 'float', false)) {
this.back.setChildIndex(back, this.back.children.length - 1);
this.fore.setChildIndex(fore, this.fore.children.length - 1);
this.rebuildLayerRankInfo();
}
else if (hArg.index) {
if (CmnLib_1.CmnLib.argChk_Num(hArg, 'index', 0)) {
this.back.setChildIndex(back, CmnLib_1.uint(hArg.index));
this.fore.setChildIndex(fore, CmnLib_1.uint(hArg.index));
this.rebuildLayerRankInfo();
}
}
else if (hArg.dive) {
const dive = hArg.dive;
let idx_dive = 0;
if (layer == dive)
throw '[lay] 属性 layerとdiveが同じ【' + dive + '】です';
const pg_dive = this.hPages[dive];
if (!pg_dive)
throw '[lay] 属性 dive【' + dive + '】が不正です。レイヤーがありません';
const back_dive = pg_dive.back;
const fore_dive = pg_dive.fore;
const idx_back_dive = this.back.getChildIndex(back_dive.cnt);
const idx_fore_dive = this.fore.getChildIndex(fore_dive.cnt);
idx_dive = (idx_back_dive < idx_fore_dive) ? idx_back_dive : idx_fore_dive;
if (idx_dive > this.back.getChildIndex(back))
--idx_dive;
this.fore.setChildIndex(fore, idx_dive);
this.back.setChildIndex(back, idx_dive);
this.rebuildLayerRankInfo();
}
return pg.lay(hArg);
}
rebuildLayerRankInfo() { this.aLayName = this.sortLayers(); }
clear_lay(hArg) {
this.foreachLayers(hArg, name => {
const pg = this.hPages[this.argChk_layer({ layer: name })];
if (hArg.page == 'both') {
pg.fore.clearLay(hArg);
pg.back.clearLay(hArg);
}
else {
pg.getPage(hArg).clearLay(hArg);
}
});
return false;
}
trans(hArg) {
this.finish_trans();
const ease = CmnTween_1.CmnTween.ease(hArg.ease);
this.aBackTransAfter = [];
const hTarget = {};
for (const v of this.getLayers(hArg.layer))
hTarget[v] = true;
for (const lay_nm of this.getLayers())
this.aBackTransAfter.push(this.hPages[lay_nm][hTarget[lay_nm] ? 'back' : 'fore'].cnt);
this.rtTransBack.resize(CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH);
this.appPixi.renderer.render(this.back, this.rtTransBack);
this.rtTransFore.resize(CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH);
this.appPixi.renderer.render(this.fore, this.rtTransFore);
const fncRender = () => {
this.back.visible = true;
for (const lay of this.aBackTransAfter) {
this.appPixi.renderer.render(lay, this.rtTransBack, false);
}
this.back.visible = false;
this.spTransBack.visible = true;
this.fore.visible = true;
this.appPixi.renderer.render(this.fore, this.rtTransFore);
this.fore.visible = false;
this.spTransFore.visible = true;
};
this.spTransFore.alpha = 1;
const closeTrans = () => {
if (this.appPixi.ticker)
this.appPixi.ticker.remove(fncRender);
this.elcTrans.clear();
[this.fore, this.back] = [this.back, this.fore];
for (const lay_name in this.hPages) {
const pg = this.hPages[lay_name];
if (hTarget[lay_name]) {
pg.transPage();
continue;
}
const idx = this.fore.getChildIndex(pg.back.cnt);
this.fore.removeChild(pg.back.cnt);
this.back.removeChild(pg.fore.cnt);
this.fore.addChildAt(pg.fore.cnt, idx);
this.back.addChildAt(pg.back.cnt, idx);
}
this.fore.visible = true;
this.back.visible = false;
this.spTransBack.visible = false;
this.spTransFore.visible = false;
if (this.twInfTrans.resume)
this.main.resume();
this.twInfTrans = { tw: null, resume: false };
};
const time = CmnLib_1.CmnLib.argChk_Num(hArg, 'time', 0);
if (time == 0 || this.evtMng.isSkipKeyDown()) {
closeTrans();
return false;
}
this.twInfTrans = { tw: null, resume: false };
const is_glsl = 'glsl' in hArg;
if ((!is_glsl) && !('rule' in hArg)) {
this.spTransFore.filters = [];
this.twInfTrans.tw = new Tween.Tween(this.spTransFore)
.to({ alpha: 0 }, time)
.delay(CmnLib_1.CmnLib.argChk_Num(hArg, 'delay', 0))
.easing(ease)
.onComplete(closeTrans)
.start();
this.appPixi.ticker.add(fncRender);
return false;
}
const flt = is_glsl
? new pixi_js_1.Filter(undefined, hArg.glsl, this.ufRuleTrans)
: this.fltRule;
flt.uniforms.vague = CmnLib_1.CmnLib.argChk_Num(hArg, 'vague', 0.04);
flt.uniforms.tick = 0;
this.twInfTrans.tw = new Tween.Tween(flt.uniforms)
.to({ tick: 1 }, time)
.delay(CmnLib_1.CmnLib.argChk_Num(hArg, 'delay', 0))
.easing(ease)
.onComplete(closeTrans);
this.spTransFore.filters = [flt];
if (is_glsl) {
this.twInfTrans.tw.start();
this.appPixi.ticker.add(fncRender);
return false;
}
if (!hArg.rule)
throw 'ruleが指定されていません';
GrpLayer_1.GrpLayer.ldPic(hArg.rule, tx => {
flt.uniforms.rule = tx;
if (this.twInfTrans.tw)
this.twInfTrans.tw.start();
this.appPixi.ticker.add(fncRender);
});
return false;
}
getLayers(layer = '') {
return (layer) ? layer.split(',') : this.aLayName;
}
foreachLayers(hArg, fnc) {
const vct = this.getLayers(hArg['layer']);
for (const name of vct) {
if (!name)
continue;
const pg = this.hPages[name];
if (pg == null)
throw '存在しないlayer【' + name + '】です';
fnc(name, pg);
}
return vct;
}
sortLayers(layers = '') {
const a = this.getLayers(layers);
a.sort((a, b) => {
const ai = this.fore.getChildIndex(this.hPages[a].fore.cnt);
const bi = this.fore.getChildIndex(this.hPages[b].fore.cnt);
if (ai < bi)
return -1;
if (ai > bi)
return 1;
return 0;
});
return a;
}
wt(hArg) {
if (!this.twInfTrans.tw)
return false;
this.twInfTrans.resume = true;
this.evtMng.waitCustomEvent(hArg, this.elcTrans, () => this.finish_trans());
return true;
}
finish_trans() {
if (this.twInfTrans.tw)
this.twInfTrans.tw.stop().end();
return false;
}
quake(hArg) {
this.finish_trans();
if (this.val.getVal('tmp:sn.skip.enabled'))
return false;
if (this.evtMng.isSkipKeyDown())
return false;
const aDo = [];
for (const lay_nm of this.getLayers(hArg.layer)) {
aDo.push(this.hPages[lay_nm].fore.cnt);
}
this.rtTransFore.resize(CmnLib_1.CmnLib.stageW, CmnLib_1.CmnLib.stageH);
const fncRender = () => {
this.fore.visible = true;
for (const lay of aDo) {
this.appPixi.renderer.render(lay, this.rtTransFore, false);
}
this.fore.visible = false;
};
this.spTransFore.visible = true;
this.spTransFore.alpha = 1;
const closeTrans = () => {
if (this.appPixi.ticker)
this.appPixi.ticker.remove(fncRender);
this.fore.visible = true;
this.spTransFore.visible = false;
this.spTransFore.x = 0;
this.spTransFore.y = 0;
if (this.twInfTrans.resume)
this.main.resume();
this.twInfTrans = { tw: null, resume: false };
};
const ease = CmnTween_1.CmnTween.ease(hArg.ease);
const h = CmnLib_1.uint(CmnLib_1.CmnLib.argChk_Num(hArg, 'hmax', 10));
const v = CmnLib_1.uint(CmnLib_1.CmnLib.argChk_Num(hArg, 'vmax', 10));
const fncH = (h == 0)
? () => { }
: () => this.spTransFore.x = Math.round(Math.random() * h * 2) - h;
const fncV = (v == 0)
? () => { }
: () => this.spTransFore.y = Math.round(Math.random() * v * 2) - v;
this.spTransFore.filters = [];
const repeat = CmnLib_1.CmnLib.argChk_Num(hArg, 'repeat', 1);
this.twInfTrans = { tw: null, resume: false };
this.twInfTrans.tw = new Tween.Tween(this.spTransFore)
.to({ x: 0, y: 0 }, CmnLib_1.CmnLib.argChk_Num(hArg, 'time', NaN))
.delay(CmnLib_1.CmnLib.argChk_Num(hArg, 'delay', 0))
.easing(ease)
.onUpdate(() => { fncH(); fncV(); })
.repeat(repeat == 0 ? Infinity : (repeat - 1))
.yoyo(CmnLib_1.CmnLib.argChk_Boolean(hArg, 'yoyo', false))
.onComplete(closeTrans)
.start();
this.appPixi.ticker.add(fncRender);
return false;
}
tsy(hArg) {
var _a, _b;
if (!hArg.layer)
throw 'layerは必須です';
const layer = this.argChk_layer(hArg);
const foreLay = this.hPages[layer].fore;
const ease = CmnTween_1.CmnTween.ease(hArg.ease);
const hTo = {};
for (const nm in this.hMemberCnt) {
if (!(nm in hArg))
continue;
const v = String(hArg[nm]);
const a = ((v.charAt(0) == '=') ? v.slice(1) : v).split(',');
const a0 = hTo[nm] = parseFloat(a[0]);
if (a.length > 1)
hTo[nm] += Math.round(Math.random()
* (parseFloat(a[1]) - a0 + 1));
if (v.charAt(0) == '=')
hTo[nm] += parseFloat(foreLay[nm]);
}
const repeat = CmnLib_1.CmnLib.argChk_Num(hArg, 'repeat', 1);
const tw_nm = (_a = hArg.name) !== null && _a !== void 0 ? _a : hArg.layer;
const tw = new Tween.Tween(foreLay)
.to(hTo, CmnLib_1.CmnLib.argChk_Num(hArg, 'time', NaN)
* (Boolean(this.val.getVal('tmp:sn.skip.enabled')) ? 0 : 1))
.delay(CmnLib_1.CmnLib.argChk_Num(hArg, 'delay', 0))
.easing(ease)
.repeat(repeat == 0 ? Infinity : (repeat - 1))
.yoyo(CmnLib_1.CmnLib.argChk_Boolean(hArg, 'yoyo', false))
.onComplete(() => {
const twInf = this.hTwInf[tw_nm];
if (!twInf)
return;
delete this.hTwInf[tw_nm];
this.evtMng.popLocalEvts();
if (twInf.resume)
this.main.resume();
if (twInf.onComplete)
twInf.onComplete();
});
if ('chain' in hArg) {
const twFrom = this.hTwInf[(_b = hArg.chain) !== null && _b !== void 0 ? _b : ''];
if (!twFrom || !twFrom.tw)
throw `${hArg.chain}は存在しない・または終了したトゥイーンです`;
twFrom.onComplete = () => { };
twFrom.tw.chain(tw);
}
else
tw.start();
const arrive = CmnLib_1.CmnLib.argChk_Boolean(hArg, 'arrive', false);
const backlay = CmnLib_1.CmnLib.argChk_Boolean(hArg, 'backlay', false);
this.hTwInf[tw_nm] = { tw: tw, resume: false, onComplete: () => {
if (arrive)
Object.assign(foreLay, hTo);
if (backlay) {
const backCnt = this.hPages[layer].back.cnt;
for (const nm in this.hMemberCnt)
backCnt[nm] = foreLay[nm];
}
} };
return false;
}
wait_tsy(hArg) {
var _a;
const tw_nm = ('id' in hArg) ? `frm\n${hArg.id}` : ((_a = hArg.name) !== null && _a !== void 0 ? _a : hArg.layer);
if (!tw_nm)
throw 'トゥイーンが指定されていません';
const twInf = this.hTwInf[tw_nm];
if (!twInf || !twInf.tw)
return false;
twInf.resume = true;
this.evtMng.stdWait(() => { if (twInf.tw)
twInf.tw.stop().end(); }, CmnLib_1.CmnLib.argChk_Boolean(hArg, 'canskip', true));
return true;
}
stop_tsy(hArg) {
var _a;
const tw_nm = ('id' in hArg) ? `frm\n${hArg.id}` : ((_a = hArg.name) !== null && _a !== void 0 ? _a : hArg.layer);
if (!tw_nm)
throw 'トゥイーンが指定されていません';
const twInf = this.hTwInf[tw_nm];
if (!twInf || !twInf.tw)
return false;
twInf.tw.stop().end();
return false;
}
pause_tsy(hArg) {
var _a;
const tw_nm = ('id' in hArg) ? `frm\n${hArg.id}` : ((_a = hArg.name) !== null && _a !== void 0 ? _a : hArg.layer);
if (!tw_nm)
throw 'トゥイーンが指定されていません';
const twInf = this.hTwInf[tw_nm];
if (!twInf || !twInf.tw)
return false;
twInf.tw.stop();
return false;
}
resume_tsy(hArg) {
var _a;
const tw_nm = ('id' in hArg) ? `frm\n${hArg.id}` : ((_a = hArg.name) !== null && _a !== void 0 ? _a : hArg.layer);
if (!tw_nm)
throw 'トゥイーンが指定されていません';
const twInf = this.hTwInf[tw_nm];
if (!twInf || !twInf.tw)
return false;
twInf.tw.start();
return false;
}
static get msecChWait() { return LayerMng.$msecChWait; }
static set msecChWait(v) { LayerMng.$msecChWait = v; }
ch(hArg) {
if (!hArg.text)
throw 'textは必須です';
let wait = CmnLib_1.CmnLib.argChk_Num(hArg, 'wait', -1);
if (wait > 0 && this.val.getVal('tmp:sn.skip.enabled'))
wait = 0;
hArg.wait = wait;
const tl = this.getTxtLayer(hArg);
if (wait >= 0)
this.cmdTxt('add｜' + JSON.stringify(hArg), tl);
const record = CmnLib_1.CmnLib.argChk_Boolean(hArg, 'record', true);
const doRecLog = this.val.doRecLog();
if (!record)
this.val.setVal_Nochk('save', 'sn.doRecLog', record);
tl.tagCh(hArg.text.replace(/\[r]/g, '\n'));
if (!record)
this.val.setVal_Nochk('save', 'sn.doRecLog', doRecLog);
if (wait >= 0)
this.cmdTxt(`add_close｜`, tl);
return false;
}
$getTxtLayer(hArg) {
const layer = this.argChk_layer(hArg, this.curTxtlay);
const pg = this.hPages[layer];
const lay = pg.getPage(hArg);
if (!(lay instanceof TxtLayer_1.TxtLayer))
throw layer + 'はTxtLayerではありません';
const tf = lay;
return tf;
}
setNormalWaitTxtLayer() { LayerMng.$msecChWait = this.scrItr.normalWait; }
$current(hArg) {
const layer = hArg.layer;
if (!layer)
throw '[current] layerは必須です';
this.pgTxtlay = this.hPages[layer];
if (!(this.pgTxtlay.getPage(hArg) instanceof TxtLayer_1.TxtLayer))
throw `${layer}はTxtLayerではありません`;
this.recText('', true);
this.curTxtlay = layer;
this.val.setVal_Nochk('save', 'const.sn.mesLayer', layer);
const vct = this.getLayers();
const len = vct.length;
for (let i = 0; i < len; ++i) {
const name = vct[i];
const pg = this.hPages[name];
if (!(pg.fore instanceof TxtLayer_1.TxtLayer))
continue;
pg.fore.isCur =
pg.back.isCur = (name == layer);
}
return false;
}
getCurrentTxtlayForeNeedErr() {
this.fncChkTxtLay();
return this.getCurrentTxtlayFore();
}
getCurrentTxtlayFore() {
if (!this.pgTxtlay)
return undefined;
return this.pgTxtlay.fore;
}
argChk_layer(hash, def = '') {
var _a;
const v = (_a = hash.layer) !== null && _a !== void 0 ? _a : def;
if (v.includes(','))
throw 'layer名に「,」は使えません';
if (!(v in this.hPages))
throw '属性 layer【' + v + '】が不正です。レイヤーがありません';
return hash.layer = v;
}
recText(txt, pagebreak = false) {
if (pagebreak) {
if (this.oLastPage.text) {
this.aPageLog.push(this.oLastPage);
this.aPageLog = this.aPageLog.slice(-this.cfg.oCfg.log.max_len);
}
this.oLastPage = { text: '' };
return;
}
this.oLastPage.text = txt.replace(/\\`/, '`');
this.val.setVal_Nochk('save', 'const.sn.sLog', String(this.val.getVal('const.sn.log.json')));
}
clear_text(hArg) {
const tf = this.getTxtLayer(hArg);
if (hArg.layer == this.curTxtlay && hArg.page == 'fore')
this.recText('', true);
tf.clearText();
return false;
}
endlink() { this.cmdTxt('endlink｜'); return false; }
er(hArg) {
if (CmnLib_1.CmnLib.argChk_Boolean(hArg, 'rec_page_break', true))
this.recText('', true);
if (this.pgTxtlay) {
this.pgTxtlay.fore.clearLay(hArg);
this.pgTxtlay.back.clearLay(hArg);
}
return false;
}
graph(hArg) {
if (!('pic' in hArg))
throw '[graph] picは必須です';
hArg.text = '｜ 《grp｜' + JSON.stringify(hArg) + '》';
return this.ch(hArg);
}
link(hArg) {
if (!hArg.style)
hArg.style = 'background-color: rgba(255,0,0,0.5);';
this.cmdTxt('link｜' + JSON.stringify(hArg));
return false;
}
r(hArg) { hArg.text = '\n'; return this.ch(hArg); }
rec_r() { this.recText('\n'); return false; }
;
rec_ch(hArg) {
var _a;
this.oLastPage = hArg;
this.recText((_a = hArg.text) !== null && _a !== void 0 ? _a : '');
return false;
}
;
reset_rec(hArg) {
var _a, _b;
this.val.setVal_Nochk('save', 'const.sn.sLog', (_a = hArg.text) !== null && _a !== void 0 ? _a : '');
this.aPageLog = [];
this.oLastPage = { text: (_b = hArg.text) !== null && _b !== void 0 ? _b : '' };
return false;
}
ruby2(hArg) {
const t = hArg.t;
if (!t)
throw '[ruby2] tは必須です';
const r = hArg.r;
if (!r)
throw '[ruby2] rは必須です';
hArg.text = '｜' + t + '《' + r + '》';
return this.ch(hArg);
}
span(hArg) {
this.cmdTxt('span｜' + JSON.stringify(hArg));
return false;
}
tcy(hArg) {
var _a;
if (!hArg.t)
throw '[tcy] tは必須です';
hArg.text = '｜ ｜《tcy｜' + hArg.t + '｜' + ((_a = hArg.r) !== null && _a !== void 0 ? _a : '') + '》';
return this.ch(hArg);
}
dump_lay(hArg) {
console.group('🥟 [dump_lay]');
for (const name of this.getLayers(hArg.layer)) {
const pg = this.hPages[name];
try {
console.info(`%c${pg.fore.name.slice(0, -7)} %o`, `color:#${CmnLib_1.CmnLib.isDarkMode ? '49F' : '05A'};`, JSON.parse(`{"back":{${pg.back.dump()}}, "fore":{${pg.fore.dump()}}}`));
}
catch (error) {
console.error(`dump_lay err:%o`, error);
console.error(` back:${pg.back.dump()}`);
console.error(` fore:${pg.fore.dump()}`);
}
}
console.groupEnd();
return false;
}
enable_event(hArg) {
const layer = this.argChk_layer(hArg, this.curTxtlay);
const enb = this.getTxtLayer(hArg).enabled
= CmnLib_1.CmnLib.argChk_Boolean(hArg, 'enabled', true);
this.val.setVal_Nochk('save', 'const.sn.layer.' + layer + '.enabled', enb);
return false;
}
button(hArg) {
var _a, _b, _c;
Pages_1.Pages.argChk_page(hArg, 'back');
hArg.clicksebuf = (_a = hArg.clicksebuf) !== null && _a !== void 0 ? _a : 'SYS';
hArg.entersebuf = (_b = hArg.entersebuf) !== null && _b !== void 0 ? _b : 'SYS';
hArg.leavesebuf = (_c = hArg.leavesebuf) !== null && _c !== void 0 ? _c : 'SYS';
return this.getTxtLayer(hArg).addButton(hArg);
}
record() {
const o = {};
this.aLayName.forEach(layer => {
const pg = this.hPages[layer];
o[layer] = {
cls: pg.cls,
fore: pg.fore.record(),
back: pg.back.record(),
};
});
return o;
}
playback($hPages, fncComp) {
const aPromise = [];
const aSort = [];
for (const layer in $hPages) {
const $pg = $hPages[layer];
aSort.push({ layer: layer, idx: $pg.fore.idx });
const pg = this.hPages[layer] || new Pages_1.Pages(layer, $pg.cls, this.fore, {}, this.back, {}, this.sys, this.val);
this.hPages[layer] = pg;
aPromise.push(new Promise(re => pg.fore.playback($pg.fore, re)));
aPromise.push(new Promise(re => pg.back.playback($pg.back, re)));
}
const len = this.fore.children.length;
Promise.all(aPromise).then(() => {
aSort.sort(function (a, b) {
if (a.idx < b.idx)
return -1;
if (a.idx > b.idx)
return 1;
return 0;
});
aSort.forEach(o => {
const pg = this.hPages[o.layer];
if (!pg)
return;
const idx = len > o.idx ? o.idx : len - 1;
this.fore.setChildIndex(pg.fore.cnt, idx);
this.back.setChildIndex(pg.back.cnt, idx);
});
fncComp();
})
.catch(e => console.error(`fn:LayerMng.ts playback e:%o`, e));
this.aPageLog = JSON.parse(String(this.val.getVal('save:const.sn.sLog')));
this.oLastPage = { text: '' };
}
}
exports.LayerMng = LayerMng;
LayerMng.$msecChWait = 10;
//# sourceMappingURL=LayerMng.js.map