skynovel/core/src/sn/Layer.ts

webgl novelgame framework

/* ***** BEGIN LICENSE BLOCK *****
	Copyright (c) 2018-2020 Famibee (famibee.blog38.fc2.com)

	This software is released under the MIT License.
	http://opensource.org/licenses/mit-license.php
** ***** END LICENSE BLOCK ***** */

import {BLEND_MODES, DisplayObject, Container, Sprite, Texture, Renderer} from 'pixi.js';
import {CmnLib, int, argChk_Boolean, argChk_Num} from './CmnLib';
import {HArg} from './CmnInterface';

export class Layer {
	name	= '';
	readonly	cnt		= new Sprite(Texture.EMPTY);

	// tsy用
	get	alpha() {return this.cnt.alpha}
	set alpha(v) {this.cnt.alpha = v}
	get	height() {return this.cnt.getBounds().height}
	get	rotation() {return this.cnt.rotation}
	set rotation(v) {this.cnt.rotation = v}
	get	scale_x() {return this.cnt.scale.x}
	set scale_x(v) {this.cnt.scale.x = v}
	get	scale_y() {return this.cnt.scale.y}
	set scale_y(v) {this.cnt.scale.y = v}
	get	width() {return this.cnt.getBounds().width}
	get	x() {return this.cnt.x}
	set x(v) {this.cnt.x = v}
	get	y() {return this.cnt.y}
	set y(v) {this.cnt.y = v}

	destroy() {}

	lay(hArg: HArg): boolean {
		if ('alpha' in hArg) this.cnt.alpha = argChk_Num(hArg, 'alpha', 1);

		Layer.setBlendmode(this.cnt, hArg);

		if ('pivot_x' in hArg || 'pivot_y' in hArg) this.cnt.pivot.set(
			argChk_Num(hArg, 'pivot_x', this.cnt.pivot.x),
			argChk_Num(hArg, 'pivot_y', this.cnt.pivot.y)
		);

		if ('rotation' in hArg) this.cnt.angle = argChk_Num(hArg, 'rotation', 0);
			// rotation is in radians, angle is in degrees.

		if ('scale_x' in hArg || 'scale_y' in hArg) this.cnt.scale.set(
			argChk_Num(hArg, 'scale_x', this.cnt.scale.x),
			argChk_Num(hArg, 'scale_y', this.cnt.scale.y)
		);

		if ('visible' in hArg) this.cnt.visible = argChk_Boolean(hArg, 'visible', true);

		return false;
	}

	static	setBlendmode(cnt: Container, hArg: HArg) {
		const bm_name = hArg.blendmode;		// 省略時になにもしない
		if (! bm_name) return;

		const bmn = Layer.getBlendmodeNum(bm_name);
		const sp = cnt as Sprite;
		if (sp) sp.blendMode = bmn;
		for (const c of cnt.children) {
			const cSp = c as Sprite;
			if (cSp) cSp.blendMode = bmn;
		}
	}

	static getBlendmodeNum(bm_name: string): number {
		if (! bm_name) return BLEND_MODES.NORMAL;	// 省略時にデフォルトを返す

		const bmn = Layer.hBlendmode[bm_name];
		if (bmn !== undefined) return bmn;
		throw `${bm_name} はサポートされない blendmode です`;
	}
	private	static	readonly	hBlendmode: {[bm_name: string]: number} = {
		'normal'		: BLEND_MODES.NORMAL,
		'add'			: BLEND_MODES.ADD,
		'multiply'		: BLEND_MODES.MULTIPLY,
		'screen'		: BLEND_MODES.SCREEN,
/*
		'overlay'		: BLEND_MODES.OVERLAY,
		'darken'		: BLEND_MODES.DARKEN,
		'lighten'		: BLEND_MODES.LIGHTEN,
		'color_dodge'	: BLEND_MODES.COLOR_DODGE,
		'color_burn'	: BLEND_MODES.COLOR_BURN,
		'hard_light'	: BLEND_MODES.HARD_LIGHT,
		'soft_light'	: BLEND_MODES.SOFT_LIGHT,
		'difference'	: BLEND_MODES.DIFFERENCE,
		'exclusion'		: BLEND_MODES.EXCLUSION,
		'hue'			: BLEND_MODES.HUE,
		'saturation'	: BLEND_MODES.SATURATION,
		'color'			: BLEND_MODES.COLOR,
		'luminosity'	: BLEND_MODES.LUMINOSITY,

		'normal_npm'	: BLEND_MODES.NORMAL_NPM,
		'add_npm'		: BLEND_MODES.ADD_NPM,
		'screen_npm'	: BLEND_MODES.SCREEN_NPM,
		'none'			: BLEND_MODES.NONE,
		'src_in'		: BLEND_MODES.SRC_IN,
		'src_out'		: BLEND_MODES.SRC_OUT,
		'src_atop'		: BLEND_MODES.SRC_ATOP,
		'dst_over'		: BLEND_MODES.DST_OVER,
		'dst_in'		: BLEND_MODES.DST_IN,
		'dst_out'		: BLEND_MODES.DST_OUT,
		'dst_atop'		: BLEND_MODES.DST_ATOP,
		'subtract'		: BLEND_MODES.SUBTRACT,
		'src_over'		: BLEND_MODES.SRC_OVER,
		'erase'			: BLEND_MODES.ERASE,
		'xor'			: BLEND_MODES.XOR,
*/
	}


