remove debug prints, axe testbed-only APIs
This commit is contained in:
parent
f720acc738
commit
b6b069450d
3 changed files with 103 additions and 119 deletions
|
@ -13,6 +13,7 @@ function dwAlign(off: number): number {
|
||||||
return ul;
|
return ul;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// animation state (used during animation playback)
|
||||||
class AgentAnimationState {
|
class AgentAnimationState {
|
||||||
char: Agent;
|
char: Agent;
|
||||||
anim: AcsAnimation;
|
anim: AcsAnimation;
|
||||||
|
@ -36,16 +37,16 @@ class AgentAnimationState {
|
||||||
nextFrame() {
|
nextFrame() {
|
||||||
this.char.renderFrame(this.anim.frameInfo[this.frameIndex++]);
|
this.char.renderFrame(this.anim.frameInfo[this.frameIndex++]);
|
||||||
|
|
||||||
if(this.frameIndex >= this.anim.frameInfo.length) {
|
if (this.frameIndex >= this.anim.frameInfo.length) {
|
||||||
this.finishCallback();
|
this.finishCallback();
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
//@ts-ignore
|
//@ts-ignore
|
||||||
this.interval = setTimeout(() => {
|
this.interval = setTimeout(() => {
|
||||||
this.nextFrame();
|
this.nextFrame();
|
||||||
}, this.anim.frameInfo[this.frameIndex].frameDuration * 10)
|
}, this.anim.frameInfo[this.frameIndex].frameDuration * 10);
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export class Agent {
|
export class Agent {
|
||||||
|
@ -74,11 +75,15 @@ export class Agent {
|
||||||
this.setLoc();
|
this.setLoc();
|
||||||
this.cnv.addEventListener('mousedown', () => {
|
this.cnv.addEventListener('mousedown', () => {
|
||||||
this.dragging = true;
|
this.dragging = true;
|
||||||
document.addEventListener('mouseup', () => {
|
document.addEventListener(
|
||||||
|
'mouseup',
|
||||||
|
() => {
|
||||||
this.dragging = false;
|
this.dragging = false;
|
||||||
}, {once: true});
|
},
|
||||||
|
{ once: true }
|
||||||
|
);
|
||||||
});
|
});
|
||||||
document.addEventListener('mousemove', e => {
|
document.addEventListener('mousemove', (e) => {
|
||||||
if (!this.dragging) return;
|
if (!this.dragging) return;
|
||||||
this.x += e.movementX;
|
this.x += e.movementX;
|
||||||
this.y += e.movementY;
|
this.y += e.movementY;
|
||||||
|
@ -94,8 +99,8 @@ export class Agent {
|
||||||
if (this.y < 0) this.y = 0;
|
if (this.y < 0) this.y = 0;
|
||||||
if (this.x > document.documentElement.clientWidth - this.cnv.width) this.x = document.documentElement.clientWidth - this.cnv.width;
|
if (this.x > document.documentElement.clientWidth - this.cnv.width) this.x = document.documentElement.clientWidth - this.cnv.width;
|
||||||
if (this.y > document.documentElement.clientHeight - this.cnv.height) this.y = document.documentElement.clientHeight - this.cnv.height;
|
if (this.y > document.documentElement.clientHeight - this.cnv.height) this.y = document.documentElement.clientHeight - this.cnv.height;
|
||||||
this.cnv.style.top = this.y + "px";
|
this.cnv.style.top = this.y + 'px';
|
||||||
this.cnv.style.left = this.x + "px";
|
this.cnv.style.left = this.x + 'px';
|
||||||
}
|
}
|
||||||
|
|
||||||
renderFrame(frame: AcsAnimationFrameInfo) {
|
renderFrame(frame: AcsAnimationFrameInfo) {
|
||||||
|
@ -149,8 +154,7 @@ export class Agent {
|
||||||
|
|
||||||
// add promise versions later.
|
// add promise versions later.
|
||||||
playAnimation(index: number, finishCallback: () => void) {
|
playAnimation(index: number, finishCallback: () => void) {
|
||||||
if(this.animState != null)
|
if (this.animState != null) throw new Error('Cannot play multiple animations at once.');
|
||||||
throw new Error('Cannot play multiple animations at once.');
|
|
||||||
let animInfo = this.data.animInfo[index];
|
let animInfo = this.data.animInfo[index];
|
||||||
|
|
||||||
// Create and start the animation state
|
// Create and start the animation state
|
||||||
|
@ -163,8 +167,7 @@ export class Agent {
|
||||||
|
|
||||||
playAnimationByName(name: String, finishCallback: () => void) {
|
playAnimationByName(name: String, finishCallback: () => void) {
|
||||||
let index = this.data.animInfo.findIndex((n) => n.name == name);
|
let index = this.data.animInfo.findIndex((n) => n.name == name);
|
||||||
if(index !== -1)
|
if (index !== -1) this.playAnimation(index, finishCallback);
|
||||||
this.playAnimation(index, finishCallback);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
animationFinished() {
|
animationFinished() {
|
||||||
|
@ -173,16 +176,13 @@ export class Agent {
|
||||||
|
|
||||||
show() {
|
show() {
|
||||||
this.cnv.style.display = 'block';
|
this.cnv.style.display = 'block';
|
||||||
this.playAnimationByName("Show", () => {});
|
this.playAnimationByName('Show', () => {});
|
||||||
}
|
}
|
||||||
|
|
||||||
hide(remove: boolean = false) {
|
hide(remove: boolean = false) {
|
||||||
this.playAnimationByName("Hide", () => {
|
this.playAnimationByName('Hide', () => {
|
||||||
if(remove)
|
if (remove) this.remove();
|
||||||
this.remove();
|
else this.cnv.style.display = 'none';
|
||||||
else
|
|
||||||
this.cnv.style.display = 'none';
|
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,19 +6,14 @@ import { AcsAnimationEntry } from './structs/animation.js';
|
||||||
import { AcsImageEntry } from './structs/image.js';
|
import { AcsImageEntry } from './structs/image.js';
|
||||||
import { Agent } from './agent.js';
|
import { Agent } from './agent.js';
|
||||||
|
|
||||||
// Experiment for storing parsed data
|
// Data
|
||||||
export class AcsData {
|
export class AcsData {
|
||||||
characterInfo = new AcsCharacterInfo();
|
characterInfo = new AcsCharacterInfo();
|
||||||
animInfo: AcsAnimationEntry[] = [];
|
animInfo: AcsAnimationEntry[] = [];
|
||||||
images: AcsImageEntry[] = [];
|
images: AcsImageEntry[] = [];
|
||||||
}
|
}
|
||||||
|
|
||||||
function logOffset(o: number, name: string) {
|
function agentCharacterParseACS(buffer: BufferStream): AcsData {
|
||||||
let n = o >>> 0;
|
|
||||||
console.log(name, 'offset:', '0x' + n.toString(16));
|
|
||||||
}
|
|
||||||
|
|
||||||
function agentCharacterParseACS(buffer: BufferStream) {
|
|
||||||
// Make sure the magic is correct for the ACS file.
|
// Make sure the magic is correct for the ACS file.
|
||||||
if (buffer.readU32LE() != 0xabcdabc3) {
|
if (buffer.readU32LE() != 0xabcdabc3) {
|
||||||
throw new Error('The provided data buffer does not contain valid ACS data.');
|
throw new Error('The provided data buffer does not contain valid ACS data.');
|
||||||
|
@ -32,10 +27,6 @@ function agentCharacterParseACS(buffer: BufferStream) {
|
||||||
let imageInfoLocation = LOCATION.read(buffer);
|
let imageInfoLocation = LOCATION.read(buffer);
|
||||||
let audioInfoLocation = LOCATION.read(buffer);
|
let audioInfoLocation = LOCATION.read(buffer);
|
||||||
|
|
||||||
logOffset(characterInfoLocation.offset, 'character info');
|
|
||||||
logOffset(animationInfoLocation.offset, 'animation info');
|
|
||||||
logOffset(imageInfoLocation.offset, 'image info');
|
|
||||||
logOffset(audioInfoLocation.offset, 'audio info');
|
|
||||||
|
|
||||||
buffer.withOffset(characterInfoLocation.offset, () => {
|
buffer.withOffset(characterInfoLocation.offset, () => {
|
||||||
acsData.characterInfo = AcsCharacterInfo.read(buffer);
|
acsData.characterInfo = AcsCharacterInfo.read(buffer);
|
||||||
|
@ -53,19 +44,12 @@ function agentCharacterParseACS(buffer: BufferStream) {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
console.log(acsData);
|
|
||||||
return acsData;
|
return acsData;
|
||||||
}
|
}
|
||||||
|
|
||||||
// For the testbed code only, remove when that gets axed
|
|
||||||
// (or don't, I'm not your dad)
|
|
||||||
export function agentParseCharacterTestbed(buffer: Uint8Array) {
|
|
||||||
return new Agent(agentCharacterParseACS(new BufferStream(buffer)));
|
|
||||||
}
|
|
||||||
|
|
||||||
// TODO this will be the public API
|
// TODO this will be the public API
|
||||||
// Dunno about maintaining canvases. We can pass a div into agentInit and add a characterInit() which recieves it
|
// Dunno about maintaining canvases. We can pass a div into agentInit and add a characterInit() which recieves it
|
||||||
// (which we then mount characters and their wordballoons into?)
|
// (which we then mount characters and their wordballoons into?)
|
||||||
export function agentCreateCharacter(data: Uint8Array): Promise<void> {
|
export function agentCreateCharacter(data: Uint8Array): Agent {
|
||||||
throw new Error('Not implemented yet');
|
return new Agent(agentCharacterParseACS(new BufferStream(data)));
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,8 +8,8 @@ let input = document.getElementById("testbed-input") as HTMLInputElement;
|
||||||
input.addEventListener("change", async () => {
|
input.addEventListener("change", async () => {
|
||||||
let buffer = await input.files![0].arrayBuffer();
|
let buffer = await input.files![0].arrayBuffer();
|
||||||
|
|
||||||
console.log("About to parse character");
|
console.log("Creating agent");
|
||||||
let agent = msagent.agentParseCharacterTestbed(new Uint8Array(buffer));
|
let agent = msagent.agentCreateCharacter(new Uint8Array(buffer));
|
||||||
|
|
||||||
// destroy the previous agent
|
// destroy the previous agent
|
||||||
if(w.agent != null) {
|
if(w.agent != null) {
|
||||||
|
@ -20,7 +20,7 @@ input.addEventListener("change", async () => {
|
||||||
agent.addToDom(document.body);
|
agent.addToDom(document.body);
|
||||||
|
|
||||||
agent.show();
|
agent.show();
|
||||||
console.log("parsed character");
|
console.log("Agent created");
|
||||||
})
|
})
|
||||||
|
|
||||||
document.addEventListener("DOMContentLoaded", async () => {
|
document.addEventListener("DOMContentLoaded", async () => {
|
||||||
|
|
Loading…
Reference in a new issue