1360 lines
47 KiB
JavaScript
1360 lines
47 KiB
JavaScript
'use strict';
|
||
|
||
class Player {
|
||
constructor(pixi, utage, text, audio, shaderscript) {
|
||
this.pixi = pixi;
|
||
this.loader = pixi.loader;
|
||
this.utage = utage;
|
||
this.text = text;
|
||
this.audio = audio;
|
||
this.shaders = shaderscript;
|
||
this.lerpTargets = [];
|
||
//consts
|
||
this.resolutionScale = 1; //I created this thinking that I would need to handle changing offset when resolution changes. But lucikly I can just scale the parent container and it works without needing this.
|
||
this.baseFps = 60; //I am assuming that PIXI is going to stay as keeping 60fps = delta1.
|
||
this.bgLayerName = "背景"; //The label for the BG layer.
|
||
this.defaultCharPattern = 'すまし'; //The mission file doesn't always give a pattern for putting a character on the screen.
|
||
this.backCharTint = 0x808080;
|
||
this.titleWaitTime = 5;
|
||
|
||
this.currentCharacters = {};
|
||
this.layers = {};
|
||
this.currentCommand = undefined;
|
||
this.runEvent = false;
|
||
this.secondTicker = 1000;
|
||
this.waitTime = 0;
|
||
this.manualNext = false;
|
||
this.hasMoreText = false;
|
||
this.uiHidden = false;
|
||
this.center = {x: ((baseDimensions.width / 2) * this.resolutionScale), y: ((baseDimensions.height / 2) * this.resolutionScale) };
|
||
this.assetLoadPercent = 0;
|
||
this.audioLoadPercent = 0;
|
||
this.playingVoice = undefined;
|
||
this.loader.onError.add(function(error, loader, resource) {
|
||
console.log('Failed to load resource "' + resource.url + '", check your adblocker');
|
||
});
|
||
}
|
||
|
||
playFile() {
|
||
let runningPromise = new Promise((resolve, reject) => {
|
||
this.resolve = resolve;
|
||
this.reject = reject;
|
||
});
|
||
this.preCheckFilesToGet()
|
||
.then((success) => {
|
||
this.pixi.app.ticker.add(this.onPixiTick, this);
|
||
}, (failure) => {
|
||
console.log(failure);
|
||
});
|
||
return runningPromise;
|
||
}
|
||
|
||
loadFilesFromCommand(c, toLoadSe, toLoadBgm, custom = false) {
|
||
let command = c.Command ? c.Command.toLowerCase() : '';
|
||
switch(command) {
|
||
//BG images
|
||
case "divaeffectstart": {
|
||
let file = c.Arg1.split('/').pop();
|
||
if (!custom) {
|
||
this.loader.add(`bg|${file}`, `${this.utage.rootDirectory}XDUData/${c.Arg1}`.replace(/bg_adv/, "FUCK_EASYLIST"));
|
||
} else {
|
||
this.loader.add(`bg|${file}`, `${this.utage.rootDirectory}CustomData/${c.Arg1}`.replace(/bg_adv/, "FUCK_EASYLIST"));
|
||
}
|
||
break;
|
||
}
|
||
case "divadecorateneutral":
|
||
case "divaloopdecorate":
|
||
this.loadFilesFromEffect(c, toLoadSe, toLoadBgm);
|
||
break;
|
||
case "bg":
|
||
if(this.utage.textureInfo[c.Arg1]) {
|
||
if(!this.loader.resources[`bg|${c.Arg1}`]) {
|
||
this.loader.add(`bg|${c.Arg1}`, this.utage.textureInfo[c.Arg1].FileName);
|
||
}
|
||
} else if(!this.utage.textureInfo[c.Arg1]) {
|
||
console.log(`Failed to get BG: ${c.Arg1}`);
|
||
}
|
||
break;
|
||
//Text
|
||
case "": {
|
||
//Character Text
|
||
let Arg2 = c.Arg2;
|
||
//because fuck me.
|
||
if(Arg2 === '＜Off>') {
|
||
Arg2 = '<Off>'
|
||
}
|
||
let charToLoad = c.Character || c.Arg1;
|
||
if(charToLoad && this.utage.characterInfo[charToLoad] && !Arg2) {
|
||
Arg2 = this.defaultCharPattern;
|
||
}
|
||
//I know the nesting here isint pretty
|
||
//If the character at arg1|arg2 exists and arg2 is not <off>
|
||
if(this.utage.characterInfo[charToLoad] && this.utage.characterInfo[charToLoad][Arg2] && Arg2 && Arg2 != "<Off>") {
|
||
if(!this.loader.resources[`char|${charToLoad}|${Arg2}`]) {
|
||
this.loader.add(`char|${charToLoad}|${Arg2}`, this.utage.characterInfo[charToLoad][Arg2].FileName);
|
||
}
|
||
//If the character at arg1|arg2 isint here check at arg1|none. If not there put error in console.
|
||
} else if(charToLoad && Arg2 && Arg2 != "<Off>" &&
|
||
(!this.utage.characterInfo[charToLoad] || !this.utage.characterInfo[charToLoad][Arg2])) {
|
||
if(this.utage.characterInfo[charToLoad] && this.utage.characterInfo[charToLoad]['none']) {
|
||
if(!this.loader.resources[`char|${charToLoad}|none`]) {
|
||
this.loader.add(`char|${charToLoad}|none`, this.utage.characterInfo[charToLoad]['none'].FileName);
|
||
}
|
||
} else {
|
||
console.log(`Failed to get Character: ${charToLoad}|${Arg2}`);
|
||
}
|
||
}
|
||
//These voices arent in the Sound.tsv because fuck you
|
||
if(c.Voice) {
|
||
let filename = c.Voice;
|
||
if(filename.includes(',')) {
|
||
let s = filename.split(',');
|
||
filename = `${s[0].split('_').join('/')}/${s[1]}`;
|
||
}
|
||
filename = `${this.utage.rootDirectory}XDUData/Voice/${filename}.opus`;
|
||
if(!toLoadSe[c.Voice]) {
|
||
toLoadSe[c.Voice] = { Label: c.Voice, FileName: filename };
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
case "bgm":
|
||
if(this.utage.soundInfo[c.Arg1]) {
|
||
if(!toLoadBgm[c.Arg1]) {
|
||
toLoadBgm[c.Arg1] = this.utage.soundInfo[c.Arg1];
|
||
}
|
||
} else {
|
||
console.log(`Failed to get BGM: ${c.Arg1}`);
|
||
}
|
||
break;
|
||
case "se":
|
||
if(this.utage.soundInfo[c.Arg1]) {
|
||
if(!toLoadSe[c.Arg1]) {
|
||
toLoadSe[c.Arg1] = this.utage.soundInfo[c.Arg1];
|
||
}
|
||
} else {
|
||
console.log(`Failed to get SE: ${c.Arg1}`);
|
||
}
|
||
break;
|
||
case "divamovie": {
|
||
let url = `${this.utage.rootDirectory}XDUData/${c.Arg1}`.replace(/usm$/, 'webm');
|
||
let filename = url.split('/').pop();
|
||
if (!this.loader.resources[`movie|${filename}`]) { // you never know
|
||
this.loader.add(`movie|${filename}`, url);
|
||
}
|
||
break;
|
||
}
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
|
||
loadFilesFromEffect(command, toLoadSe) {
|
||
let effect = command.FileName.split('/').pop().replace("eff_adv_", "");
|
||
switch (effect) {
|
||
case "underwater01": {
|
||
if(!toLoadSe['se_斬撃音_単体']) {
|
||
toLoadSe['se_斬撃音_単体'] = this.utage.soundInfo['se_斬撃音_単体'];
|
||
}
|
||
if(!this.loader.resources['bg|underwater01']) {
|
||
this.loader.add('bg|underwater01', `${this.utage.rootDirectory}CustomData/Sample/Texture/BG/bg_underwater01.jpg`);
|
||
}
|
||
break;
|
||
}
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
|
||
//Runs through the tsv file and loads any files it will need to play.
|
||
preCheckFilesToGet() {
|
||
return new Promise((resolve, reject) => {
|
||
let toLoadBgm = {};
|
||
let toLoadSe = {};
|
||
for(let i = 0; i < this.utage.currentPlayingFile.length; ++i) {
|
||
try {
|
||
let c = this.utage.currentPlayingFile[i];
|
||
if(c.comment) { continue; }
|
||
//They use this to set the sprite set for a charater but have an alternate name displayed
|
||
if(c.Arg2 && c.Arg2.toLowerCase().includes("<character=")) {
|
||
try {
|
||
let reg = /<Character=.*?>/i;
|
||
let match = c.Arg2.match(reg);
|
||
c.Arg2 = c.Arg2.replace(reg, "");
|
||
c.Character = match[0].match(/<Character=(.*?)>/i)[1];
|
||
} catch (error) {
|
||
console.log(error);
|
||
}
|
||
}
|
||
if (c.Command in this.utage.macros) {
|
||
for (const m of this.utage.macros[c.Command]) {
|
||
let copy = {}
|
||
for (const key of Object.keys(m)) {
|
||
copy[key] = m[key].replace(/%Arg[1-6]/g, (x) => {return c[x.slice(1)];}).replace(/%Text/g, c.Text);
|
||
}
|
||
if (c.Command === "SceneTitlebridal" && m.Command === "DivaEffectStart") {
|
||
this.loadFilesFromCommand(copy, toLoadSe, toLoadBgm, true);
|
||
} else {
|
||
this.loadFilesFromCommand(copy, toLoadSe, toLoadBgm);
|
||
}
|
||
}
|
||
} else {
|
||
this.loadFilesFromCommand(c, toLoadSe, toLoadBgm);
|
||
}
|
||
} catch (error) {
|
||
console.log(error);
|
||
continue;
|
||
}
|
||
}
|
||
let audioArray = [];
|
||
for(const s of Object.keys(toLoadBgm)) {
|
||
audioArray.push(toLoadBgm[s]);
|
||
}
|
||
for(const s of Object.keys(toLoadSe)) {
|
||
audioArray.push(toLoadSe[s]);
|
||
}
|
||
this.audio.loadSounds(audioArray, (percent) => {
|
||
this.onAudioProgress(percent);
|
||
});
|
||
//Manually load white bg for fading. Can be tinted to change color.
|
||
this.loader.add('bg|whiteFade', `${this.utage.rootDirectory}Images/white.png`);
|
||
this.loader
|
||
.on("progress", (loader, resource) => {
|
||
this.onPixiProgress(loader, resource);
|
||
})
|
||
.load(() => {
|
||
this.onPixiLoad(resolve, reject);
|
||
});
|
||
});
|
||
}
|
||
|
||
//Creates all the pixi containers for ther layers defined in layers.tsv
|
||
//also creates containers for fading
|
||
//note containers render in the order they are added, eg. the last added is always on top
|
||
buildLayerContainers() {
|
||
let layersToAdd = [];
|
||
for(const l of Object.keys(this.utage.layerInfo)) {
|
||
layersToAdd.push(this.utage.layerInfo[l]);
|
||
}
|
||
layersToAdd.push({LayerName: "bg|loopeffect", Type: "Bg", X: 0, Y: 0, Order: 1})
|
||
layersToAdd.sort(compare);
|
||
layersToAdd.push({LayerName: "movie", Type: "Bg", X: 0, Y: 0})
|
||
let parentContainer = new PIXI.Container();
|
||
parentContainer.position.set(this.center.x, this.center.y);
|
||
parentContainer.pivot.set(this.center.x, this.center.y);
|
||
this.pixi.app.stage.addChild(parentContainer);
|
||
this.layers["bg|mainparent"] = { container: parentContainer };
|
||
for(const l of layersToAdd) {
|
||
this.layers[l.LayerName] = { info: l };
|
||
let cont = new PIXI.Container();
|
||
this.layers[l.LayerName].container = cont;
|
||
parentContainer.addChild(cont);
|
||
//center the position of the container then offset it by the value in the layer info
|
||
let x = (((baseDimensions.width / 2) + Number(l.X)) * this.resolutionScale);
|
||
let y = (((baseDimensions.height / 2) - Number(l.Y)) * this.resolutionScale);
|
||
cont.position.set(x, y);
|
||
cont.visible = false;
|
||
}
|
||
let fadeBackCon = new PIXI.Container();
|
||
let fadeBackSp = new PIXI.Sprite(this.loader.resources["bg|whiteFade"].texture);
|
||
fadeBackSp.height = baseDimensions.height * this.resolutionScale;
|
||
fadeBackSp.width = baseDimensions.width * this.resolutionScale;
|
||
this.layers["bg|whiteFade"] = { info: undefined, sprite: fadeBackSp, container: fadeBackCon };
|
||
fadeBackSp.alpha = 0;
|
||
fadeBackCon.addChild(fadeBackSp);
|
||
this.pixi.app.stage.addChild(fadeBackCon);
|
||
|
||
function compare(a, b) {
|
||
return a.Order - b.Order;
|
||
}
|
||
}
|
||
|
||
buildShaders() {
|
||
this.shaders.buildShaders();
|
||
}
|
||
|
||
//Laoding progress functions
|
||
onPixiProgress(loader, resource) {
|
||
this.assetLoadPercent = loader.progress;
|
||
this.text.titleText(true, `Loading Assets... ${loader.progress.toFixed(0)}%`);
|
||
this.onLoadProgressUpdate();
|
||
}
|
||
|
||
onAudioProgress(percent) {
|
||
this.audioLoadPercent = percent;
|
||
this.onLoadProgressUpdate();
|
||
}
|
||
|
||
onLoadProgressUpdate() {
|
||
let totalProgress = (this.audioLoadPercent / 2) + (this.assetLoadPercent / 2);
|
||
this.text.titleText(true, `Loading Assets... ${totalProgress.toFixed(0)}%`);
|
||
}
|
||
|
||
onPixiLoad(resolve, reject) {
|
||
if(this.audioLoadPercent === 100) {
|
||
this.text.titleText(false, '');
|
||
setTimeout(() => {
|
||
this.runEvent = true;
|
||
this.buildLayerContainers();
|
||
this.buildShaders();
|
||
resolve();
|
||
}, 1000);
|
||
} else {
|
||
setTimeout(() => {
|
||
this.onPixiLoad(resolve, reject);
|
||
}, 100);
|
||
}
|
||
}
|
||
|
||
//Runs every frame. Delta is a float scaled from 1=60fps.
|
||
onPixiTick(delta) {
|
||
try {
|
||
if(!this.runEvent) { return; }
|
||
let deltaTime = (1000/this.baseFps)*delta;
|
||
this.secondTicker -= deltaTime;
|
||
if(isNaN(this.waitTime)) {
|
||
this.waitTime = 0;
|
||
console.log('WaitTime was NaN');
|
||
}
|
||
if(this.waitTime >= 0) {
|
||
this.waitTime -= deltaTime;
|
||
}
|
||
//Lerp items
|
||
this.loopHandleLerps(deltaTime);
|
||
//If wait time has expired and we arent waiting for user input end the current command
|
||
if(this.currentCommand && this.waitTime <= 0 && !this.manualNext) {
|
||
this.processEndCommand(delta);
|
||
}
|
||
//If we cleared the command get the next
|
||
if(!this.currentCommand) {
|
||
this.getNextCommand();
|
||
}
|
||
//If we have a new command set up the info for it
|
||
if(this.currentCommand && !this.manualNext && this.waitTime <= 0) {
|
||
this.processCommand(delta);
|
||
}
|
||
|
||
if(this.secondTicker < 0) {
|
||
this.secondTicker = 1000;
|
||
}
|
||
} catch (error) {
|
||
console.log(error);
|
||
}
|
||
}
|
||
|
||
//This loop is run every frame and handles all the animation like tweens in the mission.
|
||
//interpolation is not just linear even if its called HandleLerps
|
||
loopHandleLerps(deltaTime) {
|
||
try {
|
||
//Loop through the lerp targets, modify the needed objects. If a object is at its 1 time state remove it from the list.
|
||
let toRemove = [];
|
||
for(let i = 0; i < this.lerpTargets.length; ++i) {
|
||
try {
|
||
let l = this.lerpTargets[i];
|
||
if(l.cancel) {
|
||
toRemove.push(i);
|
||
} else {
|
||
l.curTime += deltaTime;
|
||
if(l.curTime < 0) { continue; }
|
||
let inter = l.inter || "linear";
|
||
let pos = l.curTime / l.time;
|
||
if(l.cancel) {
|
||
pos = 1;
|
||
}
|
||
if(pos >= 1) {
|
||
pos = 1;
|
||
toRemove.push(i);
|
||
let postRes = postLerpAction(l)
|
||
if(postRes === "continue") {
|
||
continue;
|
||
} else if(postRes === "break") {
|
||
false;
|
||
}
|
||
}
|
||
switch(l.type) {
|
||
case "shake": {
|
||
if(pos === 1) {
|
||
if(l.object instanceof HTMLElement) {
|
||
l.object.style = "";
|
||
} else {
|
||
l.object.position.set(l.initV.x, l.initV.y);
|
||
}
|
||
} else {
|
||
let x = l.initV.x;
|
||
let y = l.initV.y;
|
||
if(l.finalV.x) {
|
||
x = Math.floor(Math.random() * (l.finalV.x * (1-pos)));
|
||
}
|
||
if(l.finalV.y) {
|
||
y = Math.floor(Math.random() * (l.finalV.y * (1-pos)));
|
||
}
|
||
if(l.object instanceof HTMLElement) {
|
||
l.object.style = `transform: translate(${x}px, ${y}px);`;
|
||
} else {
|
||
l.object.position.set(l.initV.x + x, l.initV.y + y);
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
case "shader": {
|
||
try {
|
||
l.object.filters[0].uniforms.time = pos;
|
||
l.object.filters[0].apply();
|
||
} catch(error) { }
|
||
break;
|
||
}
|
||
case "tint": {
|
||
let lRgb = commonFunctions.hexToRgb(l.initV);
|
||
let fRgb = commonFunctions.hexToRgb(l.finalV);
|
||
let newR = commonFunctions.lerp(lRgb[0], fRgb[0], pos, inter);
|
||
let newG = commonFunctions.lerp(lRgb[1], fRgb[1], pos, inter);
|
||
let newB = commonFunctions.lerp(lRgb[2], fRgb[2], pos, inter);
|
||
let hexValue = commonFunctions.rgbToHex([newR, newG, newB]);
|
||
let newValue = commonFunctions.getColorFromName(hexValue).color;
|
||
l.object.tint = newValue;
|
||
break;
|
||
}
|
||
default: {
|
||
let newValue = commonFunctions.lerp(l.initV, l.finalV, pos, inter);
|
||
let split = l.type.split(".");
|
||
switch(split.length) {
|
||
case 1:
|
||
l.object[split[0]] = newValue;
|
||
break;
|
||
case 2:
|
||
l.object[split[0]][split[1]] = newValue;
|
||
break;
|
||
default:
|
||
continue;
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
} catch(error) {
|
||
//If we got an exception during this it probably means the object doesnt exist anymore so just remove it.
|
||
toRemove.push(i);
|
||
postLerpAction(this.lerpTargets[i]);
|
||
}
|
||
}
|
||
for(let i = toRemove.length - 1; i > -1; --i) {
|
||
this.lerpTargets.splice(toRemove[i], 1);
|
||
}
|
||
} catch (error) {
|
||
console.log(error);
|
||
}
|
||
|
||
function postLerpAction(postLerp) {
|
||
try {
|
||
if(!postLerp || !postLerp.object || !postLerp.post) {
|
||
return '';
|
||
}
|
||
let split = postLerp.post.split('|');
|
||
switch(split[0].toLowerCase()) {
|
||
case "destroy":
|
||
postLerp.object.destroy({children: true});
|
||
return 'continue';
|
||
case "clearshader":
|
||
postLerp.object.filters = null;
|
||
postLerp.object.alpha = Number(split[1]);
|
||
return 'break';
|
||
}
|
||
} catch(error) { }
|
||
}
|
||
}
|
||
|
||
//Processes a line from the mission tsv
|
||
processCommand(delta) {
|
||
try {
|
||
let cur = this.currentCommand;
|
||
//No seriously this is a thing they did
|
||
if(cur.Arg2 === '＜Off>') {
|
||
cur.Arg2 = '<off>';
|
||
}
|
||
switch((cur.Command || "").toLowerCase()) {
|
||
case "divaeffectstart": {
|
||
this.waitTime = this.titleWaitTime * 1000;
|
||
try {
|
||
let file = cur.Arg1.split('/').pop();
|
||
let container = this.layers[this.bgLayerName].container;
|
||
let sprite = new PIXI.Sprite(this.loader.resources[`bg|${file}`].texture);
|
||
container.visible = true;
|
||
sprite.scale.set(1.30273438, 1.30273438);
|
||
sprite.anchor.set(0.5, 0.5);
|
||
sprite.alpha = 0;
|
||
container.addChild(sprite);
|
||
this.lerpTargets.push({type: 'alpha', object: sprite, curTime: 0, time: 300, finalV: 1, initV: 0});
|
||
this.lerpTargets.push({type: 'alpha', object: sprite, curTime: -(this.waitTime+500), time: 300, finalV: 0, initV: 1, post: "destroy"});
|
||
} catch (error) { }
|
||
let text = cur.English ? (this.utage.translations ? (this.utage.translations[cur.English] || cur.Text) : cur.Text) : cur.Text;
|
||
this.text.titleText(true, text);
|
||
break;
|
||
}
|
||
case "divaclearstartandcontinue":
|
||
this.text.titleText(false, '');
|
||
break;
|
||
case "divaeffect": {
|
||
this.waitTime = Number(cur.Arg5) * 1000;
|
||
let text = cur.English ? (this.utage.translations ? (this.utage.translations[cur.English] || cur.Text) : cur.Text) : cur.Text;
|
||
this.text.divaText(true, text);
|
||
break;
|
||
}
|
||
//FadeTo
|
||
case "divaeffectcontinue":
|
||
case "fadeout": {
|
||
if(cur.Command.toLowerCase() === "divaeffectcontinue") {
|
||
cur.Arg1 = 'black';
|
||
cur.Arg6 = 1;
|
||
}
|
||
this.text.dialogText(false, "");
|
||
this.text.characterName(false, "");
|
||
this.waitTime = Number(cur.Arg6) * 1000;
|
||
if(!cur.Arg1)
|
||
cur.Arg1 = 'white';
|
||
let fadeColor = commonFunctions.getColorFromName(cur.Arg1);
|
||
this.layers["bg|whiteFade"].sprite.tint = fadeColor.color;
|
||
this.lerpTargets.push({type: 'alpha', object: this.layers["bg|whiteFade"].sprite, curTime: 0, time: this.waitTime, finalV: fadeColor.alpha, initV: 0});
|
||
break;
|
||
}
|
||
//FadeFrom
|
||
case "fadein": {
|
||
this.waitTime = Number(cur.Arg6) * 1000;
|
||
if(!cur.Arg1)
|
||
cur.Arg1 = 'white';
|
||
let fadeColor = commonFunctions.getColorFromName(cur.Arg1);
|
||
this.layers["bg|whiteFade"].sprite.tint = fadeColor.color;
|
||
this.lerpTargets.push({type: 'alpha', object: this.layers["bg|whiteFade"].sprite, curTime: 0, time: this.waitTime, finalV: 0, initV: fadeColor.alpha});
|
||
break;
|
||
}
|
||
case "divalefttorightblackfade": {
|
||
this.processDivaFadeHor(cur, false, false);
|
||
break;
|
||
}
|
||
case "divalefttorightclearfade": {
|
||
this.processDivaFadeHor(cur, true, false);
|
||
break;
|
||
}
|
||
case "divarighttoleftblackfade": {
|
||
this.processDivaFadeHor(cur, false, true);
|
||
break;
|
||
}
|
||
case "divarighttoleftclearfade": {
|
||
this.processDivaFadeHor(cur, true, true);
|
||
break;
|
||
}
|
||
case "divauptodownblackfade": {
|
||
this.processDivaFadeVert(cur, false, true);
|
||
break;
|
||
}
|
||
case "divauptodownclearfade": {
|
||
this.processDivaFadeVert(cur, true, true);
|
||
break;
|
||
}
|
||
case "divadowntoupblackfade": {
|
||
this.processDivaFadeVert(cur, false, false);
|
||
break;
|
||
}
|
||
case "divadowntoupclearfade": {
|
||
this.processDivaFadeVert(cur, true, false);
|
||
break;
|
||
}
|
||
case "divasepiacamera": { //103500311
|
||
let filter = this.shaders.shaders['sepia'];
|
||
filter.uniforms.factor = 0.5;
|
||
this.layers["bg|mainparent"].container.filters = [filter];
|
||
break;
|
||
}
|
||
case "divasepiacameraclear": {
|
||
this.layers["bg|mainparent"].container.filters = null;
|
||
break;
|
||
}
|
||
case "bg": {
|
||
let bgInfo = this.utage.textureInfo[cur.Arg1];
|
||
let container = this.layers[this.bgLayerName].container;
|
||
//If we have a fadetime we need to keep the old bg, fade its alpha out, then destroy it.
|
||
if(cur.Arg6 && container.children[0]) {
|
||
//I know im assuming a lot that there is already only one bg on the layer.
|
||
this.lerpTargets.push({type: 'alpha', object: container.children[0], curTime: 0, time: (Number(cur.Arg6) * 1000), finalV: 0, initV: 1, post: "destroy"});
|
||
} else {
|
||
//clear the sprite for the bg currently in use.
|
||
for(let i = 0; i < container.children.length; ++i) {
|
||
container.children[i].destroy({children: true});
|
||
}
|
||
}
|
||
container.visible = true;
|
||
let sprite = new PIXI.Sprite(this.loader.resources[`bg|${cur.Arg1}`].texture);
|
||
sprite.scale.set(Number(bgInfo.Scale), Number(bgInfo.Scale));
|
||
//center the bg
|
||
sprite.anchor.set(0.5, 0.5);
|
||
if(cur.Arg6) {
|
||
container.addChild(sprite);
|
||
sprite.alpha = 0;
|
||
this.lerpTargets.push({type: 'alpha', object: sprite, curTime: 0, time: (Number(cur.Arg6) * 1000), finalV: 1, initV: 0});
|
||
} else {
|
||
container.addChild(sprite);
|
||
}
|
||
break;
|
||
}
|
||
case "wait":
|
||
this.waitTime = Number(cur.Arg6) * 1000;
|
||
break;
|
||
case "waitinput": {
|
||
let time = Number(cur.Arg6);
|
||
if(time) {
|
||
this.waitTime = time * 1000;
|
||
} else {
|
||
this.manualNext = true;
|
||
}
|
||
break;
|
||
}
|
||
case "movecamera": {
|
||
let time = Number(cur.Arg4);
|
||
let scale = 1 + (1 - Number(cur.Arg3));
|
||
let cont = this.layers["bg|mainparent"].container;
|
||
let x = this.center.x + -(Number(cur.Arg1));
|
||
//y in xdu is flipped
|
||
let y = this.center.y - -(Number(cur.Arg2));
|
||
if(time) {
|
||
this.waitTime = time * 1000;
|
||
if(cont.scale.x !== scale) {
|
||
this.cancelLerpOfType('scale.x', cont);
|
||
this.lerpTargets.push({type: 'scale.x', object: cont, curTime: 0,
|
||
time: this.waitTime, finalV: scale, initV: cont.scale.x, inter: 'quadout' });
|
||
}
|
||
if(cont.scale.y !== scale) {
|
||
this.cancelLerpOfType('scale.y', cont);
|
||
this.lerpTargets.push({type: 'scale.y', object: cont, curTime: 0,
|
||
time: this.waitTime, finalV: scale, initV: cont.scale.y, inter: 'quadout' });
|
||
}
|
||
|
||
if(cont.position.x !== x) {
|
||
this.cancelLerpOfType('position.x', cont);
|
||
this.lerpTargets.push({type: 'position.x', object: cont, curTime: 0,
|
||
time: this.waitTime, finalV: x, initV: cont.position.x, inter: 'quadout' });
|
||
}
|
||
if(cont.position.y !== y) {
|
||
this.cancelLerpOfType('position.y', cont);
|
||
this.lerpTargets.push({type: 'position.y', object: cont, curTime: 0,
|
||
time: this.waitTime, finalV: y, initV: cont.position.y, inter: 'quadout' });
|
||
}
|
||
|
||
if(cur.Arg6 && cur.Arg6.toLowerCase() === "nowait") {
|
||
this.waitTime = 0;
|
||
}
|
||
} else {
|
||
this.cancelLerpOfType('scale.x', cont);
|
||
this.cancelLerpOfType('scale.y', cont);
|
||
this.cancelLerpOfType('position.x', cont);
|
||
this.cancelLerpOfType('position.y', cont);
|
||
cont.scale.set(scale, scale);
|
||
cont.position.set(x, y);
|
||
}
|
||
break;
|
||
}
|
||
case "characteroff": {
|
||
if(cur.Text) {
|
||
this.checkPutText(cur);
|
||
} else {
|
||
this.text.dialogText(false, "");
|
||
this.text.characterName(false, "");
|
||
}
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
let curChar = this.currentCharacters[c];
|
||
if(curChar.charName === cur.Arg1) {
|
||
let time = Number(cur.Arg6) * 1000;
|
||
if(!time) { time = 250; }
|
||
this.lerpTargets.push({type: 'alpha', object: curChar.sprite, name: cur.Arg1, curTime: 0, time: time, finalV: 0, initV: 1, post: "destroy" });
|
||
this.currentCharacters[c] = undefined;
|
||
break;
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
case "tween":
|
||
this.processTween(delta, cur);
|
||
break;
|
||
case "bgm":
|
||
this.audio.stopSound('bgm');
|
||
if(!this.utage.soundInfo[cur.Arg1]) {
|
||
break;
|
||
}
|
||
this.audio.playSound(cur.Arg1, 'bgm');
|
||
break;
|
||
case "stopbgm":
|
||
this.audio.stopSound('bgm');
|
||
break;
|
||
case "se":
|
||
if(!this.utage.soundInfo[cur.Arg1]) {
|
||
break;
|
||
}
|
||
this.audio.playSound(cur.Arg1, 'se');
|
||
break;
|
||
case "shake": {
|
||
this.processShake(delta, cur);
|
||
break;
|
||
}
|
||
case "divaloopdecorate": {
|
||
this.processLoopDecorate(cur);
|
||
break;
|
||
}
|
||
case "divaclearloopdecorate": {
|
||
let container = this.layers["bg|loopeffect"].container;
|
||
this.lerpTargets.push({type: 'alpha', object: container.children[0], curTime: 0, time: 1000, finalV: 0, initV: 1, post: "destroy"});
|
||
break;
|
||
}
|
||
default:
|
||
this.processCommandOther(delta);
|
||
break;
|
||
//custom effects
|
||
case "divamovie": { //103500341
|
||
let filename = cur.Arg1.split('/').pop().replace(/usm$/, 'webm');
|
||
let texture = PIXI.Texture.fromVideo(this.loader.resources[`movie|${filename}`].data);
|
||
let container = this.layers["movie"].container;
|
||
let sprite = new PIXI.Sprite(texture);
|
||
let scale = baseDimensions.width / texture.baseTexture.source.videoWidth;
|
||
|
||
texture.baseTexture.source.volume = audio.volume;
|
||
texture.baseTexture.source.muted = audio.muted;
|
||
container.visible = true;
|
||
sprite.scale.set(scale, scale);
|
||
sprite.anchor.set(0.5, 0.5);
|
||
container.addChild(sprite);
|
||
this.manualNext = true;
|
||
|
||
texture.baseTexture.source.addEventListener('ended', (event) => { this.manualNext = false; }, false);
|
||
break;
|
||
}
|
||
}
|
||
} catch(error) {
|
||
console.log(error);
|
||
}
|
||
}
|
||
|
||
processEffect(command) {
|
||
let effect = command.FileName.split('/').pop().replace("eff_adv_", "");
|
||
/* TODO: adjust these wait times */
|
||
if (effect.startsWith("hit_")) {
|
||
this.waitTime = 850;
|
||
} else if (effect.startsWith("slash_")) {
|
||
this.waitTime = 870;
|
||
} else if (effect.startsWith("shot_")) {
|
||
this.waitTime = 1500;
|
||
} else if (effect.startsWith("laser_pur_")) {
|
||
this.waitTime = 2360;
|
||
} else if (effect.startsWith("noise_crushing")) {
|
||
this.waitTime = Number(command.Arg1) * 1000;
|
||
} else if (effect === "darkaura01") {
|
||
this.waitTime = 2500;
|
||
} else if (effect === "darkaura_appear01") {
|
||
this.waitTime = 4000;
|
||
} else if (effect === "henshin") {
|
||
this.waitTime = 3850;
|
||
}
|
||
}
|
||
|
||
processLoopDecorate(command) {
|
||
let effect = command.FileName.split('/').pop().replace("eff_adv_", "");
|
||
switch (effect) {
|
||
/* TODO: expand */
|
||
case "underwater01": {
|
||
let container = this.layers["bg|loopeffect"].container;
|
||
this.audio.playSound("se_斬撃音_単体", "Se");
|
||
let sprite = new PIXI.Sprite(this.loader.resources['bg|underwater01'].texture);
|
||
sprite.scale.set(1.30273438, 1.30273438);
|
||
sprite.anchor.set(0.5, 0.5);
|
||
sprite.alpha = 0;
|
||
container.addChild(sprite);
|
||
this.lerpTargets.push({type: 'alpha', object: sprite, curTime: 0, time: 1000, finalV: 1, initV: 0});
|
||
container.visible = true;
|
||
break;
|
||
}
|
||
default:
|
||
break;
|
||
}
|
||
}
|
||
|
||
processDivaFadeHor(command, clear, rtl) {
|
||
this.waitTime = Number(command.Arg6) * 1000;
|
||
let sprite = this.layers["bg|whiteFade"].sprite;
|
||
let filter = this.shaders.shaders[(rtl ? 'divarighttoleftfade' : 'divalefttorightfade')];
|
||
if(!command.Arg1) {
|
||
command.Arg1 = 'white';
|
||
}
|
||
let color = commonFunctions.getColorFromName(command.Arg1);
|
||
let rgbcolor = commonFunctions.hexToRgb(color.color);
|
||
sprite.tint = color.color;
|
||
sprite.alpha = color.alpha;
|
||
filter.uniforms.time = 0.0;
|
||
filter.uniforms.fadeincolor = (clear ? [0.0,0.0,0.0,0.0] : [rgbcolor[0],rgbcolor[1],rgbcolor[2],1.0]);
|
||
filter.uniforms.fadeoutcolor = (clear ? [rgbcolor[0],rgbcolor[1],rgbcolor[2],1.0] : [0.0,0.0,0.0,0.0]);
|
||
sprite.filters = [filter];
|
||
this.lerpTargets.push({type: 'shader', object: sprite, curTime: 0, time: this.waitTime, post: `clearshader|${(clear ? '0' : `${color.alpha}`)}`});
|
||
}
|
||
|
||
//utd is UpToDown
|
||
processDivaFadeVert(command, clear, utd) {
|
||
this.waitTime = Number(command.Arg6) * 1000;
|
||
let sprite = this.layers["bg|whiteFade"].sprite;
|
||
let filter = this.shaders.shaders[(utd ? 'divauptodownfade' : 'divadowntoupfade')];
|
||
if(!command.Arg1) {
|
||
command.Arg1 = 'white';
|
||
}
|
||
let color = commonFunctions.getColorFromName(command.Arg1);
|
||
let rgbcolor = commonFunctions.hexToRgb(color.color);
|
||
sprite.tint = color.color;
|
||
sprite.alpha = color.alpha;
|
||
filter.uniforms.time = 0.0;
|
||
filter.uniforms.fadeincolor = (clear ? [0.0,0.0,0.0,0.0] : [rgbcolor[0],rgbcolor[1],rgbcolor[2],1.0]);
|
||
filter.uniforms.fadeoutcolor = (clear ? [rgbcolor[0],rgbcolor[1],rgbcolor[2],1.0] : [0.0,0.0,0.0,0.0]);
|
||
sprite.filters = [filter];
|
||
this.lerpTargets.push({type: 'shader', object: sprite, curTime: 0, time: this.waitTime, post: `clearshader|${(clear ? '0' : `${color.alpha}`)}`});
|
||
}
|
||
|
||
//This should mostly be handling things like text
|
||
processCommandOther(delta) {
|
||
let cur = this.currentCommand;
|
||
//Character on screen
|
||
this.checkPutCharacterScreen(cur);
|
||
//Display text
|
||
this.checkPutText(cur);
|
||
}
|
||
|
||
//Checks if the current command is trying to put a new character on the screen or not.
|
||
//special is used if the command actually has a command param such as Henshin since normal text commands dont.
|
||
//ignoreCurrent is used for if you are remvoing a current character yourself and don't want this to add another fade out to it such as somethingnew_appearance01.
|
||
checkPutCharacterScreen(cur, special = false, ignoreCurrent = false,) {
|
||
let charToLoad = cur.Character || cur.Arg1;
|
||
if((!cur.Command || special) && charToLoad && this.utage.characterInfo[charToLoad]) {
|
||
let lay = undefined;
|
||
let curChar = undefined; //The character that is currently on screen with the same name as Arg1.
|
||
let prevChar = undefined; //The character that is already on the layer we are trying to put the new char on.
|
||
//First check if the character is already on screen
|
||
if(!ignoreCurrent) {
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
if(this.currentCharacters[c].charName === charToLoad) {
|
||
curChar = this.currentCharacters[c];
|
||
lay = this.currentCharacters[c].layer;
|
||
if(!cur.Arg3) {
|
||
cur.Arg3 = c;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
//Sometimes they don't give a pattern so just assume the default.
|
||
if(!cur.Arg2 && !curChar) {
|
||
cur.Arg2 = this.defaultCharPattern;
|
||
//If the character was already on screen use that pattern
|
||
} else if (!cur.Arg2 && curChar) {
|
||
cur.Arg2 = curChar.character.Pattern;
|
||
}
|
||
let chr = this.utage.characterInfo[charToLoad][cur.Arg2];
|
||
if(!chr) {
|
||
//Non character sprites don't have a pattern and just use none as a key so if we don't find a character at arg1|arg2 look for this.
|
||
cur.Arg2 = 'none';
|
||
chr = this.utage.characterInfo[charToLoad][cur.Arg2];
|
||
}
|
||
//If we didn't find the character at all just abandon.
|
||
if(!chr) { return; }
|
||
//If the script gives us a layer get that layer and if there is a character on it already.
|
||
if(cur.Arg3) {
|
||
lay = this.layers[cur.Arg3];
|
||
prevChar = this.currentCharacters[cur.Arg3];
|
||
if(!lay) { return; }
|
||
//If they didn't give us a layer check for left and right positioning or try to go to default (middle)
|
||
} else if(!curChar && !lay) {
|
||
if(isCharOnLeft.apply(this)) {
|
||
lay = this.layers['キャラ右'];
|
||
} else if(isCharOnRight.apply(this)) {
|
||
lay = this.layers['キャラ左'];
|
||
} else {
|
||
lay = this.layers['キャラ中央'];
|
||
}
|
||
if(!lay) { return; }
|
||
cur.Arg3 = lay.info.LayerName;
|
||
prevChar = this.currentCharacters[cur.Arg3];
|
||
}
|
||
//If the character is already on screen on another layer move them to the new layer.
|
||
if(curChar && lay && curChar.layer.info.LayerName !== cur.Arg3) {
|
||
this.lerpTargets.push({type: 'alpha', object: curChar.sprite, curTime: 0, time: 200, finalV: 0, initV: 1, post: "destroy" });
|
||
this.currentCharacters[curChar.layer.info.LayerName] = undefined;
|
||
}
|
||
//If this character is already here and not changing patterns don't change anything.
|
||
else if(curChar && curChar.charName === charToLoad && curChar.character.Pattern === cur.Arg2) {
|
||
return;
|
||
}
|
||
|
||
if(!ignoreCurrent) {
|
||
//If the layer already has a different character on it remove it.
|
||
if(prevChar && (prevChar.charName !== charToLoad || prevChar.character.Pattern !== chr.Pattern)) {
|
||
this.lerpTargets.push({type: 'alpha', object: prevChar.sprite, curTime: 0, time: 200, finalV: 0, initV: 1, post: "destroy" });
|
||
this.currentCharacters[cur.Arg3] = undefined;
|
||
}
|
||
}
|
||
|
||
let sprite = new PIXI.Sprite(this.loader.resources[`char|${charToLoad}|${cur.Arg2}`].texture);
|
||
sprite.scale.set(Number(chr.Scale), Number(chr.Scale));
|
||
let anchor = commonFunctions.getAnchorFromCharPivot(chr.Pivot);
|
||
sprite.anchor.set(anchor.x, anchor.y);
|
||
sprite.alpha = 0;
|
||
let fadeTime = 200;
|
||
//If the character is already on screen put the new sprite in the same position as the old one.
|
||
if(curChar && curChar.layer.info.LayerName === cur.Arg3) {
|
||
sprite.position.x = curChar.sprite.position.x;
|
||
sprite.position.y = curChar.sprite.position.y;
|
||
//if the current character is doing a tween transfer the tween to the new one.
|
||
for(const l of this.lerpTargets) {
|
||
if(l.type.includes('position') && l.object === curChar.sprite) {
|
||
l.object = sprite;
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
if(cur.Arg4) {
|
||
sprite.position.x = Number(cur.Arg4);
|
||
}
|
||
if(cur.Arg5) {
|
||
sprite.position.y = Number(cur.Arg5);
|
||
}
|
||
if(cur.Arg6) {
|
||
//Im halving this because their fades take too fucking long and looks bad.
|
||
fadeTime = (Number(cur.Arg6) * 1000) / 2;
|
||
}
|
||
this.currentCharacters[cur.Arg3] = { layer: lay, character: chr, charName: charToLoad, sprite: sprite };
|
||
if(fadeTime > 0) {
|
||
this.lerpTargets.push({type: 'alpha', object: sprite, curTime: 0, time: fadeTime, finalV: 1, initV: 0 });
|
||
} else {
|
||
sprite.alpha = 1;
|
||
}
|
||
lay.container.addChild(sprite);
|
||
lay.container.visible = true;
|
||
}
|
||
|
||
function isCharOnLeft() {
|
||
for(const l of Object.keys(this.layers)) {
|
||
let lay = this.layers[l].info;
|
||
if(!lay) { continue; }
|
||
if(lay.LayerName.includes('キャラ左')) {
|
||
if(this.currentCharacters[lay.LayerName]) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
|
||
function isCharOnRight() {
|
||
for(const l of Object.keys(this.layers)) {
|
||
let lay = this.layers[l].info;
|
||
if(!lay) { continue; }
|
||
if(lay.LayerName.includes('キャラ右')) {
|
||
if(this.currentCharacters[lay.LayerName]) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
}
|
||
}
|
||
|
||
processTryRemoveChar(character, fadeTime) {
|
||
let curChar = undefined;
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
if(this.currentCharacters[c].charName === character) {
|
||
curChar = this.currentCharacters[c];
|
||
}
|
||
}
|
||
if(!curChar) {
|
||
return;
|
||
}
|
||
if(fadeTime == undefined) {
|
||
fadeTime = 500;
|
||
}
|
||
this.lerpTargets.push({type: 'alpha', object: curChar.sprite, curTime: 0, time: fadeTime, finalV: 0, initV: 1, post: "destroy" });
|
||
this.currentCharacters[curChar.layer.info.LayerName] = undefined;
|
||
}
|
||
|
||
//Checks if the current command is trying to put text on the screen.
|
||
checkPutText(cur) {
|
||
if(this.playingVoice) {
|
||
this.audio.stopSound(this.playingVoice);
|
||
}
|
||
if(!cur.Command && cur.Arg1 && cur.Text) {
|
||
//If its character off screen text
|
||
let text = cur.English ? (this.utage.translations ? (this.utage.translations[cur.English] || cur.Text) : cur.Text) : cur.Text;
|
||
text = commonFunctions.convertUtageTextTags(text);
|
||
if(cur.Arg2 && cur.Arg2.toLowerCase() === "<off>") {
|
||
this.text.characterName(true, this.utage.charTranslations[cur.Arg1] || cur.Arg1);
|
||
this.text.dialogText(true, commonFunctions.convertUtageTextTags(text));
|
||
} else {
|
||
let found = false;
|
||
//Look for the character that is saying the text to get their name
|
||
//future note: This might be better to just look for the character in character info if this start failing.
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
if(this.currentCharacters[c].charName === cur.Arg1 || this.currentCharacters[c].charName === cur.Character) {
|
||
let nameToUse = this.currentCharacters[c].character.NameText;
|
||
//If cur.Character is set that means the line had a <character= included so we want to use the name from arg1 instead.
|
||
if(cur.Character) {
|
||
nameToUse = cur.Arg1;
|
||
}
|
||
this.text.characterName(true, this.utage.charTranslations[nameToUse] || nameToUse);
|
||
this.text.dialogText(true, text);
|
||
this.currentCharacters[c].sprite.tint = 0xFFFFFF;
|
||
found = true;
|
||
continue;
|
||
}
|
||
//while were here set other characters tint to background shade
|
||
if(this.currentCharacters[c].sprite) {
|
||
this.currentCharacters[c].sprite.tint = this.backCharTint;
|
||
}
|
||
}
|
||
//If we didnt find the character just dump the text anyways with Arg1 as the name
|
||
if(!found) {
|
||
this.text.characterName(true, this.utage.charTranslations[cur.Arg1] || cur.Arg1);
|
||
this.text.dialogText(true, text);
|
||
}
|
||
}
|
||
this.manualNext = true;
|
||
//Sometimes they don't give a Arg1 for the text.
|
||
} else if(!cur.Command && cur.Arg2.toLowerCase() === "<off>" && cur.Text) {
|
||
let text = cur.English ? (this.utage.translations ? (this.utage.translations[cur.English] || cur.Text) : cur.Text) : cur.Text;
|
||
this.text.characterName(true, "");
|
||
this.text.dialogText(true, commonFunctions.convertUtageTextTags(text));
|
||
this.manualNext = true;
|
||
}
|
||
if(cur.Voice) {
|
||
this.playingVoice = cur.Voice;
|
||
this.audio.playSound(cur.Voice);
|
||
}
|
||
}
|
||
|
||
//Handle a tween command
|
||
processTween(delta, cur) {
|
||
this.text.dialogText(false, "");
|
||
this.text.characterName(false, "");
|
||
let curChar = undefined;
|
||
//Find the character for the tween.
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
if(this.currentCharacters[c].charName === cur.Arg1) {
|
||
curChar = this.currentCharacters[c];
|
||
this.currentCharacters[c].sprite.tint = 0xFFFFFF;
|
||
continue;
|
||
}
|
||
//while were here set other characters tint to background shade
|
||
if(this.currentCharacters[c].sprite) {
|
||
this.currentCharacters[c].sprite.tint = this.backCharTint;
|
||
}
|
||
}
|
||
if(!curChar) { return; }
|
||
switch(cur.Arg2.toLowerCase()) {
|
||
case "moveto": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
//moveto has a islocal value that im just assuming is true until I run into a case it actually isint.
|
||
//note that islocal is local to the layer's position not the characters current position so the final pos will be 0 + what the command says
|
||
if(!cur.Arg6 || cur.Arg6 !== "NoWait") {
|
||
this.waitTime = props.time + (props.delay || 0);
|
||
}
|
||
if(props.x != undefined) {
|
||
if(props.time) {
|
||
this.lerpTargets.push({type: 'position.x', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: props.x, initV: curChar.sprite.position.x, inter: 'quadout' });
|
||
} else {
|
||
curChar.sprite.position.x = props.x;
|
||
}
|
||
}
|
||
if(props.y != undefined) {
|
||
if(props.time) {
|
||
this.lerpTargets.push({type: 'position.y', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: props.y, initV: curChar.sprite.position.y, inter: 'quadout' });
|
||
} else {
|
||
curChar.sprite.position.y = props.y;
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
case "punchposition": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
if(props.time == undefined) { props.time = 1000; }
|
||
if(!cur.Arg6 || cur.Arg6 !== "NoWait") {
|
||
this.waitTime = props.time + (props.delay || 0);
|
||
}
|
||
if(props.x != undefined) {
|
||
this.lerpTargets.push({type: 'position.x', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: curChar.sprite.position.x + props.x, initV: curChar.sprite.position.x, inter: 'punch' });
|
||
}
|
||
if(props.y != undefined) {
|
||
this.lerpTargets.push({type: 'position.y', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: curChar.sprite.position.y + props.y, initV: curChar.sprite.position.y, inter: 'punch' });
|
||
}
|
||
break;
|
||
}
|
||
case "scaleto": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3, false);
|
||
if(props.time == undefined) { props.time = 500; }
|
||
//cuz I don't care about their values that make no sense when everything else uses time.
|
||
if(props.speed) { props.time = props.speed * 1000; }
|
||
if(!cur.Arg6 || cur.Arg6 !== "NoWait") {
|
||
this.waitTime = props.time + (props.delay || 0);
|
||
}
|
||
if(props.x != undefined) {
|
||
this.lerpTargets.push({type: 'scale.x', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: curChar.sprite.scale.x * props.x, initV: curChar.sprite.scale.x });
|
||
}
|
||
if(props.y != undefined) {
|
||
this.lerpTargets.push({type: 'scale.y', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: curChar.sprite.scale.y * props.y, initV: curChar.sprite.scale.y });
|
||
}
|
||
break;
|
||
}
|
||
case "colorto": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
if(props.alpha != undefined) {
|
||
this.cancelLerpOfType('alpha', curChar.sprite);
|
||
if(props.time) {
|
||
this.lerpTargets.push({type: 'alpha', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: props.alpha, initV: curChar.sprite.alpha });
|
||
} else {
|
||
curChar.sprite.alpha = props.alpha;
|
||
}
|
||
|
||
}
|
||
if(props.color != undefined) {
|
||
this.cancelLerpOfType('tint', curChar.sprite);
|
||
let color = commonFunctions.getColorFromName(props.color);
|
||
if(props.time) {
|
||
this.lerpTargets.push({type: 'tint', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: color.color, initV: curChar.sprite.tint });
|
||
} else {
|
||
curChar.sprite.tint = color.color;
|
||
}
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
}
|
||
|
||
processShake(delta, cur) {
|
||
let obj = cur.Arg1;
|
||
switch(obj.toLowerCase()) {
|
||
case "camera": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
if(!props.y) { props.y = 0; }
|
||
if(!props.x) { props.x = 0; }
|
||
if(!props.x && !props.y) {
|
||
props.x = 30;
|
||
props.y = 30;
|
||
}
|
||
if(!props.time) { props.time = 1000; }
|
||
//Im not waiting for these because utage seems to not.
|
||
//f(!cur.Arg6 || cur.Arg6 !== "NoWait") {
|
||
// this.waitTime = props.time + (props.delay || 0);
|
||
//
|
||
//If the screen is currently shaking the second shake will offset it so get the init
|
||
// position from that shake not the current position
|
||
let currentShake = undefined;
|
||
for(const l of this.lerpTargets) {
|
||
if(l.type.includes('shake') && l.object === this.pixi.app.stage) {
|
||
currentShake = l;
|
||
l.cancel = true;
|
||
break;
|
||
}
|
||
}
|
||
let stage = undefined;
|
||
if(currentShake) {
|
||
stage = currentShake.initV;
|
||
} else {
|
||
stage = this.pixi.app.stage.position;
|
||
}
|
||
|
||
this.lerpTargets.push({type: 'shake', object: this.pixi.app.stage, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: {x: props.x + stage.x, y: props.y + stage.y}, initV: {x: stage.x, y: stage.y} });
|
||
break;
|
||
}
|
||
case "messagewindow": {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
if(!props.y) { props.y = 0; }
|
||
if(!props.x) { props.x = 0; }
|
||
if(!props.x && !props.y) {
|
||
props.x = 30;
|
||
props.y = 30;
|
||
}
|
||
if(!props.time) { props.time = 1000; }
|
||
//if(!cur.Arg6 || cur.Arg6 !== "NoWait") {
|
||
// this.waitTime = props.time + (props.delay || 0);
|
||
//}
|
||
this.lerpTargets.push({type: 'shake', object: document.getElementById('dialog-box'), curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: {x: props.x, y: props.y}, initV: {x: 0, y: 0} });
|
||
break;
|
||
}
|
||
default: {
|
||
let props = commonFunctions.getPropertiesFromTweenCommand(cur.Arg3);
|
||
if(!props.y) { props.y = 0; }
|
||
if(!props.x) { props.x = 0; }
|
||
if(!props.x && !props.y) {
|
||
props.x = 30;
|
||
props.y = 30;
|
||
}
|
||
if(!props.time) { props.time = 1000; }
|
||
let curChar = undefined;
|
||
//Find the character.
|
||
for(const c of Object.keys(this.currentCharacters)) {
|
||
if(!this.currentCharacters[c]) { continue; }
|
||
if(this.currentCharacters[c].charName === cur.Arg1) {
|
||
curChar = this.currentCharacters[c];
|
||
continue;
|
||
}
|
||
}
|
||
if(!curChar) { return; }
|
||
//The sprite's position should be added to the final x and y when setting the shake position.
|
||
this.lerpTargets.push({type: 'shake', object: curChar.sprite, curTime: 0 - (props.delay || 0), time: props.time,
|
||
finalV: {x: props.x, y: props.y}, initV: {x: curChar.sprite.position.x, y: curChar.sprite.position.y} });
|
||
}
|
||
}
|
||
}
|
||
|
||
cancelLerpOfType(type, object) {
|
||
for(const l of this.lerpTargets) {
|
||
if(l.type.includes(type) && l.object === object) {
|
||
l.cancel = true;
|
||
}
|
||
}
|
||
}
|
||
|
||
processEndCommand(delta) {
|
||
let cur = this.currentCommand;
|
||
switch((cur.Command || "").toLowerCase()) {
|
||
case "divaeffect":
|
||
this.text.divaText(false, '');
|
||
break;
|
||
case "divamovie": {
|
||
let container = this.layers['movie'].container;
|
||
container.visible = false;
|
||
for(let i = 0; i < container.children.length; ++i) {
|
||
container.children[i].texture.baseTexture.source.pause();
|
||
container.children[i].destroy({children: true});
|
||
}
|
||
break;
|
||
}
|
||
default:
|
||
break;
|
||
}
|
||
this.currentCommand = undefined;
|
||
}
|
||
|
||
onMainClick(event) {
|
||
if(!this.runEvent) {
|
||
return
|
||
}
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
if(this.manualNext && !this.uiHidden) {
|
||
if (!this.text.scrollingText) {
|
||
this.manualNext = false;
|
||
this.waitTime = 0;
|
||
} else if(this.text.scrollingText) {
|
||
this.text.showDialogFullText();
|
||
}
|
||
} else if(this.uiHidden) {
|
||
this.text.hideUi(true);
|
||
this.uiHidden = false;
|
||
}
|
||
}
|
||
|
||
hideUiClicked(event) {
|
||
if(!this.runEvent) {
|
||
return;
|
||
}
|
||
event.preventDefault();
|
||
event.stopPropagation();
|
||
this.uiHidden = !this.uiHidden;
|
||
this.text.hideUi(!this.uiHidden);
|
||
}
|
||
|
||
onEndFile() {
|
||
this.resolve();
|
||
}
|
||
|
||
getNextCommand() {
|
||
let command = this.utage.currentPlayingFile.pop();
|
||
if(!this.utage.currentPlayingFile || this.utage.currentPlayingFile.length === 0) {
|
||
this.onEndFile();
|
||
return;
|
||
}
|
||
if(!command || command.comment || (!command.Command && !command.Arg1 && !command.Arg2 && !command.Arg3 && !command.Arg4 && !command.Arg5 && !command.Arg6)) {
|
||
this.getNextCommand();
|
||
return;
|
||
}
|
||
// macro expansion
|
||
if (command.Command in this.utage.macros) {
|
||
let macro = this.utage.macros[command.Command].slice();
|
||
for (const c of macro.reverse()) {
|
||
let copy = {};
|
||
for (const key of Object.keys(c)) {
|
||
copy[key] = c[key].replace(/%Arg[1-6]/g, (x) => {return command[x.slice(1)];}).replace(/%Text/g, command.Text);
|
||
copy.English = command.English; // we need macro members to inherit english, eg for titlecards
|
||
}
|
||
this.utage.currentPlayingFile.push(copy);
|
||
}
|
||
this.getNextCommand();
|
||
return;
|
||
}
|
||
this.currentCommand = command;
|
||
}
|
||
|
||
updateResolution(res) {
|
||
let newScale = res.height / baseDimensions.height;
|
||
//Set the scale by the pixel ratio so pixi makes the stage the proper size
|
||
this.pixi.app.stage.scale.set(newScale * window.devicePixelRatio, newScale * window.devicePixelRatio);
|
||
//Sizes the canvas/pixi's renderer to the actual render resolution
|
||
this.pixi.app.renderer.resize(res.width * window.devicePixelRatio, res.height * window.devicePixelRatio);
|
||
//Css size overwrites the display size of the canvas
|
||
this.pixi.app.view.style.width = res.width + "px";
|
||
this.pixi.app.view.style.height = res.height + "px";
|
||
//Transform the text container to be the right scale, browser handles all dpi stuff for html elements itself
|
||
document.getElementById('text-container').style.cssText = `transform: scale(${newScale})`;
|
||
}
|
||
|
||
resetAll() {
|
||
return new Promise((resolve, reject) => {
|
||
try {
|
||
this.pixi.app.ticker.remove(this.onPixiTick, this);
|
||
this.utage.currentPlayingFile.length = 0;
|
||
this.currentCharacters = {};
|
||
this.layers = {};
|
||
this.currentCommand = undefined;
|
||
this.runEvent = false;
|
||
this.secondTicker = 1000;
|
||
this.waitTime = 0;
|
||
this.lerpTargets = [];
|
||
this.manualNext = false;
|
||
this.hasMoreText = false;
|
||
this.audioLoadPercent = 0;
|
||
this.assetLoadPercent = 0;
|
||
this.playingVoice = undefined;
|
||
this.text.resetAll();
|
||
this.audio.resetAll();
|
||
this.utage.resetTranslations();
|
||
this.pixi.app.stage.children.forEach(function(child) { child.destroy({children: true, texture: true, baseTexture: true}); });
|
||
for(const tex of Object.keys(PIXI.utils.TextureCache)) {
|
||
if(PIXI.utils.TextureCache[tex]) {
|
||
PIXI.utils.TextureCache[tex].destroy(true);
|
||
}
|
||
}
|
||
for(const tex of Object.keys(PIXI.utils.BaseTextureCache)) {
|
||
if(PIXI.utils.BaseTextureCache[tex]) {
|
||
PIXI.utils.BaseTextureCache[tex].destroy(true);
|
||
}
|
||
}
|
||
this.loader.reset();
|
||
resolve();
|
||
} catch (error) {
|
||
reject(error);
|
||
}
|
||
});
|
||
}
|
||
}
|