	clearLay(hArg: HArg): void {
		this.cnt.alpha = 1;
		this.cnt.blendMode = BLEND_MODES.NORMAL;
		// visibleは触らない
		this.cnt.pivot.set(0, 0);
		this.cnt.rotation = 0;
		this.cnt.scale.set(1, 1);
		if (argChk_Boolean(hArg, 'filter', false)) this.cnt.filters = [];
		//transform.colorTransform = nulColTrfm;
	}
	copy(fromLayer: Layer): void {
		const org_name = this.name;
		this.playback(fromLayer.record());
		this.name = org_name;
	}
	record() {return {
		name	: this.name,
		idx		: this.cnt.parent.getChildIndex(this.cnt),
		alpha	: this.cnt.alpha,
		blendMode	: this.cnt.blendMode,
		rotation	: this.cnt.rotation,
		scale_x	: this.cnt.scale.x,
		scale_y	: this.cnt.scale.y,
		pivot_x	: this.cnt.pivot.x,
		pivot_y	: this.cnt.pivot.y,
		x		: this.cnt.x,
		y		: this.cnt.y,
		visible	: this.cnt.visible,
	};}
	playback(hLay: any, _fncComp: undefined | {(): void} = undefined): boolean {
		this.name = hLay.name;
		//idx	// コール順に意味があるので親でやる

		this.clearLay({filter: 'true'});
		this.cnt.alpha = hLay.alpha;
		this.cnt.blendMode = hLay.blendMode;
		this.cnt.rotation = hLay.rotation;
		this.cnt.scale.set(hLay.scale_x, hLay.scale_y);
		this.cnt.pivot.set(hLay.pivot_x, hLay.pivot_y);
		this.cnt.position.set(hLay.x, hLay.y);
		this.cnt.visible = hLay.visible;

		return false;
	}

	snapshot(rnd: Renderer, re: ()=> void) {
		rnd.render(this.cnt, undefined, false);
		re();
	}
	snapshot_end() {}

	cvsResize() {}

	dump(): string {
		return ` "idx":${this.cnt.parent.getChildIndex(this.cnt)}, "visible":"${
			this.cnt.visible}", "left":${this.cnt.x}, "top":${this.cnt.y
			}, "alpha":${this.cnt.alpha}, "rotation":${this.cnt.rotation
			}, "name":"${this.name}", "scale_x":${this.cnt.scale.x
			}, "scale_y":${this.cnt.scale.y}`;
	}

