1413 lines
53 KiB
JavaScript
1413 lines
53 KiB
JavaScript
// AssetManager.ts
|
|
var Point = class _Point {
|
|
x = 0;
|
|
y = 0;
|
|
constructor(x, y) {
|
|
if (x !== void 0 && y !== void 0) {
|
|
this.x = x;
|
|
this.y = y;
|
|
return;
|
|
}
|
|
}
|
|
clone() {
|
|
return new _Point(this.x, this.y);
|
|
}
|
|
};
|
|
var Size = class {
|
|
width = 0;
|
|
height = 0;
|
|
constructor(width, height) {
|
|
if (width !== void 0 && height !== void 0) {
|
|
this.width = width;
|
|
this.height = height;
|
|
return;
|
|
}
|
|
}
|
|
clone() {
|
|
return new Point(this.width, this.height);
|
|
}
|
|
};
|
|
var Rect = class _Rect {
|
|
left = 0;
|
|
top = 0;
|
|
right = 0;
|
|
bottom = 0;
|
|
get x() {
|
|
return this.left;
|
|
}
|
|
set x(value) {
|
|
const diff = value - this.left;
|
|
this.left += diff;
|
|
this.right += diff;
|
|
}
|
|
get y() {
|
|
return this.top;
|
|
}
|
|
set y(value) {
|
|
const diff = value - this.top;
|
|
this.top += diff;
|
|
this.bottom += diff;
|
|
}
|
|
get width() {
|
|
return this.right - this.left;
|
|
}
|
|
set width(value) {
|
|
this.right = this.left + value;
|
|
}
|
|
get height() {
|
|
return this.bottom - this.top;
|
|
}
|
|
set height(value) {
|
|
this.bottom = this.top + value;
|
|
}
|
|
get centerX() {
|
|
return (this.left + this.right) / 2;
|
|
}
|
|
get centerY() {
|
|
return (this.top + this.bottom) / 2;
|
|
}
|
|
get location() {
|
|
let point = new Point();
|
|
point.x = this.centerX;
|
|
point.y = this.centerY;
|
|
return point;
|
|
}
|
|
set location(point) {
|
|
let w = this.width;
|
|
let h = this.height;
|
|
this.left = point.x;
|
|
this.right = this.left + w;
|
|
this.top = point.y;
|
|
this.bottom = this.top + h;
|
|
}
|
|
get size() {
|
|
let size = new Size();
|
|
size.width = this.width;
|
|
size.height = this.height;
|
|
return size;
|
|
}
|
|
set size(size) {
|
|
this.width = size.width;
|
|
this.height = size.height;
|
|
}
|
|
get isEmpty() {
|
|
return this.width <= 0 || this.height <= 0;
|
|
}
|
|
constructor(arg0, arg1, arg2, arg3) {
|
|
if (typeof arg0 === "number" && typeof arg1 === "number") {
|
|
if (typeof arg2 === "number" && typeof arg3 === "number") {
|
|
this.left = arg0;
|
|
this.top = arg1;
|
|
this.right = arg0 + arg2;
|
|
this.bottom = arg1 + arg3;
|
|
return;
|
|
}
|
|
this.right = arg0;
|
|
this.bottom = arg1;
|
|
return;
|
|
} else if (arg0 instanceof Point && arg1 instanceof Size) {
|
|
this.left = arg0.x;
|
|
this.top = arg0.y;
|
|
this.right = arg0.x + arg1.width;
|
|
this.bottom = arg0.y + arg1.height;
|
|
return;
|
|
} else if (arg0 instanceof Size) {
|
|
this.right = arg0.width;
|
|
this.bottom = arg0.height;
|
|
return;
|
|
}
|
|
}
|
|
inflate(dx, dy) {
|
|
this.left -= dx;
|
|
this.right += dx;
|
|
this.top -= dy;
|
|
this.bottom += dy;
|
|
}
|
|
clone() {
|
|
return new _Rect(this.left, this.top, this.width, this.height);
|
|
}
|
|
union(rect) {
|
|
const left = Math.min(this.left, rect.left);
|
|
const top = Math.min(this.top, rect.top);
|
|
const right = Math.max(this.right, rect.right);
|
|
const bottom = Math.max(this.bottom, rect.bottom);
|
|
return new _Rect(left, top, right - left, bottom - top);
|
|
}
|
|
};
|
|
var Color = class _Color {
|
|
argb = 0;
|
|
constructor(a, r, g, b) {
|
|
if (typeof a === "string") {
|
|
let s = a;
|
|
if (s.startsWith("#")) {
|
|
s = s.substring(1);
|
|
}
|
|
s = s.trim();
|
|
switch (s.length) {
|
|
case 3:
|
|
s = "ff" + s.split("").map((c) => c + c).join("");
|
|
break;
|
|
case 4:
|
|
s = s.split("").map((c) => c + c).join("");
|
|
break;
|
|
case 6:
|
|
s = "ff" + s;
|
|
break;
|
|
case 8:
|
|
break;
|
|
default:
|
|
s = "ffffffff";
|
|
}
|
|
const u = parseInt(s, 16);
|
|
this.argb = u;
|
|
return;
|
|
}
|
|
if (a !== void 0 && r === void 0 && g === void 0 && b === void 0) {
|
|
this.argb = a;
|
|
return;
|
|
}
|
|
if (a === void 0 && r !== void 0 && g !== void 0 && b !== void 0) {
|
|
const u = 255 << 24 | (r & 255) << 16 | (g & 255) << 8 | b & 255;
|
|
this.argb = u;
|
|
return;
|
|
}
|
|
if (a !== void 0 && r !== void 0 && g !== void 0 && b !== void 0) {
|
|
const u = a << 24 | (r & 255) << 16 | (g & 255) << 8 | b & 255;
|
|
this.argb = u;
|
|
return;
|
|
}
|
|
this.argb = 0;
|
|
}
|
|
get a() {
|
|
return this.argb >>> 24 & 255;
|
|
}
|
|
set a(value) {
|
|
const v = value & 255;
|
|
this.argb = v << 24 | this.argb & 16777215;
|
|
}
|
|
get r() {
|
|
return this.argb >>> 16 & 255;
|
|
}
|
|
set r(value) {
|
|
const v = value & 255;
|
|
this.argb = this.argb & 4278255615 | v << 16;
|
|
}
|
|
get g() {
|
|
return this.argb >>> 8 & 255;
|
|
}
|
|
set g(value) {
|
|
const v = value & 255;
|
|
this.argb = this.argb & 4294902015 | v << 8;
|
|
}
|
|
get b() {
|
|
return this.argb & 255;
|
|
}
|
|
set b(value) {
|
|
const v = value & 255;
|
|
this.argb = this.argb & 4294967040 | v;
|
|
}
|
|
toUint32() {
|
|
return this.argb;
|
|
}
|
|
clone() {
|
|
return new _Color(this.argb);
|
|
}
|
|
static FromRgba(r, g, b, a) {
|
|
if (typeof r === "string" && g === void 0 && b === void 0 && a === void 0) {
|
|
r = r.trim();
|
|
if (r[0] === "#") r = r.slice(1);
|
|
if (r.length === 8) {
|
|
return new _Color(r.slice(6, 8) + r.slice(0, 6));
|
|
} else if (r.length === 6) return new _Color(r);
|
|
else if (r.length === 4) {
|
|
return new _Color(r[3] + r[3] + r.slice(0, 3).split("").map((i) => i + i).join(""));
|
|
} else if (r.length === 3) {
|
|
return new _Color("FF" + r.split("").map((i) => i + i).join(""));
|
|
} else return new _Color();
|
|
} else if (typeof r === "number" && typeof g === "number" && typeof b === "number" && typeof a === "number") {
|
|
return new _Color(a, r, g, b);
|
|
} else {
|
|
return new _Color();
|
|
}
|
|
}
|
|
toRgbaString() {
|
|
return `rgba(${this.r}, ${this.g}, ${this.b}, ${this.a / 255})`;
|
|
}
|
|
toHexString(includeAlpha = true) {
|
|
if (includeAlpha) {
|
|
return `#${this.argb.toString(16).padStart(8, "0")}`;
|
|
} else {
|
|
const rgb = this.argb & 16777215;
|
|
return `#${rgb.toString(16).padStart(6, "0")}`;
|
|
}
|
|
}
|
|
equals(other) {
|
|
return this.argb === other.argb;
|
|
}
|
|
static get Transparent() {
|
|
return new _Color(0, 0, 0, 0);
|
|
}
|
|
static get Black() {
|
|
return new _Color(255, 0, 0, 0);
|
|
}
|
|
static get White() {
|
|
return new _Color(255, 255, 255, 255);
|
|
}
|
|
withAlpha(alpha) {
|
|
return new _Color(alpha, this.r, this.g, this.b);
|
|
}
|
|
withRed(red) {
|
|
return new _Color(this.a, red, this.g, this.b);
|
|
}
|
|
withGreen(green) {
|
|
return new _Color(this.a, this.r, green, this.b);
|
|
}
|
|
withBlue(blue) {
|
|
return new _Color(this.a, this.r, this.g, blue);
|
|
}
|
|
};
|
|
var SliceInfo = class {
|
|
bounds = new Rect();
|
|
center = new Rect();
|
|
pivot = new Point();
|
|
scale = 1;
|
|
blobUrl = "";
|
|
get isNinePatch() {
|
|
return !this.center.isEmpty;
|
|
}
|
|
};
|
|
var assetFilePath = "assets.png";
|
|
var slicesFilePath = "assets.bin";
|
|
var directoryPath = "./rdviewAssets";
|
|
async function loadAssetFile() {
|
|
const pngPath = directoryPath + "/" + assetFilePath;
|
|
return await new Promise((resolve, reject) => {
|
|
const img = new Image();
|
|
img.onload = () => resolve(img);
|
|
img.onerror = (e) => reject(new Error(`Failed to load asset file: ${pngPath}`));
|
|
img.src = pngPath;
|
|
});
|
|
}
|
|
async function readFromStream(stream) {
|
|
const canvas = new OffscreenCanvas(1, 1);
|
|
let offset = 0;
|
|
const count = stream.getUint8(0);
|
|
offset += 1;
|
|
const sliceInfos = /* @__PURE__ */ new Map();
|
|
for (let i = 0; i < count; i++) {
|
|
const sliceInfo = new SliceInfo();
|
|
const keyLength = stream.getUint8(offset);
|
|
offset += 1;
|
|
const key = new TextDecoder().decode(new Uint8Array(stream.buffer, offset, keyLength));
|
|
offset += keyLength;
|
|
const left = stream.getUint8(offset);
|
|
offset += 1;
|
|
const top = stream.getUint8(offset);
|
|
offset += 1;
|
|
const wh = stream.getUint16(offset, true);
|
|
offset += 2;
|
|
const width = wh & 31;
|
|
const height = wh >> 5 & 63;
|
|
sliceInfo.bounds = new Rect(left, top, width, height);
|
|
const hasCenter = (wh & 32768) !== 0;
|
|
const hasPivot = (wh & 16384) !== 0;
|
|
if (hasCenter) {
|
|
const centerByte = stream.getUint8(offset);
|
|
offset += 1;
|
|
const centerLeft = centerByte & 3;
|
|
const centerTop = centerByte >> 2 & 3;
|
|
const centerWidth = centerByte >> 4 & 3;
|
|
const centerHeight = centerByte >> 6 & 3;
|
|
sliceInfo.center = new Rect(centerLeft, centerTop, centerWidth, centerHeight);
|
|
}
|
|
if (hasPivot) {
|
|
const pivotByte = stream.getUint8(offset);
|
|
offset += 1;
|
|
let pivotLeft = pivotByte & 7;
|
|
let pivotTop = pivotByte >> 3 & 7;
|
|
if ((pivotByte & 128) !== 0) {
|
|
pivotLeft *= -1;
|
|
}
|
|
if ((pivotByte & 64) !== 0) {
|
|
pivotTop *= -1;
|
|
}
|
|
sliceInfo.pivot = new Point(pivotLeft, pivotTop);
|
|
}
|
|
canvas.width = width;
|
|
canvas.height = height;
|
|
const ctx = canvas.getContext("2d");
|
|
if (ctx === null) {
|
|
throw new Error("Failed to get 2D context");
|
|
}
|
|
ctx.clearRect(0, 0, width, height);
|
|
ctx.drawImage(assetFile, sliceInfo.bounds.left, sliceInfo.bounds.top, width, height, 0, 0, width, height);
|
|
const blob = await canvas.convertToBlob({
|
|
type: "image/png"
|
|
});
|
|
sliceInfo.blobUrl = URL.createObjectURL(blob);
|
|
sliceInfos.set(key, sliceInfo);
|
|
}
|
|
return sliceInfos;
|
|
}
|
|
var assetLoaded = false;
|
|
var assetFile = await loadAssetFile();
|
|
var slices = await readFromStream(new DataView(await (await fetch(directoryPath + "/" + slicesFilePath)).arrayBuffer())).finally(() => {
|
|
assetLoaded = true;
|
|
});
|
|
|
|
// Consts.ts
|
|
var Tab = /* @__PURE__ */ function(Tab2) {
|
|
Tab2["Sounds"] = "sounds";
|
|
Tab2["Rows"] = "rows";
|
|
Tab2["Actions"] = "actions";
|
|
Tab2["Decorations"] = "decorations";
|
|
Tab2["Rooms"] = "rooms";
|
|
Tab2["Windows"] = "windows";
|
|
Tab2["Unknown"] = "unknown";
|
|
return Tab2;
|
|
}({});
|
|
var SayReadyGetSetGoWords = /* @__PURE__ */ function(SayReadyGetSetGoWords2) {
|
|
SayReadyGetSetGoWords2["SayReaDyGetSetGoNew"] = "SayReaDyGetSetGoNew";
|
|
SayReadyGetSetGoWords2["SayReaDyGetSetOne"] = "SayReaDyGetSetOne";
|
|
SayReadyGetSetGoWords2["SayGetSetGo"] = "SayGetSetGo";
|
|
SayReadyGetSetGoWords2["SayGetSetOne"] = "SayGetSetOne";
|
|
SayReadyGetSetGoWords2["JustSayRea"] = "JustSayRea";
|
|
SayReadyGetSetGoWords2["JustSayDy"] = "JustSayDy";
|
|
SayReadyGetSetGoWords2["JustSayGet"] = "JustSayGet";
|
|
SayReadyGetSetGoWords2["JustSaySet"] = "JustSaySet";
|
|
SayReadyGetSetGoWords2["JustSayAnd"] = "JustSayAnd";
|
|
SayReadyGetSetGoWords2["JustSayGo"] = "JustSayGo";
|
|
SayReadyGetSetGoWords2["JustSayStop"] = "JustSayStop";
|
|
SayReadyGetSetGoWords2["JustSayAndStop"] = "JustSayAndStop";
|
|
SayReadyGetSetGoWords2["SaySwitch"] = "SaySwitch";
|
|
SayReadyGetSetGoWords2["SayWatch"] = "SayWatch";
|
|
SayReadyGetSetGoWords2["SayListen"] = "SayListen";
|
|
SayReadyGetSetGoWords2["Count1"] = "Count1";
|
|
SayReadyGetSetGoWords2["Count2"] = "Count2";
|
|
SayReadyGetSetGoWords2["Count3"] = "Count3";
|
|
SayReadyGetSetGoWords2["Count4"] = "Count4";
|
|
SayReadyGetSetGoWords2["Count5"] = "Count5";
|
|
SayReadyGetSetGoWords2["Count6"] = "Count6";
|
|
SayReadyGetSetGoWords2["Count7"] = "Count7";
|
|
SayReadyGetSetGoWords2["Count8"] = "Count8";
|
|
SayReadyGetSetGoWords2["Count9"] = "Count9";
|
|
SayReadyGetSetGoWords2["Count10"] = "Count10";
|
|
SayReadyGetSetGoWords2["SayReadyGetSetGo"] = "SayReadyGetSetGo";
|
|
SayReadyGetSetGoWords2["JustSayReady"] = "JustSayReady";
|
|
return SayReadyGetSetGoWords2;
|
|
}({});
|
|
var EventType = /* @__PURE__ */ function(EventType2) {
|
|
EventType2["AddClassicBeat"] = "AddClassicBeat";
|
|
EventType2["AddFreeTimeBeat"] = "AddFreeTimeBeat";
|
|
EventType2["AddOneshotBeat"] = "AddOneshotBeat";
|
|
EventType2["AdvanceText"] = "AdvanceText";
|
|
EventType2["BassDrop"] = "BassDrop";
|
|
EventType2["Blend"] = "Blend";
|
|
EventType2["CallCustomMethod"] = "CallCustomMethod";
|
|
EventType2["ChangeCharacter"] = "ChangeCharacter";
|
|
EventType2["ChangePlayersRows"] = "ChangePlayersRows";
|
|
EventType2["Comment"] = "Comment";
|
|
EventType2["CustomFlash"] = "CustomFlash";
|
|
EventType2["DesktopColor"] = "DesktopColor";
|
|
EventType2["FadeRoom"] = "FadeRoom";
|
|
EventType2["FinishLevel"] = "FinishLevel";
|
|
EventType2["Flash"] = "Flash";
|
|
EventType2["FlipScreen"] = "FlipScreen";
|
|
EventType2["FloatingText"] = "FloatingText";
|
|
EventType2["ForwardDecorationEvent"] = "ForwardDecorationEvent";
|
|
EventType2["ForwardEvent"] = "ForwardEvent";
|
|
EventType2["ForwardRowEvent"] = "ForwardRowEvent";
|
|
EventType2["HideRow"] = "HideRow";
|
|
EventType2["HideWindow"] = "HideWindow";
|
|
EventType2["InvertColors"] = "InvertColors";
|
|
EventType2["MacroEvent"] = "MacroEvent";
|
|
EventType2["MaskRoom"] = "MaskRoom";
|
|
EventType2["Move"] = "Move";
|
|
EventType2["MoveCamera"] = "MoveCamera";
|
|
EventType2["MoveRoom"] = "MoveRoom";
|
|
EventType2["MoveRow"] = "MoveRow";
|
|
EventType2["NarrateRowInfo"] = "NarrateRowInfo";
|
|
EventType2["NewWindowDance"] = "NewWindowDance";
|
|
EventType2["PaintHands"] = "PaintHands";
|
|
EventType2["PlayAnimation"] = "PlayAnimation";
|
|
EventType2["PlayExpression"] = "PlayExpression";
|
|
EventType2["PlaySong"] = "PlaySong";
|
|
EventType2["PlaySound"] = "PlaySound";
|
|
EventType2["PulseCamera"] = "PulseCamera";
|
|
EventType2["PulseFreeTimeBeat"] = "PulseFreeTimeBeat";
|
|
EventType2["ReadNarration"] = "ReadNarration";
|
|
EventType2["RenameWindow"] = "RenameWindow";
|
|
EventType2["ReorderRooms"] = "ReorderRooms";
|
|
EventType2["ReorderRow"] = "ReorderRow";
|
|
EventType2["ReorderSprite"] = "ReorderSprite";
|
|
EventType2["ReorderWindows"] = "ReorderWindows";
|
|
EventType2["SayReadyGetSetGo"] = "SayReadyGetSetGo";
|
|
EventType2["SetBackgroundColor"] = "SetBackgroundColor";
|
|
EventType2["SetBeatSound"] = "SetBeatSound";
|
|
EventType2["SetBeatsPerMinute"] = "SetBeatsPerMinute";
|
|
EventType2["SetClapSounds"] = "SetClapSounds";
|
|
EventType2["SetCountingSound"] = "SetCountingSound";
|
|
EventType2["SetCrotchetsPerBar"] = "SetCrotchetsPerBar";
|
|
EventType2["SetForeground"] = "SetForeground";
|
|
EventType2["SetGameSound"] = "SetGameSound";
|
|
EventType2["SetHandOwner"] = "SetHandOwner";
|
|
EventType2["SetHeartExplodeInterval"] = "SetHeartExplodeInterval";
|
|
EventType2["SetHeartExplodeVolume"] = "SetHeartExplodeVolume";
|
|
EventType2["SetMainWindow"] = "SetMainWindow";
|
|
EventType2["SetOneshotWave"] = "SetOneshotWave";
|
|
EventType2["SetPlayStyle"] = "SetPlayStyle";
|
|
EventType2["SetRoomContentMode"] = "SetRoomContentMode";
|
|
EventType2["SetRoomPerspective"] = "SetRoomPerspective";
|
|
EventType2["SetRowXs"] = "SetRowXs";
|
|
EventType2["SetSpeed"] = "SetSpeed";
|
|
EventType2["SetTheme"] = "SetTheme";
|
|
EventType2["SetVFXPreset"] = "SetVFXPreset";
|
|
EventType2["SetVisible"] = "SetVisible";
|
|
EventType2["SetWindowContent"] = "SetWindowContent";
|
|
EventType2["ShakeScreen"] = "ShakeScreen";
|
|
EventType2["ShakeScreenCustom"] = "ShakeScreenCustom";
|
|
EventType2["ShowDialogue"] = "ShowDialogue";
|
|
EventType2["ShowHands"] = "ShowHands";
|
|
EventType2["ShowRooms"] = "ShowRooms";
|
|
EventType2["ShowStatusSign"] = "ShowStatusSign";
|
|
EventType2["ShowSubdivisionsRows"] = "ShowSubdivisionsRows";
|
|
EventType2["SpinningRows"] = "SpinningRows";
|
|
EventType2["Stutter"] = "Stutter";
|
|
EventType2["TagAction"] = "TagAction";
|
|
EventType2["TextExplosion"] = "TextExplosion";
|
|
EventType2["Tile"] = "Tile";
|
|
EventType2["Tint"] = "Tint";
|
|
EventType2["TintRows"] = "TintRows";
|
|
EventType2["WindowResize"] = "WindowResize";
|
|
return EventType2;
|
|
}({});
|
|
var EventAttriblte = /* @__PURE__ */ function(EventAttriblte2) {
|
|
EventAttriblte2[EventAttriblte2["None"] = 0] = "None";
|
|
EventAttriblte2[EventAttriblte2["DurationEvent"] = 1] = "DurationEvent";
|
|
EventAttriblte2[EventAttriblte2["RoomEvent"] = 2] = "RoomEvent";
|
|
return EventAttriblte2;
|
|
}({});
|
|
var EventInfo = class {
|
|
defaultTab;
|
|
durationKey = "duration";
|
|
attr;
|
|
get isDurationEvent() {
|
|
return (this.attr & EventAttriblte.DurationEvent) !== 0;
|
|
}
|
|
get isRoomEvent() {
|
|
return (this.attr & EventAttriblte.RoomEvent) !== 0;
|
|
}
|
|
constructor(tab, enumAttriblte, durationKey) {
|
|
this.defaultTab = tab;
|
|
this.attr = enumAttriblte ?? EventAttriblte.None;
|
|
this.durationKey = durationKey ?? "duration";
|
|
}
|
|
};
|
|
var WordInfo = class {
|
|
phrase;
|
|
length;
|
|
constructor(phrase, length) {
|
|
this.phrase = phrase;
|
|
this.length = length;
|
|
}
|
|
};
|
|
var WordInfos = {
|
|
SayReaDyGetSetGoNew: new WordInfo("Rea, Dy, Get, Set, Go!", 4),
|
|
SayReaDyGetSetOne: new WordInfo("Rea, Dy, Get, Set, One!", 4),
|
|
SayGetSetGo: new WordInfo("Get, Set, Go!", 2),
|
|
SayGetSetOne: new WordInfo("Get, Set, One!", 2),
|
|
JustSayRea: new WordInfo("Rea", 0),
|
|
JustSayDy: new WordInfo("Dy", 0),
|
|
JustSayGet: new WordInfo("Get", 0),
|
|
JustSaySet: new WordInfo("Set", 0),
|
|
JustSayAnd: new WordInfo("And", 0),
|
|
JustSayGo: new WordInfo("Go!", 0),
|
|
JustSayStop: new WordInfo("Stop", 0),
|
|
JustSayAndStop: new WordInfo("And Stop!", 0),
|
|
SaySwitch: new WordInfo("Switch", 0),
|
|
SayWatch: new WordInfo("Watch", 0),
|
|
SayListen: new WordInfo("Listen", 0),
|
|
Count1: new WordInfo("1", 0),
|
|
Count2: new WordInfo("2", 0),
|
|
Count3: new WordInfo("3", 0),
|
|
Count4: new WordInfo("4", 0),
|
|
Count5: new WordInfo("5", 0),
|
|
Count6: new WordInfo("6", 0),
|
|
Count7: new WordInfo("7", 0),
|
|
Count8: new WordInfo("8", 0),
|
|
Count9: new WordInfo("9", 0),
|
|
Count10: new WordInfo("10", 0),
|
|
SayReadyGetSetGo: new WordInfo("Ready, Get, Set, Go!", 4),
|
|
JustSayReady: new WordInfo("Ready", 0)
|
|
};
|
|
var EventInfos = {
|
|
AddClassicBeat: new EventInfo(Tab.Rows),
|
|
AddFreeTimeBeat: new EventInfo(Tab.Rows),
|
|
AddOneshotBeat: new EventInfo(Tab.Rows),
|
|
AdvanceText: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
BassDrop: new EventInfo(Tab.Actions),
|
|
Blend: new EventInfo(Tab.Decorations),
|
|
CallCustomMethod: new EventInfo(Tab.Actions),
|
|
ChangeCharacter: new EventInfo(Tab.Actions),
|
|
ChangePlayersRows: new EventInfo(Tab.Actions),
|
|
Comment: new EventInfo(Tab.Unknown),
|
|
CustomFlash: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
DesktopColor: new EventInfo(Tab.Windows, EventAttriblte.DurationEvent, "duration"),
|
|
FadeRoom: new EventInfo(Tab.Rooms, EventAttriblte.DurationEvent, "duration"),
|
|
FinishLevel: new EventInfo(Tab.Actions),
|
|
Flash: new EventInfo(Tab.Actions),
|
|
FlipScreen: new EventInfo(Tab.Actions),
|
|
FloatingText: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
ForwardDecorationEvent: new EventInfo(Tab.Decorations),
|
|
ForwardEvent: new EventInfo(Tab.Unknown),
|
|
ForwardRowEvent: new EventInfo(Tab.Rows),
|
|
HideRow: new EventInfo(Tab.Actions),
|
|
HideWindow: new EventInfo(Tab.Windows),
|
|
InvertColors: new EventInfo(Tab.Actions),
|
|
MacroEvent: new EventInfo(Tab.Unknown),
|
|
MaskRoom: new EventInfo(Tab.Rooms),
|
|
Move: new EventInfo(Tab.Decorations, EventAttriblte.DurationEvent, "duration"),
|
|
MoveCamera: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
MoveRoom: new EventInfo(Tab.Rooms, EventAttriblte.DurationEvent, "duration"),
|
|
MoveRow: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
NarrateRowInfo: new EventInfo(Tab.Sounds),
|
|
NewWindowDance: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
PaintHands: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
PlayAnimation: new EventInfo(Tab.Decorations),
|
|
PlayExpression: new EventInfo(Tab.Actions),
|
|
PlaySong: new EventInfo(Tab.Sounds),
|
|
PlaySound: new EventInfo(Tab.Sounds),
|
|
PulseCamera: new EventInfo(Tab.Actions),
|
|
PulseFreeTimeBeat: new EventInfo(Tab.Rows),
|
|
ReadNarration: new EventInfo(Tab.Sounds),
|
|
RenameWindow: new EventInfo(Tab.Windows),
|
|
ReorderRooms: new EventInfo(Tab.Rooms),
|
|
ReorderRow: new EventInfo(Tab.Rows),
|
|
ReorderSprite: new EventInfo(Tab.Decorations),
|
|
ReorderWindows: new EventInfo(Tab.Windows),
|
|
SayReadyGetSetGo: new EventInfo(Tab.Sounds),
|
|
SetBackgroundColor: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
SetBeatSound: new EventInfo(Tab.Sounds),
|
|
SetBeatsPerMinute: new EventInfo(Tab.Sounds),
|
|
SetClapSounds: new EventInfo(Tab.Sounds),
|
|
SetCountingSound: new EventInfo(Tab.Sounds),
|
|
SetCrotchetsPerBar: new EventInfo(Tab.Sounds),
|
|
SetForeground: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
SetGameSound: new EventInfo(Tab.Sounds),
|
|
SetHandOwner: new EventInfo(Tab.Actions),
|
|
SetHeartExplodeInterval: new EventInfo(Tab.Sounds),
|
|
SetHeartExplodeVolume: new EventInfo(Tab.Sounds),
|
|
SetMainWindow: new EventInfo(Tab.Windows),
|
|
SetOneshotWave: new EventInfo(Tab.Rows),
|
|
SetPlayStyle: new EventInfo(Tab.Actions),
|
|
SetRoomContentMode: new EventInfo(Tab.Rooms),
|
|
SetRoomPerspective: new EventInfo(Tab.Rooms, EventAttriblte.DurationEvent, "duration"),
|
|
SetRowXs: new EventInfo(Tab.Rows),
|
|
SetSpeed: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
SetTheme: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
SetVFXPreset: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
SetVisible: new EventInfo(Tab.Decorations),
|
|
SetWindowContent: new EventInfo(Tab.Windows, EventAttriblte.DurationEvent, "duration"),
|
|
ShakeScreen: new EventInfo(Tab.Actions, EventAttriblte.RoomEvent),
|
|
ShakeScreenCustom: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
ShowDialogue: new EventInfo(Tab.Actions),
|
|
ShowHands: new EventInfo(Tab.Actions),
|
|
ShowRooms: new EventInfo(Tab.Rooms, EventAttriblte.DurationEvent, "duration"),
|
|
ShowStatusSign: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
ShowSubdivisionsRows: new EventInfo(Tab.Actions),
|
|
SpinningRows: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration"),
|
|
Stutter: new EventInfo(Tab.Actions),
|
|
TagAction: new EventInfo(Tab.Actions),
|
|
TextExplosion: new EventInfo(Tab.Actions),
|
|
Tile: new EventInfo(Tab.Decorations, EventAttriblte.DurationEvent, "duration"),
|
|
Tint: new EventInfo(Tab.Decorations, EventAttriblte.DurationEvent, "duration"),
|
|
TintRows: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent | EventAttriblte.RoomEvent, "duration"),
|
|
WindowResize: new EventInfo(Tab.Actions, EventAttriblte.DurationEvent, "duration")
|
|
};
|
|
|
|
// View.ts
|
|
var lineHeight = 6;
|
|
var charHeight = 8;
|
|
var iconSize = 14;
|
|
var IconStyle = class {
|
|
enabled = true;
|
|
active = false;
|
|
hover = false;
|
|
scale = 1;
|
|
showDuration = false;
|
|
};
|
|
function withState(color, active, enabled) {
|
|
return (enabled ? color : new Color(4286874756)).withAlpha(active ? 192 : 91);
|
|
}
|
|
function createLayer(key, bound, color, style) {
|
|
const layer = document.createElement("div");
|
|
const info = slices.get(key);
|
|
layer.style.position = "absolute";
|
|
layer.style.boxSizing = "content-box";
|
|
if (info?.isNinePatch) {
|
|
const center = info.center;
|
|
const width = bound?.width ?? info.bounds.width;
|
|
const height = bound?.height ?? info.bounds.height;
|
|
layer.style.left = `${(bound?.left ?? bound?.x ?? 0) * style.scale}px`;
|
|
layer.style.top = `${(bound?.top ?? bound?.y ?? 0) * style.scale}px`;
|
|
layer.style.borderStyle = "solid";
|
|
layer.style.borderWidth = `${center.top * style.scale}px ${(info.bounds.width - center.right) * style.scale}px ${(info.bounds.height - center.bottom) * style.scale}px ${center.left * style.scale}px`;
|
|
layer.style.borderImageSource = `url(${info.blobUrl})`;
|
|
layer.style.borderImageSlice = `${center.top} ${info.bounds.width - center.right} ${info.bounds.height - center.bottom} ${center.left} fill`;
|
|
layer.style.borderImageWidth = `1`;
|
|
layer.style.borderImageOutset = `0`;
|
|
layer.style.borderImageRepeat = `repeat`;
|
|
layer.style.width = `${(width - center.left - (info.bounds.width - center.right)) * style.scale}px`;
|
|
layer.style.height = `${(height - center.top - (info.bounds.height - center.bottom)) * style.scale}px`;
|
|
} else {
|
|
if (bound instanceof Rect) {
|
|
layer.style.left = `${(bound.left - (info?.pivot.x ?? 0)) * style.scale}px`;
|
|
layer.style.top = `${(bound.top - (info?.pivot.y ?? 0)) * style.scale}px`;
|
|
layer.style.width = `${(bound.width ?? info?.bounds.width ?? 0) * style.scale}px`;
|
|
layer.style.height = `${(bound.height ?? info?.bounds.height ?? 0) * style.scale}px`;
|
|
if (info) {
|
|
layer.style.backgroundImage = `url(${info.blobUrl})`;
|
|
}
|
|
layer.style.backgroundSize = `${(bound.width ?? info?.bounds.width ?? 0) * style.scale}px ${(bound.height ?? info?.bounds.height ?? 0) * style.scale}px`;
|
|
} else {
|
|
layer.style.left = `${((bound?.x ?? 0) - (info?.pivot.x ?? 0)) * style.scale}px`;
|
|
layer.style.top = `${((bound?.y ?? 0) - (info?.pivot.y ?? 0)) * style.scale}px`;
|
|
layer.style.width = `${(info?.bounds.width ?? 0) * style.scale}px`;
|
|
layer.style.height = `${(info?.bounds.height ?? 0) * style.scale}px`;
|
|
if (info) {
|
|
layer.style.backgroundImage = `url(${info.blobUrl})`;
|
|
}
|
|
layer.style.backgroundSize = `${(info?.bounds.width ?? 0) * style.scale}px ${(info?.bounds.height ?? 0) * style.scale}px`;
|
|
}
|
|
}
|
|
if (color && Color.White.equals(color) === false) {
|
|
const filterId = getColorMatrixId(color);
|
|
layer.style.filter = `url(#${filterId})`;
|
|
layer.onColorChange = (color2) => {
|
|
if (!color2) {
|
|
return;
|
|
}
|
|
const newFilterId = getColorMatrixId(color2);
|
|
layer.style.filter = `url(#${newFilterId})`;
|
|
};
|
|
} else {
|
|
}
|
|
return layer;
|
|
}
|
|
var colorMatrixIds = /* @__PURE__ */ new Map();
|
|
var colorMatrixCache = document.createElement("div");
|
|
document.body.appendChild(colorMatrixCache);
|
|
function getColorMatrixId(rgba) {
|
|
if (colorMatrixIds.has(rgba.toUint32())) {
|
|
return colorMatrixIds.get(rgba.toUint32());
|
|
}
|
|
const feColorMatrix = document.createElementNS("http://www.w3.org/2000/svg", "feColorMatrix");
|
|
feColorMatrix.setAttribute("type", "matrix");
|
|
const r = rgba.r / 255;
|
|
const g = rgba.g / 255;
|
|
const b = rgba.b / 255;
|
|
const a = rgba.a / 255;
|
|
feColorMatrix.setAttribute("values", `${r} 0 0 0 0 0 ${g} 0 0 0 0 0 ${b} 0 0 0 0 0 ${a} 0`);
|
|
const filter = document.createElementNS("http://www.w3.org/2000/svg", "filter");
|
|
filter.setAttribute("id", `filter_${rgba.toHexString()}`);
|
|
filter.appendChild(feColorMatrix);
|
|
const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
|
|
svg.setAttribute("width", "0");
|
|
svg.setAttribute("height", "0");
|
|
svg.appendChild(filter);
|
|
colorMatrixCache.appendChild(svg);
|
|
colorMatrixIds.set(rgba.toUint32(), filter.getAttribute("id"));
|
|
return filter.getAttribute("id");
|
|
}
|
|
function measureRDFontText(text) {
|
|
let len = 0;
|
|
for (let i = 0; i < text.length; i++) {
|
|
const char = text.charAt(i);
|
|
if (char === "\n") {
|
|
len = 0;
|
|
} else {
|
|
const charCode = char.charCodeAt(0);
|
|
const charKey = `char_${charCode.toString(16).padStart(4, "0")}`;
|
|
const charInfo = slices.get(charKey);
|
|
len += charInfo?.bounds.width ?? 0;
|
|
}
|
|
}
|
|
return len;
|
|
}
|
|
function createRDFontLayer(text, style, color) {
|
|
const lineHead = new Point(0, -charHeight);
|
|
const start = lineHead.clone();
|
|
const layer = document.createElement("div");
|
|
layer.style.position = "absolute";
|
|
for (let i = 0; i < text.length; i++) {
|
|
const char = text.charAt(i);
|
|
if (char === "\n") {
|
|
start.x = lineHead.x;
|
|
start.y += lineHeight * style.scale;
|
|
} else {
|
|
const charCode = char.charCodeAt(0);
|
|
const charKey = `char_${charCode.toString(16).padStart(4, "0")}`;
|
|
const charInfo = slices.get(charKey);
|
|
if (charInfo) {
|
|
const charLayer = createLayer(charKey, new Point(start.x, start.y), color, style);
|
|
start.x += charInfo.bounds.width * style.scale;
|
|
layer.appendChild(charLayer);
|
|
}
|
|
}
|
|
}
|
|
return layer;
|
|
}
|
|
function createBackLayer(size, color, style) {
|
|
const outline = "event_outline";
|
|
const back = "event_back";
|
|
const backLayer = createLayer(back, new Rect(1, 1, (size?.width ?? iconSize) - 2, (size?.height ?? iconSize) - 2), withState(color, style.active, style.enabled), style);
|
|
const outlineLayer = createLayer(outline, size ? new Rect(size) : null, new Color(style.active ? 4294967295 : 4289243304), style);
|
|
if (backLayer.onColorChange) {
|
|
backLayer.onStateChange = (style2) => backLayer.onColorChange(withState(color, style2.active, style2.enabled));
|
|
}
|
|
if (outlineLayer.onColorChange) {
|
|
outlineLayer.onStateChange = (style2) => outlineLayer.onColorChange(new Color(style2.active ? 4294967295 : 4289243304));
|
|
}
|
|
return [
|
|
backLayer,
|
|
outlineLayer
|
|
];
|
|
}
|
|
function colorOf(tab) {
|
|
switch (tab) {
|
|
case Tab.Sounds:
|
|
return new Color("d92433");
|
|
case Tab.Rows:
|
|
return new Color("2c4fdb");
|
|
case Tab.Actions:
|
|
return new Color("c544b3");
|
|
case Tab.Rooms:
|
|
return new Color("d8b811");
|
|
case Tab.Decorations:
|
|
return new Color("00c459");
|
|
case Tab.Windows:
|
|
return new Color("50b5d7");
|
|
default:
|
|
return new Color("7d7d7d");
|
|
}
|
|
}
|
|
function layerHoverInit(layer) {
|
|
layer.style.opacity = "0";
|
|
layer.onStateChange = (style) => {
|
|
if (style.hover) {
|
|
layer.style.opacity = "1.0";
|
|
} else {
|
|
layer.style.opacity = "0";
|
|
}
|
|
};
|
|
}
|
|
function createHintLayer(hint, width, color) {
|
|
const hintLayer = document.createElement("div");
|
|
hintLayer.style.position = "absolute";
|
|
hintLayer.style.left = `${width}px`;
|
|
hintLayer.style.width = `max-content`;
|
|
hintLayer.innerHTML = hint;
|
|
hintLayer.style.fontSize = `${18}px`;
|
|
hintLayer.style.fontFamily = "d9, Arial, sans-serif";
|
|
hintLayer.style.color = color.toRgbaString();
|
|
hintLayer.style.fontWeight = "bold";
|
|
hintLayer.style.textShadow = `
|
|
2px 2px 0 black,
|
|
2px 0px 0 black,
|
|
2px -2px 0 black,
|
|
0px -2px 0 black,
|
|
-2px -2px 0 black,
|
|
-2px 0px 0 black,
|
|
-2px 2px 0 black,
|
|
0px 2px 0 black
|
|
`;
|
|
hintLayer.style.pointerEvents = "none";
|
|
hintLayer.style.opacity = "0";
|
|
hintLayer.style.zIndex = "10";
|
|
hintLayer.onStateChange = (style) => {
|
|
if (style.hover) {
|
|
hintLayer.style.opacity = "1.0";
|
|
} else {
|
|
hintLayer.style.opacity = "0";
|
|
}
|
|
};
|
|
return hintLayer;
|
|
}
|
|
function createElementEvent(obj, style) {
|
|
style = {
|
|
...new IconStyle(),
|
|
...style
|
|
};
|
|
const evttype = obj.type ?? EventType.ForwardEvent;
|
|
let key0 = `event_${obj.type}`;
|
|
if (!slices.has(key0)) {
|
|
if (!slices.has("event_Unknown")) {
|
|
return null;
|
|
}
|
|
key0 = "event_Unknown";
|
|
}
|
|
const info = slices.get(key0);
|
|
if (!info) {
|
|
console.warn(`Slice info for event type ${evttype} not found.`);
|
|
return null;
|
|
}
|
|
const evttypeEnum = EventType[evttype];
|
|
const evinfo = EventInfos[evttypeEnum];
|
|
const key = "event_" + evttype;
|
|
const pulse = "event_beat_pulse";
|
|
const hit = "event_beat_hit";
|
|
const hitf = "event_beat_hit_freeze";
|
|
const hitb = "event_beat_hit_burn";
|
|
const beatcross = "event_beat_cross";
|
|
const beatx = "event_beat_x";
|
|
const beatsynco = "event_beat_synco";
|
|
const beatline = "event_beat_line";
|
|
const evtag = "event_tag";
|
|
const evbarea = "event_beat_area";
|
|
const evbskip = "event_beat_skip";
|
|
const beatColor = new Color(4284539717);
|
|
const element = document.createElement("div");
|
|
const internalLayers = [];
|
|
if (evttype === EventType.NewWindowDance) {
|
|
obj.tab = obj.customTab ?? Tab.Windows;
|
|
}
|
|
function addLayers(layers) {
|
|
for (const layer of layers) {
|
|
if (layer) {
|
|
element.appendChild(layer);
|
|
internalLayers.push(layer);
|
|
}
|
|
}
|
|
}
|
|
element.style.imageRendering = "pixelated";
|
|
switch (evttype) {
|
|
case EventType.AddClassicBeat:
|
|
{
|
|
const tick = obj.tick ?? 1;
|
|
const swing = (obj.swing ?? 0) || 1;
|
|
const hold = obj.hold ?? 0;
|
|
const syncoSwing = obj.syncoSwing ?? 0;
|
|
const prexs = obj.preXs ?? {
|
|
syncoBeat: -1,
|
|
syncoSwing: 0
|
|
};
|
|
const length = obj.length ?? 7;
|
|
const iconWidth = iconSize * (tick * (length - 1 - prexs.syncoSwing));
|
|
const holdBar = hold > 0 ? createLayer(evbarea, new Rect(iconWidth, 0, iconSize * hold, iconSize), new Color(style.active ? 4291839731 : 4286462352), style) : null;
|
|
if (holdBar) {
|
|
holdBar.style.pointerEvents = "none";
|
|
}
|
|
const backLayers2 = createBackLayer(new Size(iconWidth, iconSize), colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
const pulses = [];
|
|
for (let i = 0; i < length - 1; i++) {
|
|
const pulseLayer = createLayer(pulse, new Point(iconSize * (tick * (i + i % 2 * (1 - swing) - (i <= prexs.syncoBeat ? 0 : prexs.syncoSwing))), 0), null, style);
|
|
layerHoverInit(pulseLayer);
|
|
pulses.push(pulseLayer);
|
|
}
|
|
const hitLayer = createLayer(hit, new Point(iconSize * (tick * (length - 1 - (prexs.syncoSwing ?? 0))) - 1, 0), null, style);
|
|
addLayers([
|
|
holdBar,
|
|
...backLayers2,
|
|
...pulses,
|
|
hitLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.AddOneshotBeat:
|
|
{
|
|
const tick = obj.tick ?? 1;
|
|
const interval = obj.interval ?? 2;
|
|
const loop = obj.loops ?? 0;
|
|
const subdiv = obj.subdivisions ?? 1;
|
|
const hold = obj.hold ?? false;
|
|
const skip = obj.skipshot ?? false;
|
|
const mode = obj.freezeBurnMode ?? null;
|
|
const delay = obj.freezeBurnMode === "Freezeshot" ? obj.delay ?? 0 : 0;
|
|
const subdivWidth = iconSize * (subdiv - 1) / subdiv * tick;
|
|
const eventWidth = iconSize * (interval * loop + tick + delay);
|
|
const off = interval - tick;
|
|
const backLayers2 = createBackLayer(new Size(eventWidth, iconSize), colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
const holdWidth = hold ? iconSize * (interval - tick - delay) : 0;
|
|
const holdLayer = hold && holdWidth - subdivWidth > 0 ? createLayer(evbarea, new Rect(eventWidth + subdivWidth, 0, holdWidth - subdivWidth, iconSize), new Color(style.enabled ? 4291839731 : 4285493103), style) : null;
|
|
const subdivLayer = subdiv > 1 ? createLayer(evbarea, new Rect(eventWidth, 0, subdivWidth, iconSize), new Color(style.enabled ? 4279480353 : 4285493103), style) : null;
|
|
const skipshotLayer = skip ? createLayer(evbarea, new Rect(eventWidth + Math.max(subdivWidth, holdWidth), 0, iconSize * (interval - delay) - Math.max(subdivWidth, holdWidth), iconSize), new Color(style.enabled ? 4291115835 : 4285493103), style) : null;
|
|
const skipHitLayer = skip ? createLayer(evbskip, new Point(eventWidth + iconSize * (interval - delay) - 1, 0), null, style) : null;
|
|
if (holdLayer) holdLayer.style.pointerEvents = "none";
|
|
if (subdivLayer) subdivLayer.style.pointerEvents = "none";
|
|
if (skipshotLayer) skipshotLayer.style.pointerEvents = "none";
|
|
if (skipHitLayer) skipHitLayer.style.pointerEvents = "none";
|
|
const pulses = [];
|
|
const crossLayers = [];
|
|
const posx = -off * iconSize;
|
|
const hittype = mode === "Freezeshot" ? hitf : hitb;
|
|
for (let l = 0; l <= loop; l++) {
|
|
for (let i = 0; i < subdiv; i++) {
|
|
const pulseLayer = createLayer(pulse, new Point(iconSize * (l * interval + i * tick / subdiv), 0), null, style);
|
|
layerHoverInit(pulseLayer);
|
|
pulses.push(pulseLayer);
|
|
}
|
|
for (let i = 0; i < subdiv; i++) {
|
|
const hitLayer2 = createLayer(hit, new Point(iconSize * (l * interval + delay + tick + i * tick / subdiv) - 1, 0), null, style);
|
|
pulses.push(hitLayer2);
|
|
}
|
|
const crossLayer1 = mode || hold ? createLayer(beatcross, new Point(iconSize * l * interval + posx - 1, 0), null, style) : null;
|
|
const crossLayer2 = mode ? createLayer(beatcross, new Point(iconSize * (l - (mode === "Freezeshot" ? 0 : 1)) * interval - 1, 0), null, style) : null;
|
|
const hitLayer = createLayer(hittype, new Point(iconSize * (l * interval + tick) - 1, 0), null, style);
|
|
if (crossLayer1) {
|
|
layerHoverInit(crossLayer1);
|
|
crossLayers.push(crossLayer1);
|
|
}
|
|
if (crossLayer2) {
|
|
layerHoverInit(crossLayer2);
|
|
crossLayers.push(crossLayer2);
|
|
}
|
|
pulses.push(hitLayer);
|
|
}
|
|
const loopLayer = createLayer("event_beat_loop", new Point(eventWidth, 0), null, style);
|
|
loopLayer.style.opacity = "0";
|
|
loopLayer.style.zIndex = "5";
|
|
loopLayer.onStateChange = (style2) => {
|
|
if (style2.hover) {
|
|
loopLayer.style.opacity = "1.0";
|
|
} else {
|
|
loopLayer.style.opacity = "0";
|
|
}
|
|
};
|
|
addLayers([
|
|
...backLayers2,
|
|
holdLayer,
|
|
subdivLayer,
|
|
skipshotLayer,
|
|
skipHitLayer,
|
|
...pulses,
|
|
loopLayer,
|
|
...crossLayers
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.AddFreeTimeBeat:
|
|
{
|
|
const hold = obj.hold ?? 0;
|
|
const holdLayer = hold > 0 ? createLayer(evbarea, new Rect(info.bounds.width, 0, iconSize * hold - info.bounds.width, iconSize), new Color(style.active ? 4291839731 : 4286462352), style) : null;
|
|
if (holdLayer) {
|
|
holdLayer.style.pointerEvents = "none";
|
|
}
|
|
const backLayers2 = createBackLayer(new Size(info.bounds.width, iconSize), beatColor, style);
|
|
const hitLayer = obj.pulse === 6 ? createLayer(hit, new Point(0, 0), null, style) : null;
|
|
const textLayer = createRDFontLayer(((obj.pulse ?? 0) + 1).toString(), style, null);
|
|
textLayer.style.left = `${1.5 * style.scale}px`;
|
|
textLayer.style.top = `${10 * style.scale}px`;
|
|
addLayers([
|
|
holdLayer,
|
|
...backLayers2,
|
|
hitLayer,
|
|
textLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.Comment:
|
|
{
|
|
const backLayers2 = createBackLayer(info.bounds.size, new Color(obj.color ?? "7d7d7d"), style);
|
|
const iconLayer = createLayer(key, null, null, style);
|
|
addLayers([
|
|
...backLayers2,
|
|
iconLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.DesktopColor:
|
|
{
|
|
const backLayers2 = createBackLayer(info.bounds.size, colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
console.log(info.bounds.size);
|
|
const iconColorLayer = createLayer(`${key}_0`, new Point(0, iconSize), new Color(obj.endColor ?? "ffffff"), style);
|
|
const iconLayer = createLayer(`${key}_1`, new Point(0, iconSize), null, style);
|
|
addLayers([
|
|
...backLayers2,
|
|
iconColorLayer,
|
|
iconLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.PulseFreeTimeBeat:
|
|
{
|
|
const hold = obj.hold ?? 0;
|
|
const holdLayer = hold > 0 ? createLayer(evbarea, new Rect(info.bounds.width, 0, iconSize * hold - info.bounds.width, info.bounds.height), new Color(style.active ? 4291839731 : 4286462352), style) : null;
|
|
if (holdLayer) {
|
|
holdLayer.style.pointerEvents = "none";
|
|
}
|
|
const backLayers2 = createBackLayer(new Size(info.bounds.width, info.bounds.height), beatColor, style);
|
|
const hitLayer = obj.pulse === 6 ? createLayer(hit, new Point(0, 0), null, style) : null;
|
|
let text = "";
|
|
switch (obj.action) {
|
|
case "Custom":
|
|
text = ((obj.customPulse ?? 0) + 1).toString();
|
|
break;
|
|
case "Increment":
|
|
text = ">";
|
|
break;
|
|
case "Decrement":
|
|
text = "<";
|
|
break;
|
|
case "Remove":
|
|
text = "x";
|
|
break;
|
|
}
|
|
const textLayer = createRDFontLayer(text, style, null);
|
|
textLayer.style.left = `${1.5 * style.scale}px`;
|
|
textLayer.style.top = `${10 * style.scale}px`;
|
|
addLayers([
|
|
holdLayer,
|
|
...backLayers2,
|
|
hitLayer,
|
|
textLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.ReorderRooms:
|
|
case EventType.ReorderWindows:
|
|
{
|
|
const backLayers2 = createBackLayer(info.bounds.size, colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
const orderLayers = [];
|
|
const order = obj.order ?? [
|
|
0,
|
|
1,
|
|
2,
|
|
3
|
|
];
|
|
for (let i = 0; i < order.length; i++) {
|
|
{
|
|
const orderLayer = createLayer(`${key}_${order[i]}`, new Point(0, i * iconSize), null, style);
|
|
orderLayers.push(orderLayer);
|
|
}
|
|
}
|
|
addLayers([
|
|
...backLayers2,
|
|
...orderLayers
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.SayReadyGetSetGo:
|
|
{
|
|
const wordInfo = WordInfos[obj.phraseToSay ?? SayReadyGetSetGoWords.JustSayGo];
|
|
const len = wordInfo.length * (obj.tick ?? 0) + 1;
|
|
const stringToJoin = wordInfo.phrase.split(" ");
|
|
const stringToDraw = [
|
|
stringToJoin[0]
|
|
];
|
|
let lw = measureRDFontText(stringToJoin[0]);
|
|
const sw = measureRDFontText(" ");
|
|
const backLayers2 = createBackLayer(new Size(len * iconSize, iconSize), colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
const wordLayers = [];
|
|
for (let i = 1; i < stringToJoin.length; i++) {
|
|
const part = stringToJoin[i];
|
|
const w = measureRDFontText(part);
|
|
if (lw + sw + w > len * iconSize * style.scale) {
|
|
lw = w;
|
|
stringToDraw.push(part);
|
|
} else {
|
|
lw += sw + w;
|
|
stringToDraw[stringToDraw.length - 1] += " " + part;
|
|
}
|
|
}
|
|
const c = Math.min(stringToDraw.length, 3);
|
|
let top = iconSize / 2 - charHeight * c / 4 + 1;
|
|
for (let i = 0; i < c; i++) {
|
|
const line = stringToDraw[i];
|
|
const p = new Point((len * iconSize - measureRDFontText(line) / 2) / 2, top + (i * charHeight + lineHeight) / 2);
|
|
const wordLayer = createRDFontLayer(line, {
|
|
...style,
|
|
scale: style.scale / 2
|
|
}, null);
|
|
wordLayer.style.left = `${p.x * style.scale}px`;
|
|
wordLayer.style.top = `${p.y * style.scale}px`;
|
|
wordLayers.push(wordLayer);
|
|
}
|
|
addLayers([
|
|
...backLayers2,
|
|
...wordLayers
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.SetRowXs:
|
|
{
|
|
const syncoBeat = obj.syncoBeat ?? -1;
|
|
const width = info.bounds.width / 6;
|
|
const iconBounds = slices.get(beatx).bounds;
|
|
const s = width / iconBounds.width;
|
|
let left = 0;
|
|
const top = iconSize / 2 - iconBounds.height * s / 2;
|
|
const patternLayers = [];
|
|
const backLayers2 = createBackLayer(new Size(info.bounds.width, info.bounds.height), colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
for (let p of obj.pattern) {
|
|
const beatxLayer = createLayer(p === "x" ? beatx : beatline, new Rect(left, top, width, iconBounds.height * s), null, style);
|
|
patternLayers.push(beatxLayer);
|
|
left += width;
|
|
}
|
|
const syncoBeatLayer = syncoBeat >= 0 ? createLayer(beatsynco, new Rect(width * syncoBeat, top, width, iconBounds.height * s), null, style) : null;
|
|
addLayers([
|
|
...backLayers2,
|
|
...patternLayers,
|
|
syncoBeatLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.ShowRooms:
|
|
{
|
|
const backLayers2 = createBackLayer(new Size(iconSize, iconSize * 4), colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
const roomLayers = [];
|
|
for (let i = 0; i < 4; i++) {
|
|
const roomLayer = createLayer(`${key}_${obj.rooms.indexOf(i) >= 0 ? "1" : "0"}`, new Point(0, i * iconSize * style.scale), null, {
|
|
...style,
|
|
scale: style.scale / 2
|
|
});
|
|
roomLayers.push(roomLayer);
|
|
}
|
|
addLayers([
|
|
...backLayers2,
|
|
...roomLayers
|
|
]);
|
|
}
|
|
break;
|
|
default:
|
|
const backLayers = createBackLayer(info.bounds.size, colorOf(obj.tab ?? evinfo.defaultTab), style);
|
|
addLayers(backLayers);
|
|
switch (evttype) {
|
|
case EventType.CustomFlash:
|
|
const iconLayer = createLayer(key, null, null, style);
|
|
const startColorLayer = createLayer(`${key}_0`, null, new Color(obj.startColor ?? "000000").withAlpha((obj.startOpacity ?? 0) * 255), style);
|
|
const endColorLayer = createLayer(`${key}_1`, null, new Color(obj.endColor ?? "000000").withAlpha((obj.endOpacity ?? 0) * 255), style);
|
|
addLayers([
|
|
iconLayer,
|
|
startColorLayer,
|
|
endColorLayer
|
|
]);
|
|
break;
|
|
case EventType.FlipScreen:
|
|
{
|
|
const flip = (obj.flipX ? 1 : 0) | (obj.flipY ? 2 : 0);
|
|
const iconLayer2 = createLayer(flip === 0 ? `${key}_0` : `${key}_${flip - 1}`, null, null, style);
|
|
addLayers([
|
|
iconLayer2
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.FloatingText:
|
|
{
|
|
const backColorLayer = createLayer(`${key}_0`, null, Color.FromRgba(obj.color ?? "FFFFFFFF"), style);
|
|
const foreColorLayer = createLayer(`${key}_1`, null, Color.FromRgba(obj.outlineColor ?? "FFFFFFFF"), style);
|
|
addLayers([
|
|
backColorLayer,
|
|
foreColorLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.MoveRoom:
|
|
{
|
|
const degree = obj.angle ?? 0;
|
|
const radius = -degree * Math.PI / 180;
|
|
let width = (obj.scale ? obj.scale[0] ?? 0 : 100) / 100;
|
|
let height = (obj.scale ? obj.scale[1] ?? 0 : 100) / 100;
|
|
const pleft = (obj.pivot ? obj.pivot[0] ?? 0 : 50) / 100;
|
|
const ptop = (obj.pivot ? obj.pivot[1] ?? 0 : 50) / 100;
|
|
if (width === 0 || height === 0) break;
|
|
const uniform = Math.sqrt(width * width + height * height);
|
|
width /= uniform;
|
|
height /= uniform;
|
|
const roomLayer = createLayer(key, new Rect(iconSize / 2, iconSize / 2, iconSize * width, iconSize * height), null, style);
|
|
let pivotx = width * (1 - pleft * 2);
|
|
let pivoty = height * (1 - ptop * 2);
|
|
const widthrotated = pivotx * Math.cos(radius) + pivoty * Math.sin(radius);
|
|
const heightrotated = -pivotx * Math.sin(radius) + pivoty * Math.cos(radius);
|
|
const pointLayer = document.createElement("div");
|
|
pointLayer.style.position = "absolute";
|
|
pointLayer.style.width = `${style.scale}px`;
|
|
pointLayer.style.height = `${style.scale}px`;
|
|
pointLayer.style.left = `${iconSize * (1 - widthrotated) * style.scale / 2}px`;
|
|
pointLayer.style.top = `${iconSize * (1 + heightrotated) * style.scale / 2}px`;
|
|
pointLayer.style.backgroundColor = "#FF0000";
|
|
roomLayer.style.transform = `translate(-50%, -50%) rotate(${-degree}deg)`;
|
|
addLayers([
|
|
roomLayer,
|
|
pointLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.PaintHands:
|
|
case EventType.Tint:
|
|
case EventType.TintRows:
|
|
{
|
|
const border = obj.border;
|
|
const backColorLayer = createLayer(key, null, Color.FromRgba(obj.tintColor ?? "FFFFFFFF"), style);
|
|
const foreColorLayer = border ? createLayer(border === "Outline" ? `${key}_0` : border === "Glow" ? `${key}_1` : "", null, Color.FromRgba(obj.borderColor ?? "FFFFFFFF"), style) : null;
|
|
addLayers([
|
|
backColorLayer,
|
|
foreColorLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.SetBackgroundColor:
|
|
{
|
|
const backType = obj.backgroundType ?? "Color";
|
|
const iconLayer2 = createLayer(key, null, null, style);
|
|
const images = obj.image ?? [];
|
|
const imagePath = images.length > 0 ? images[0] : "";
|
|
const contentInfo = slices.get(`${key}_1`);
|
|
const colorLayer = createLayer(`${key}_0`, null, Color.FromRgba((backType === "Color" ? obj.color : null) ?? "FFFFFF"), style);
|
|
const contentLayer = backType === "Image" ? createLayer("", contentInfo?.bounds ? new Rect(contentInfo?.bounds.size) : null, null, style) : null;
|
|
if (backType === "Image" && contentLayer) {
|
|
contentLayer.style.backgroundImage = `url(${imagePath})`;
|
|
contentLayer.style.left = `${-(contentInfo?.pivot.x ?? 0) * style.scale}px`;
|
|
contentLayer.style.top = `${-(contentInfo?.pivot.y ?? 0) * style.scale}px`;
|
|
}
|
|
addLayers([
|
|
iconLayer2,
|
|
colorLayer,
|
|
contentLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.SetCrotchetsPerBar:
|
|
{
|
|
const cpb = obj.crotchetsPerBar ?? 0;
|
|
const iconLayer2 = createLayer(key, null, null, style);
|
|
const cpbLayer = createRDFontLayer(cpb > 9 ? "-" : cpb.toString(), style, Color.Black);
|
|
const bLayer = createRDFontLayer("4", style, Color.Black);
|
|
cpbLayer.style.left = `${2 * style.scale}px`;
|
|
cpbLayer.style.top = `${9 * style.scale}px`;
|
|
bLayer.style.left = `${8 * style.scale}px`;
|
|
bLayer.style.top = `${14 * style.scale}px`;
|
|
addLayers([
|
|
iconLayer2,
|
|
cpbLayer,
|
|
bLayer
|
|
]);
|
|
}
|
|
break;
|
|
case EventType.SetForeground:
|
|
{
|
|
const iconLayer2 = createLayer(key, null, null, style);
|
|
const images = obj.image ?? [];
|
|
const imagePath = images.length > 0 ? images[0] : "";
|
|
const contentInfo = slices.get(`${key}_1`);
|
|
const colorLayer = imagePath ? createLayer(`${key}_0`, null, Color.Black, style) : null;
|
|
const contentLayer = imagePath ? createLayer("", contentInfo?.bounds ? new Rect(contentInfo?.bounds.size) : null, null, style) : null;
|
|
if (contentLayer) {
|
|
contentLayer.style.backgroundImage = `url(${imagePath})`;
|
|
contentLayer.style.left = `${-(contentInfo?.pivot.x ?? 0) * style.scale}px`;
|
|
contentLayer.style.top = `${-(contentInfo?.pivot.y ?? 0) * style.scale}px`;
|
|
}
|
|
addLayers([
|
|
iconLayer2,
|
|
colorLayer,
|
|
contentLayer
|
|
]);
|
|
}
|
|
break;
|
|
default:
|
|
const layer = createLayer(key, null, null, style);
|
|
addLayers([
|
|
layer
|
|
]);
|
|
break;
|
|
}
|
|
break;
|
|
}
|
|
if (evinfo.isDurationEvent) {
|
|
const duration = obj[evinfo.durationKey] ?? 0;
|
|
const durWidth = iconSize * duration;
|
|
const durationLayer = durWidth > info.bounds.width ? createLayer(evbarea, new Rect(info.bounds.width, 0, durWidth - info.bounds.width, info.bounds.height), colorOf(obj.tab ?? evinfo.defaultTab), style) : null;
|
|
if (durationLayer) {
|
|
durationLayer.style.pointerEvents = "none";
|
|
layerHoverInit(durationLayer);
|
|
}
|
|
addLayers([
|
|
durationLayer
|
|
]);
|
|
}
|
|
const rooms = obj.rooms ?? [];
|
|
const roomEnabled = new Color(4292392977);
|
|
const roomDisabled = new Color(4284177243);
|
|
if (evinfo.isRoomEvent) {
|
|
const roomLayers = [];
|
|
for (let i = 0; i < 4; i++) {
|
|
const roomLayer = createLayer(`room_${i}`, new Point(iconSize, 0), rooms.indexOf(i) > -1 ? roomEnabled : roomDisabled, style);
|
|
if (roomLayer) {
|
|
layerHoverInit(roomLayer);
|
|
}
|
|
roomLayers.push(roomLayer);
|
|
}
|
|
const roomTopLayer = rooms.indexOf(4) > -1 ? createLayer(`room_top`, new Point(iconSize, 0), roomEnabled, style) : null;
|
|
if (roomTopLayer) {
|
|
layerHoverInit(roomTopLayer);
|
|
}
|
|
roomLayers.push(roomTopLayer);
|
|
addLayers(roomLayers);
|
|
}
|
|
const condition = obj.if ?? "";
|
|
if (condition.length > 0) {
|
|
const positive = /(?<!~)\d(?!$)/g.test(condition);
|
|
const negative = /~\d(?!$)/g.test(condition);
|
|
const conditionLayer = createLayer(evtag, null, positive ? negative ? new Color(4294967040) : new Color(4278255615) : negative ? new Color(4294901760) : null, style);
|
|
addLayers([
|
|
conditionLayer
|
|
]);
|
|
}
|
|
const tagLayer = obj.tag ? createLayer(`${evtag}_0`, new Point(0, info.bounds.height), new Color(4294952838), style) : null;
|
|
addLayers([
|
|
tagLayer
|
|
]);
|
|
switch (evttype) {
|
|
case EventType.Comment:
|
|
addLayers([
|
|
createHintLayer(obj.text ?? "", info.bounds.width * style.scale, new Color(obj.color ?? "7d7d7d"))
|
|
]);
|
|
break;
|
|
case EventType.FloatingText:
|
|
case EventType.AdvanceText:
|
|
case EventType.ShowStatusSign:
|
|
case EventType.TextExplosion:
|
|
case EventType.ShowDialogue:
|
|
case EventType.ReadNarration:
|
|
case EventType.RenameWindow:
|
|
addLayers([
|
|
createHintLayer(obj.text ?? "", info.bounds.width * style.scale, colorOf(obj.tab ?? evinfo.defaultTab))
|
|
]);
|
|
break;
|
|
case EventType.PlaySong:
|
|
addLayers([
|
|
createHintLayer(obj.song?.filename ?? "", info.bounds.width * style.scale, colorOf(obj.tab ?? evinfo.defaultTab))
|
|
]);
|
|
break;
|
|
case EventType.CallCustomMethod:
|
|
addLayers([
|
|
createHintLayer(obj.methodName ?? "", info.bounds.width * style.scale, colorOf(obj.tab ?? evinfo.defaultTab))
|
|
]);
|
|
break;
|
|
case EventType.TagAction:
|
|
addLayers([
|
|
createHintLayer(obj.Tag ?? "", info.bounds.width * style.scale, colorOf(obj.tab ?? evinfo.defaultTab))
|
|
]);
|
|
break;
|
|
case EventType.PlayAnimation:
|
|
case EventType.PlayExpression:
|
|
addLayers([
|
|
createHintLayer(obj.expression ?? "", info.bounds.width * style.scale, colorOf(obj.tab ?? evinfo.defaultTab))
|
|
]);
|
|
break;
|
|
}
|
|
element.onStateChange = (style2) => {
|
|
style2 = {
|
|
...style2
|
|
};
|
|
internalLayers.forEach((layer) => {
|
|
if (layer.onStateChange) {
|
|
layer.onStateChange(style2);
|
|
}
|
|
});
|
|
};
|
|
return element;
|
|
}
|
|
export {
|
|
createElementEvent
|
|
};
|