	static	setXY(base: DisplayObject, hArg: HArg, ret: Container, isGrp = false, isButton = false): void {
		if (hArg.pos) {Layer.setXYByPos(base, hArg.pos, ret); return;}

		const rct_base = base.getBounds();
		const r_absclX	= (ret.scale.x < 0)? -ret.scale.x : ret.scale.x;
		const b_width	= (r_absclX === 1)
						? rct_base.width : rct_base.width *r_absclX;
		const r_absclY	= (ret.scale.y < 0)? -ret.scale.y : ret.scale.y;
		const b_height	= (r_absclY === 1)
						? rct_base.height: rct_base.height*r_absclY;

		// 横位置計算
		let x = ret.x;	// AIRNovelでは 0
		if ('left' in hArg) {
			x = argChk_Num(hArg, 'left', 0);
			if ((x > -1) && (x < 1)) x *= CmnLib.stageW;
		}
		else if ('center' in hArg) {
			x = argChk_Num(hArg, 'center', 0);
			if ((x > -1) && (x < 1)) x *= CmnLib.stageW;
			x = x - (isButton ?b_width/3 :b_width)/2;
		}
		else if ('right' in hArg) {
			x = argChk_Num(hArg, 'right', 0);
			if ((x > -1) && (x < 1)) x *= CmnLib.stageW;
			x = x - (isButton ?b_width/3 :b_width);
		}
		else if ('s_right' in hArg) {
			x = argChk_Num(hArg, 's_right', 0);
			if ((x > -1) && (x < 1)) x *= CmnLib.stageW;
			x = CmnLib.stageW - x
				- (isButton ?b_width/3 :b_width);
		}
		ret.x = int( ((ret.scale.x < 0)
			? x +(isButton ?b_width/3 :b_width)
			: x) * CmnLib.retinaRate );

		// 縦位置計算
		let y = ret.y;	// AIRNovelでは 0
		if ('top' in hArg) {
			y = argChk_Num(hArg, 'top', 0);
			if ((y > -1) && (y < 1)) y *= CmnLib.stageH;
		}
		else if ('middle' in hArg) {
			y = argChk_Num(hArg, 'middle', 0);
			if ((y > -1) && (y < 1)) y *= CmnLib.stageH;
			y = y - b_height/2;
		}
		else if ('bottom' in hArg) {
			y = argChk_Num(hArg, 'bottom', 0);
			if ((y > -1) && (y < 1)) y *= CmnLib.stageH;
			y = y - b_height;
		}
		else if ('s_bottom' in hArg) {
			y = argChk_Num(hArg, 's_bottom', 0);
			if ((y > -1) && (y < 1)) y *= CmnLib.stageH;
			y = CmnLib.stageH - y - b_height;
		}
		ret.y = int( ((ret.scale.y < 0) ?y +b_height :y)
			* CmnLib.retinaRate );

		if (isGrp) {	// これを上の方に持っていってはいけない。
						// iPhone6など中途半端な画面サイズの際に
						// 縦位置が異常になる（素材が画面外下に）
			if (!('left' in hArg)
			&& !('center' in hArg)
			&& !('right' in hArg)
			&& !('s_right' in hArg)
			&& !('top' in hArg)
			&& !('middle' in hArg)
			&& !('bottom' in hArg)
			&& !('s_bottom' in hArg)) {
				Layer.setXYByPos(base, 'c', ret);
			}
		}
	}

	static	setXYByPos(base: DisplayObject, pos: string, ret: DisplayObject): void {
		if (pos === 'stay') return;
		if (base === null) throw 'setXYByPos base === null';
		if (ret === null) throw 'setXYByPos result === null';

		const rct_base = base.getBounds();
		const r_absclX = (ret.scale.x < 0)? -ret.scale.x : ret.scale.x;
		const b_width = (r_absclX === 1)? rct_base.width : rct_base.width *r_absclX;
		const r_absclY = (ret.scale.y < 0)? -ret.scale.y : ret.scale.y;
		const b_height = (r_absclY === 1)? rct_base.height: rct_base.height*r_absclY;

		let c = 0;	// 忘れたけど、プルプルするからintなんだっけ
		if (! pos || pos === 'c') {c = CmnLib.stageW *0.5;}
		else if (pos === 'r') {c = CmnLib.stageW - b_width *0.5;}
		else if (pos === 'l') {c = b_width *0.5;}
		else {c = int(pos) *CmnLib.retinaRate;}

		ret.x = int(c -b_width *0.5);
		ret.y = CmnLib.stageH -b_height;

		if (ret.scale.x < 0) ret.x += b_width;
		if (ret.scale.y < 0) ret.y += b_height;
	}

	static	setXYCenter(dsp: DisplayObject): void {
		const rct = dsp.getBounds();
		dsp.x = (CmnLib.stageW - rct.width) *0.5;
		dsp.y = (CmnLib.stageH - rct.height) *0.5;
	}

}