mirror of
https://github.com/sehugg/8bitworkshop.git
synced 2026-10-25 15:05:25 +00:00
Reformat src/common/emu.ts
This commit is contained in:
Fred Sauer committed
1 parent
eaf2db15e6
commit
19b7e4edba
1 file changed
+263
-263
+263
-263
@@ -10,24 +10,24 @@ export var PLATFORMS = {};
|
||||
var _random_state = 1;
|
||||
|
||||
export function noise() {
|
||||
let x = _random_state;
|
||||
x ^= x << 13;
|
||||
x ^= x >> 17;
|
||||
x ^= x << 5;
|
||||
return (_random_state = x) & 0xff;
|
||||
let x = _random_state;
|
||||
x ^= x << 13;
|
||||
x ^= x >> 17;
|
||||
x ^= x << 5;
|
||||
return (_random_state = x) & 0xff;
|
||||
}
|
||||
|
||||
export function getNoiseSeed() {
|
||||
return _random_state;
|
||||
}
|
||||
|
||||
export function setNoiseSeed(x : number) {
|
||||
export function setNoiseSeed(x: number) {
|
||||
_random_state = x;
|
||||
}
|
||||
|
||||
type KeyboardCallback = (which:number, charCode:number, flags:KeyFlags) => void;
|
||||
type KeyboardCallback = (which: number, charCode: number, flags: KeyFlags) => void;
|
||||
|
||||
export function __createCanvas(doc:HTMLDocument, mainElement:HTMLElement, width:number, height:number) : HTMLCanvasElement {
|
||||
export function __createCanvas(doc: HTMLDocument, mainElement: HTMLElement, width: number, height: number): HTMLCanvasElement {
|
||||
var canvas = doc.createElement('canvas');
|
||||
canvas.width = width;
|
||||
canvas.height = height;
|
||||
@@ -50,47 +50,47 @@ export enum KeyFlags {
|
||||
// TODO: don't use which/keyCode anymore?
|
||||
// TODO: let keycode = e.key ? e.key.charCodeAt(0) : e.keyCode;
|
||||
// TODO: let charCode = e.key ? e.key.charCodeAt(0) : e.charCode;
|
||||
export function _setKeyboardEvents(canvas:HTMLElement, callback:KeyboardCallback) {
|
||||
export function _setKeyboardEvents(canvas: HTMLElement, callback: KeyboardCallback) {
|
||||
canvas.onkeydown = (e) => {
|
||||
let flags = _metakeyflags(e);
|
||||
callback(e.which, e.keyCode, KeyFlags.KeyDown|flags);
|
||||
callback(e.which, e.keyCode, KeyFlags.KeyDown | flags);
|
||||
if (!flags) e.preventDefault(); // eat all keys that don't have a modifier
|
||||
};
|
||||
canvas.onkeyup = (e) => {
|
||||
callback(e.which, e.keyCode, KeyFlags.KeyUp|_metakeyflags(e));
|
||||
callback(e.which, e.keyCode, KeyFlags.KeyUp | _metakeyflags(e));
|
||||
};
|
||||
};
|
||||
|
||||
type VideoCanvasOptions = {rotate?:number, overscan?:boolean, aspect?:number};
|
||||
type VideoCanvasOptions = { rotate?: number, overscan?: boolean, aspect?: number };
|
||||
|
||||
export class RasterVideo {
|
||||
|
||||
mainElement : HTMLElement;
|
||||
width : number;
|
||||
height : number;
|
||||
options : VideoCanvasOptions;
|
||||
mainElement: HTMLElement;
|
||||
width: number;
|
||||
height: number;
|
||||
options: VideoCanvasOptions;
|
||||
|
||||
constructor(mainElement:HTMLElement, width:number, height:number, options?:VideoCanvasOptions) {
|
||||
constructor(mainElement: HTMLElement, width: number, height: number, options?: VideoCanvasOptions) {
|
||||
this.mainElement = mainElement;
|
||||
this.width = width;
|
||||
this.height = height;
|
||||
this.options = options;
|
||||
}
|
||||
|
||||
canvas : HTMLCanvasElement;
|
||||
ctx : CanvasRenderingContext2D;
|
||||
imageData : ImageData;
|
||||
datau32 : Uint32Array;
|
||||
vcanvas : JQuery;
|
||||
|
||||
|
||||
canvas: HTMLCanvasElement;
|
||||
ctx: CanvasRenderingContext2D;
|
||||
imageData: ImageData;
|
||||
datau32: Uint32Array;
|
||||
vcanvas: JQuery;
|
||||
|
||||
paddle_x = 255;
|
||||
paddle_y = 255;
|
||||
|
||||
setRotate(rotate:number) {
|
||||
|
||||
setRotate(rotate: number) {
|
||||
var canvas = this.canvas;
|
||||
if (rotate) {
|
||||
// TODO: aspect ratio?
|
||||
canvas.style.transform = "rotate("+rotate+"deg)";
|
||||
canvas.style.transform = "rotate(" + rotate + "deg)";
|
||||
if (canvas.width < canvas.height)
|
||||
canvas.style.paddingLeft = canvas.style.paddingRight = "10%";
|
||||
} else {
|
||||
@@ -107,11 +107,11 @@ export class RasterVideo {
|
||||
this.setRotate(this.options.rotate);
|
||||
}
|
||||
if (this.options && this.options.overscan) {
|
||||
this.vcanvas.css('padding','0px');
|
||||
this.vcanvas.css('padding', '0px');
|
||||
}
|
||||
if (this.options && this.options.aspect) {
|
||||
console.log(this.options);
|
||||
this.vcanvas.css('aspect-ratio', this.options.aspect+"");
|
||||
this.vcanvas.css('aspect-ratio', this.options.aspect + "");
|
||||
}
|
||||
this.ctx = canvas.getContext('2d');
|
||||
this.imageData = this.ctx.createImageData(this.width, this.height);
|
||||
@@ -126,22 +126,22 @@ export class RasterVideo {
|
||||
|
||||
getContext() { return this.ctx; }
|
||||
|
||||
updateFrame(sx?:number, sy?:number, dx?:number, dy?:number, w?:number, h?:number) {
|
||||
updateFrame(sx?: number, sy?: number, dx?: number, dy?: number, w?: number, h?: number) {
|
||||
if (w && h)
|
||||
this.ctx.putImageData(this.imageData, sx, sy, dx, dy, w, h);
|
||||
else
|
||||
this.ctx.putImageData(this.imageData, 0, 0);
|
||||
}
|
||||
|
||||
clearRect(dx:number, dy:number, w:number, h:number) {
|
||||
clearRect(dx: number, dy: number, w: number, h: number) {
|
||||
var ctx = this.ctx;
|
||||
ctx.fillStyle = '#000000';
|
||||
ctx.fillRect(dx, dy, w, h);
|
||||
}
|
||||
|
||||
setupMouseEvents(el? : HTMLCanvasElement) {
|
||||
setupMouseEvents(el?: HTMLCanvasElement) {
|
||||
if (!el) el = this.canvas;
|
||||
$(el).mousemove( (e) => {
|
||||
$(el).mousemove((e) => {
|
||||
var pos = getMousePos(el, e);
|
||||
var new_x = Math.floor(pos.x * 255 / this.canvas.width);
|
||||
var new_y = Math.floor(pos.y * 255 / this.canvas.height);
|
||||
@@ -156,13 +156,13 @@ export class VectorVideo extends RasterVideo {
|
||||
persistenceAlpha = 0.5;
|
||||
jitter = 1.0;
|
||||
gamma = 0.8;
|
||||
sx : number;
|
||||
sy : number;
|
||||
|
||||
sx: number;
|
||||
sy: number;
|
||||
|
||||
create() {
|
||||
super.create();
|
||||
this.sx = this.width/1024.0;
|
||||
this.sy = this.height/1024.0;
|
||||
this.sx = this.width / 1024.0;
|
||||
this.sy = this.height / 1024.0;
|
||||
}
|
||||
|
||||
clear() {
|
||||
@@ -186,7 +186,7 @@ export class VectorVideo extends RasterVideo {
|
||||
'#ffffff'
|
||||
];
|
||||
|
||||
drawLine(x1:number, y1:number, x2:number, y2:number, intensity:number, color:number) {
|
||||
drawLine(x1: number, y1: number, x2: number, y2: number, intensity: number, color: number) {
|
||||
var ctx = this.ctx;
|
||||
var sx = this.sx;
|
||||
var sy = this.sy;
|
||||
@@ -204,25 +204,25 @@ export class VectorVideo extends RasterVideo {
|
||||
x2 += jx;
|
||||
y1 += jy;
|
||||
y2 += jy;
|
||||
ctx.moveTo(x1*sx, this.height-y1*sy);
|
||||
ctx.moveTo(x1 * sx, this.height - y1 * sy);
|
||||
if (x1 == x2 && y1 == y2)
|
||||
ctx.lineTo(x2*sx+1, this.height-y2*sy);
|
||||
ctx.lineTo(x2 * sx + 1, this.height - y2 * sy);
|
||||
else
|
||||
ctx.lineTo(x2*sx, this.height-y2*sy);
|
||||
ctx.lineTo(x2 * sx, this.height - y2 * sy);
|
||||
ctx.strokeStyle = this.COLORS[color & 7];
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function drawCrosshair(ctx:CanvasRenderingContext2D, x:number, y:number, width:number) {
|
||||
export function drawCrosshair(ctx: CanvasRenderingContext2D, x: number, y: number, width: number) {
|
||||
if (!ctx?.setLineDash) return; // for unit testing
|
||||
ctx.fillStyle = 'rgba(0,0,0,0.25)';
|
||||
ctx.fillRect(x-2, 0, 5, 32767);
|
||||
ctx.fillRect(0, y-2, 32767, 5);
|
||||
ctx.fillRect(x - 2, 0, 5, 32767);
|
||||
ctx.fillRect(0, y - 2, 32767, 5);
|
||||
ctx.lineWidth = width;
|
||||
ctx.strokeStyle = 'rgba(255,255,255,0.75)';
|
||||
ctx.setLineDash([width*2,width*2]);
|
||||
ctx.setLineDash([width * 2, width * 2]);
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(x, 0);
|
||||
ctx.lineTo(x, 32767);
|
||||
@@ -232,14 +232,14 @@ export function drawCrosshair(ctx:CanvasRenderingContext2D, x:number, y:number,
|
||||
}
|
||||
|
||||
export class RAM {
|
||||
mem : Uint8Array;
|
||||
constructor(size:number) {
|
||||
mem: Uint8Array;
|
||||
constructor(size: number) {
|
||||
this.mem = new Uint8Array(new ArrayBuffer(size));
|
||||
}
|
||||
}
|
||||
|
||||
export class EmuHalt extends Error {
|
||||
$loc : SourceLocation;
|
||||
$loc: SourceLocation;
|
||||
squelchError = true;
|
||||
constructor(msg: string, loc?: SourceLocation) {
|
||||
super(msg);
|
||||
@@ -248,27 +248,27 @@ export class EmuHalt extends Error {
|
||||
}
|
||||
}
|
||||
|
||||
export var useRequestAnimationFrame : boolean = false;
|
||||
export var useRequestAnimationFrame: boolean = false;
|
||||
|
||||
export class AnimationTimer {
|
||||
|
||||
callback;
|
||||
running : boolean = false;
|
||||
pulsing : boolean = false;
|
||||
callback;
|
||||
running: boolean = false;
|
||||
pulsing: boolean = false;
|
||||
nextts = 0;
|
||||
nframes;
|
||||
startts; // for FPS calc
|
||||
frameRate;
|
||||
intervalMsec;
|
||||
useReqAnimFrame = useRequestAnimationFrame && typeof window.requestAnimationFrame === 'function'; // need for unit test
|
||||
|
||||
constructor(frequencyHz:number, callback:() => void) {
|
||||
|
||||
constructor(frequencyHz: number, callback: () => void) {
|
||||
this.frameRate = frequencyHz;
|
||||
this.intervalMsec = 1000.0 / frequencyHz;
|
||||
this.callback = callback;
|
||||
}
|
||||
|
||||
scheduleFrame(msec:number) {
|
||||
scheduleFrame(msec: number) {
|
||||
var fn = (timestamp) => {
|
||||
try {
|
||||
this.nextFrame(this.useReqAnimFrame ? timestamp : Date.now());
|
||||
@@ -283,8 +283,8 @@ export class AnimationTimer {
|
||||
else
|
||||
setTimeout(fn, msec);
|
||||
}
|
||||
|
||||
nextFrame(ts:number) {
|
||||
|
||||
nextFrame(ts: number) {
|
||||
if (ts > this.nextts) {
|
||||
if (this.running) {
|
||||
this.callback();
|
||||
@@ -292,7 +292,7 @@ export class AnimationTimer {
|
||||
if (this.nframes == 0)
|
||||
this.startts = ts;
|
||||
if (this.nframes++ == 300) {
|
||||
console.log("Avg framerate: " + this.nframes*1000/(ts-this.startts) + " fps");
|
||||
console.log("Avg framerate: " + this.nframes * 1000 / (ts - this.startts) + " fps");
|
||||
}
|
||||
}
|
||||
this.nextts += this.intervalMsec;
|
||||
@@ -328,19 +328,19 @@ export class AnimationTimer {
|
||||
|
||||
// TODO: move to util?
|
||||
|
||||
export function dumpRAM(ram:ArrayLike<number>, ramofs:number, ramlen:number) : string {
|
||||
export function dumpRAM(ram: ArrayLike<number>, ramofs: number, ramlen: number): string {
|
||||
var s = "";
|
||||
var bpel = ram['BYTES_PER_ELEMENT'] || 1;
|
||||
var perline = Math.ceil(16 / bpel);
|
||||
var isFloat = ram instanceof Float32Array || ram instanceof Float64Array;
|
||||
// TODO: show scrollable RAM for other platforms
|
||||
for (var ofs=0; ofs<ramlen; ofs+=perline) {
|
||||
s += '$' + hex(ofs+ramofs) + ':';
|
||||
for (var i=0; i<perline; i++) {
|
||||
if (ofs+i < ram.length) {
|
||||
if (i == perline/2) s += " ";
|
||||
if (isFloat) s += " " + ram[ofs+i].toPrecision(bpel*2);
|
||||
else s += " " + hex(ram[ofs+i], bpel*2);
|
||||
for (var ofs = 0; ofs < ramlen; ofs += perline) {
|
||||
s += '$' + hex(ofs + ramofs) + ':';
|
||||
for (var i = 0; i < perline; i++) {
|
||||
if (ofs + i < ram.length) {
|
||||
if (i == perline / 2) s += " ";
|
||||
if (isFloat) s += " " + ram[ofs + i].toPrecision(bpel * 2);
|
||||
else s += " " + hex(ram[ofs + i], bpel * 2);
|
||||
}
|
||||
}
|
||||
s += "\n";
|
||||
@@ -349,174 +349,174 @@ export function dumpRAM(ram:ArrayLike<number>, ramofs:number, ramlen:number) : s
|
||||
}
|
||||
|
||||
export interface KeyDef {
|
||||
c:number, // key code
|
||||
n:string, // name
|
||||
c: number, // key code
|
||||
n: string, // name
|
||||
// for gamepad
|
||||
plyr?:number,
|
||||
xaxis?:number,
|
||||
yaxis?:number,
|
||||
button?:number
|
||||
};
|
||||
plyr?: number,
|
||||
xaxis?: number,
|
||||
yaxis?: number,
|
||||
button?: number
|
||||
};
|
||||
|
||||
export interface KeyMapEntry {
|
||||
index:number;
|
||||
mask:number;
|
||||
def:KeyDef;
|
||||
index: number;
|
||||
mask: number;
|
||||
def: KeyDef;
|
||||
}
|
||||
|
||||
type KeyCodeMap = Map<number,KeyMapEntry>;
|
||||
type KeyCodeMap = Map<number, KeyMapEntry>;
|
||||
|
||||
export const Keys = {
|
||||
ANYKEY: {c: 0, n: "?"},
|
||||
// https://w3c.github.io/gamepad/#remapping
|
||||
// gamepad and keyboard (player 0)
|
||||
UP: {c: 38, n: "Up", plyr:0, button:12, yaxis:-1},
|
||||
DOWN: {c: 40, n: "Down", plyr:0, button:13, yaxis:1},
|
||||
LEFT: {c: 37, n: "Left", plyr:0, button:14, xaxis:-1},
|
||||
RIGHT: {c: 39, n: "Right", plyr:0, button:15, xaxis:1},
|
||||
A: {c: 32, n: "Space", plyr:0, button:0},
|
||||
B: {c: 16, n: "Shift", plyr:0, button:1},
|
||||
GP_A: {c: 88, n: "X", plyr:0, button:0},
|
||||
GP_B: {c: 90, n: "Z", plyr:0, button:1},
|
||||
GP_C: {c: 86, n: "V", plyr:0, button:2},
|
||||
GP_D: {c: 67, n: "C", plyr:0, button:3},
|
||||
SELECT: {c: 220, n: "\\", plyr:0, button:8},
|
||||
START: {c: 13, n: "Enter", plyr:0, button:9},
|
||||
OPTION: {c: 8, n: "Bcksp", plyr:0, button:10},
|
||||
// gamepad and keyboard (player 1)
|
||||
P2_UP: {c: 87, n: "W", plyr:1, button:12, yaxis:-1},
|
||||
P2_DOWN: {c: 83, n: "S", plyr:1, button:13, yaxis:1},
|
||||
P2_LEFT: {c: 65, n: "A", plyr:1, button:14, xaxis:-1},
|
||||
P2_RIGHT: {c: 68, n: "D", plyr:1, button:15, xaxis:1},
|
||||
P2_A: {c: 84, n: "T", plyr:1, button:0},
|
||||
P2_B: {c: 82, n: "R", plyr:1, button:1},
|
||||
P2_GP_A: {c: 69, n: "E", plyr:1, button:0},
|
||||
P2_GP_B: {c: 82, n: "R", plyr:1, button:1},
|
||||
P2_GP_C: {c: 84, n: "T", plyr:1, button:2},
|
||||
P2_GP_D: {c: 89, n: "Y", plyr:1, button:3},
|
||||
P2_SELECT: {c: 70, n: "F", plyr:1, button:8},
|
||||
P2_START: {c: 71, n: "G", plyr:1, button:9},
|
||||
// keyboard only
|
||||
VK_ESCAPE: {c: 27, n: "Esc"},
|
||||
VK_F1: {c: 112, n: "F1"},
|
||||
VK_F2: {c: 113, n: "F2"},
|
||||
VK_F3: {c: 114, n: "F3"},
|
||||
VK_F4: {c: 115, n: "F4"},
|
||||
VK_F5: {c: 116, n: "F5"},
|
||||
VK_F6: {c: 117, n: "F6"},
|
||||
VK_F7: {c: 118, n: "F7"},
|
||||
VK_F8: {c: 119, n: "F8"},
|
||||
VK_F9: {c: 120, n: "F9"},
|
||||
VK_F10: {c: 121, n: "F10"},
|
||||
VK_F11: {c: 122, n: "F11"},
|
||||
VK_F12: {c: 123, n: "F12"},
|
||||
VK_SCROLL_LOCK: {c: 145, n: "ScrLck"},
|
||||
VK_PAUSE: {c: 19, n: "Pause"},
|
||||
VK_QUOTE: {c: 222, n: "'"},
|
||||
VK_1: {c: 49, n: "1"},
|
||||
VK_2: {c: 50, n: "2"},
|
||||
VK_3: {c: 51, n: "3"},
|
||||
VK_4: {c: 52, n: "4"},
|
||||
VK_5: {c: 53, n: "5"},
|
||||
VK_6: {c: 54, n: "6"},
|
||||
VK_7: {c: 55, n: "7"},
|
||||
VK_8: {c: 56, n: "8"},
|
||||
VK_9: {c: 57, n: "9"},
|
||||
VK_0: {c: 48, n: "0"},
|
||||
VK_MINUS: {c: 189, n: "-"},
|
||||
VK_MINUS2: {c: 173, n: "-"},
|
||||
VK_EQUALS: {c: 187, n: "="},
|
||||
VK_EQUALS2: {c: 61, n: "="},
|
||||
VK_BACK_SPACE: {c: 8, n: "Bkspc"},
|
||||
VK_TAB: {c: 9, n: "Tab"},
|
||||
VK_Q: {c: 81, n: "Q"},
|
||||
VK_W: {c: 87, n: "W"},
|
||||
VK_E: {c: 69, n: "E"},
|
||||
VK_R: {c: 82, n: "R"},
|
||||
VK_T: {c: 84, n: "T"},
|
||||
VK_Y: {c: 89, n: "Y"},
|
||||
VK_U: {c: 85, n: "U"},
|
||||
VK_I: {c: 73, n: "I"},
|
||||
VK_O: {c: 79, n: "O"},
|
||||
VK_P: {c: 80, n: "P"},
|
||||
VK_ACUTE: {c: 219, n: "´"},
|
||||
VK_OPEN_BRACKET: {c: 219, n: "["},
|
||||
VK_CLOSE_BRACKET: {c: 221, n: "]"},
|
||||
VK_CAPS_LOCK: {c: 20, n: "CpsLck"},
|
||||
VK_A: {c: 65, n: "A"},
|
||||
VK_S: {c: 83, n: "S"},
|
||||
VK_D: {c: 68, n: "D"},
|
||||
VK_F: {c: 70, n: "F"},
|
||||
VK_G: {c: 71, n: "G"},
|
||||
VK_H: {c: 72, n: "H"},
|
||||
VK_J: {c: 74, n: "J"},
|
||||
VK_K: {c: 75, n: "K"},
|
||||
VK_L: {c: 76, n: "L"},
|
||||
VK_CEDILLA: {c: 186, n: "Ç"},
|
||||
VK_TILDE: {c: 222, n: "~"},
|
||||
VK_ENTER: {c: 13, n: "Enter"},
|
||||
VK_SHIFT: {c: 16, n: "Shift"},
|
||||
VK_BACK_SLASH: {c: 220, n: "\\"},
|
||||
VK_Z: {c: 90, n: "Z"},
|
||||
VK_X: {c: 88, n: "X"},
|
||||
VK_C: {c: 67, n: "C"},
|
||||
VK_V: {c: 86, n: "V"},
|
||||
VK_B: {c: 66, n: "B"},
|
||||
VK_N: {c: 78, n: "N"},
|
||||
VK_M: {c: 77, n: "M"},
|
||||
VK_COMMA: {c: 188, n: "] ="},
|
||||
VK_PERIOD: {c: 190, n: "."},
|
||||
VK_SEMICOLON: {c: 59, n: ";"},
|
||||
VK_SLASH: {c: 191, n: "/"},
|
||||
VK_CONTROL: {c: 17, n: "Ctrl"},
|
||||
VK_ALT: {c: 18, n: "Alt"},
|
||||
VK_COMMAND: {c: 224, n: "Cmd"},
|
||||
VK_SPACE: {c: 32, n: "Space"},
|
||||
VK_INSERT: {c: 45, n: "Ins"},
|
||||
VK_DELETE: {c: 46, n: "Del"},
|
||||
VK_HOME: {c: 36, n: "Home"},
|
||||
VK_END: {c: 35, n: "End"},
|
||||
VK_PAGE_UP: {c: 33, n: "PgUp"},
|
||||
VK_PAGE_DOWN: {c: 34, n: "PgDown"},
|
||||
VK_UP: {c: 38, n: "Up"},
|
||||
VK_DOWN: {c: 40, n: "Down"},
|
||||
VK_LEFT: {c: 37, n: "Left"},
|
||||
VK_RIGHT: {c: 39, n: "Right"},
|
||||
VK_NUM_LOCK: {c: 144, n: "Num"},
|
||||
VK_DIVIDE: {c: 111, n: "Num /"},
|
||||
VK_MULTIPLY: {c: 106, n: "Num *"},
|
||||
VK_SUBTRACT: {c: 109, n: "Num -"},
|
||||
VK_ADD: {c: 107, n: "Num +"},
|
||||
VK_DECIMAL: {c: 194, n: "Num ."},
|
||||
VK_NUMPAD0: {c: 96, n: "Num 0"},
|
||||
VK_NUMPAD1: {c: 97, n: "Num 1"},
|
||||
VK_NUMPAD2: {c: 98, n: "Num 2"},
|
||||
VK_NUMPAD3: {c: 99, n: "Num 3"},
|
||||
VK_NUMPAD4: {c: 100, n: "Num 4"},
|
||||
VK_NUMPAD5: {c: 101, n: "Num 5"},
|
||||
VK_NUMPAD6: {c: 102, n: "Num 6"},
|
||||
VK_NUMPAD7: {c: 103, n: "Num 7"},
|
||||
VK_NUMPAD8: {c: 104, n: "Num 8"},
|
||||
VK_NUMPAD9: {c: 105, n: "Num 9"},
|
||||
VK_NUMPAD_CENTER: {c: 12, n: "Num Cntr"}
|
||||
ANYKEY: { c: 0, n: "?" },
|
||||
// https://w3c.github.io/gamepad/#remapping
|
||||
// gamepad and keyboard (player 0)
|
||||
UP: { c: 38, n: "Up", plyr: 0, button: 12, yaxis: -1 },
|
||||
DOWN: { c: 40, n: "Down", plyr: 0, button: 13, yaxis: 1 },
|
||||
LEFT: { c: 37, n: "Left", plyr: 0, button: 14, xaxis: -1 },
|
||||
RIGHT: { c: 39, n: "Right", plyr: 0, button: 15, xaxis: 1 },
|
||||
A: { c: 32, n: "Space", plyr: 0, button: 0 },
|
||||
B: { c: 16, n: "Shift", plyr: 0, button: 1 },
|
||||
GP_A: { c: 88, n: "X", plyr: 0, button: 0 },
|
||||
GP_B: { c: 90, n: "Z", plyr: 0, button: 1 },
|
||||
GP_C: { c: 86, n: "V", plyr: 0, button: 2 },
|
||||
GP_D: { c: 67, n: "C", plyr: 0, button: 3 },
|
||||
SELECT: { c: 220, n: "\\", plyr: 0, button: 8 },
|
||||
START: { c: 13, n: "Enter", plyr: 0, button: 9 },
|
||||
OPTION: { c: 8, n: "Bcksp", plyr: 0, button: 10 },
|
||||
// gamepad and keyboard (player 1)
|
||||
P2_UP: { c: 87, n: "W", plyr: 1, button: 12, yaxis: -1 },
|
||||
P2_DOWN: { c: 83, n: "S", plyr: 1, button: 13, yaxis: 1 },
|
||||
P2_LEFT: { c: 65, n: "A", plyr: 1, button: 14, xaxis: -1 },
|
||||
P2_RIGHT: { c: 68, n: "D", plyr: 1, button: 15, xaxis: 1 },
|
||||
P2_A: { c: 84, n: "T", plyr: 1, button: 0 },
|
||||
P2_B: { c: 82, n: "R", plyr: 1, button: 1 },
|
||||
P2_GP_A: { c: 69, n: "E", plyr: 1, button: 0 },
|
||||
P2_GP_B: { c: 82, n: "R", plyr: 1, button: 1 },
|
||||
P2_GP_C: { c: 84, n: "T", plyr: 1, button: 2 },
|
||||
P2_GP_D: { c: 89, n: "Y", plyr: 1, button: 3 },
|
||||
P2_SELECT: { c: 70, n: "F", plyr: 1, button: 8 },
|
||||
P2_START: { c: 71, n: "G", plyr: 1, button: 9 },
|
||||
// keyboard only
|
||||
VK_ESCAPE: { c: 27, n: "Esc" },
|
||||
VK_F1: { c: 112, n: "F1" },
|
||||
VK_F2: { c: 113, n: "F2" },
|
||||
VK_F3: { c: 114, n: "F3" },
|
||||
VK_F4: { c: 115, n: "F4" },
|
||||
VK_F5: { c: 116, n: "F5" },
|
||||
VK_F6: { c: 117, n: "F6" },
|
||||
VK_F7: { c: 118, n: "F7" },
|
||||
VK_F8: { c: 119, n: "F8" },
|
||||
VK_F9: { c: 120, n: "F9" },
|
||||
VK_F10: { c: 121, n: "F10" },
|
||||
VK_F11: { c: 122, n: "F11" },
|
||||
VK_F12: { c: 123, n: "F12" },
|
||||
VK_SCROLL_LOCK: { c: 145, n: "ScrLck" },
|
||||
VK_PAUSE: { c: 19, n: "Pause" },
|
||||
VK_QUOTE: { c: 222, n: "'" },
|
||||
VK_1: { c: 49, n: "1" },
|
||||
VK_2: { c: 50, n: "2" },
|
||||
VK_3: { c: 51, n: "3" },
|
||||
VK_4: { c: 52, n: "4" },
|
||||
VK_5: { c: 53, n: "5" },
|
||||
VK_6: { c: 54, n: "6" },
|
||||
VK_7: { c: 55, n: "7" },
|
||||
VK_8: { c: 56, n: "8" },
|
||||
VK_9: { c: 57, n: "9" },
|
||||
VK_0: { c: 48, n: "0" },
|
||||
VK_MINUS: { c: 189, n: "-" },
|
||||
VK_MINUS2: { c: 173, n: "-" },
|
||||
VK_EQUALS: { c: 187, n: "=" },
|
||||
VK_EQUALS2: { c: 61, n: "=" },
|
||||
VK_BACK_SPACE: { c: 8, n: "Bkspc" },
|
||||
VK_TAB: { c: 9, n: "Tab" },
|
||||
VK_Q: { c: 81, n: "Q" },
|
||||
VK_W: { c: 87, n: "W" },
|
||||
VK_E: { c: 69, n: "E" },
|
||||
VK_R: { c: 82, n: "R" },
|
||||
VK_T: { c: 84, n: "T" },
|
||||
VK_Y: { c: 89, n: "Y" },
|
||||
VK_U: { c: 85, n: "U" },
|
||||
VK_I: { c: 73, n: "I" },
|
||||
VK_O: { c: 79, n: "O" },
|
||||
VK_P: { c: 80, n: "P" },
|
||||
VK_ACUTE: { c: 219, n: "´" },
|
||||
VK_OPEN_BRACKET: { c: 219, n: "[" },
|
||||
VK_CLOSE_BRACKET: { c: 221, n: "]" },
|
||||
VK_CAPS_LOCK: { c: 20, n: "CpsLck" },
|
||||
VK_A: { c: 65, n: "A" },
|
||||
VK_S: { c: 83, n: "S" },
|
||||
VK_D: { c: 68, n: "D" },
|
||||
VK_F: { c: 70, n: "F" },
|
||||
VK_G: { c: 71, n: "G" },
|
||||
VK_H: { c: 72, n: "H" },
|
||||
VK_J: { c: 74, n: "J" },
|
||||
VK_K: { c: 75, n: "K" },
|
||||
VK_L: { c: 76, n: "L" },
|
||||
VK_CEDILLA: { c: 186, n: "Ç" },
|
||||
VK_TILDE: { c: 222, n: "~" },
|
||||
VK_ENTER: { c: 13, n: "Enter" },
|
||||
VK_SHIFT: { c: 16, n: "Shift" },
|
||||
VK_BACK_SLASH: { c: 220, n: "\\" },
|
||||
VK_Z: { c: 90, n: "Z" },
|
||||
VK_X: { c: 88, n: "X" },
|
||||
VK_C: { c: 67, n: "C" },
|
||||
VK_V: { c: 86, n: "V" },
|
||||
VK_B: { c: 66, n: "B" },
|
||||
VK_N: { c: 78, n: "N" },
|
||||
VK_M: { c: 77, n: "M" },
|
||||
VK_COMMA: { c: 188, n: "] =" },
|
||||
VK_PERIOD: { c: 190, n: "." },
|
||||
VK_SEMICOLON: { c: 59, n: ";" },
|
||||
VK_SLASH: { c: 191, n: "/" },
|
||||
VK_CONTROL: { c: 17, n: "Ctrl" },
|
||||
VK_ALT: { c: 18, n: "Alt" },
|
||||
VK_COMMAND: { c: 224, n: "Cmd" },
|
||||
VK_SPACE: { c: 32, n: "Space" },
|
||||
VK_INSERT: { c: 45, n: "Ins" },
|
||||
VK_DELETE: { c: 46, n: "Del" },
|
||||
VK_HOME: { c: 36, n: "Home" },
|
||||
VK_END: { c: 35, n: "End" },
|
||||
VK_PAGE_UP: { c: 33, n: "PgUp" },
|
||||
VK_PAGE_DOWN: { c: 34, n: "PgDown" },
|
||||
VK_UP: { c: 38, n: "Up" },
|
||||
VK_DOWN: { c: 40, n: "Down" },
|
||||
VK_LEFT: { c: 37, n: "Left" },
|
||||
VK_RIGHT: { c: 39, n: "Right" },
|
||||
VK_NUM_LOCK: { c: 144, n: "Num" },
|
||||
VK_DIVIDE: { c: 111, n: "Num /" },
|
||||
VK_MULTIPLY: { c: 106, n: "Num *" },
|
||||
VK_SUBTRACT: { c: 109, n: "Num -" },
|
||||
VK_ADD: { c: 107, n: "Num +" },
|
||||
VK_DECIMAL: { c: 194, n: "Num ." },
|
||||
VK_NUMPAD0: { c: 96, n: "Num 0" },
|
||||
VK_NUMPAD1: { c: 97, n: "Num 1" },
|
||||
VK_NUMPAD2: { c: 98, n: "Num 2" },
|
||||
VK_NUMPAD3: { c: 99, n: "Num 3" },
|
||||
VK_NUMPAD4: { c: 100, n: "Num 4" },
|
||||
VK_NUMPAD5: { c: 101, n: "Num 5" },
|
||||
VK_NUMPAD6: { c: 102, n: "Num 6" },
|
||||
VK_NUMPAD7: { c: 103, n: "Num 7" },
|
||||
VK_NUMPAD8: { c: 104, n: "Num 8" },
|
||||
VK_NUMPAD9: { c: 105, n: "Num 9" },
|
||||
VK_NUMPAD_CENTER: { c: 12, n: "Num Cntr" }
|
||||
};
|
||||
|
||||
function _metakeyflags(e) {
|
||||
return (e.shiftKey?KeyFlags.Shift:0) |
|
||||
(e.ctrlKey?KeyFlags.Ctrl:0) |
|
||||
(e.altKey?KeyFlags.Alt:0) |
|
||||
(e.metaKey?KeyFlags.Meta:0);
|
||||
return (e.shiftKey ? KeyFlags.Shift : 0) |
|
||||
(e.ctrlKey ? KeyFlags.Ctrl : 0) |
|
||||
(e.altKey ? KeyFlags.Alt : 0) |
|
||||
(e.metaKey ? KeyFlags.Meta : 0);
|
||||
}
|
||||
|
||||
type KeyMapFunction = (o:KeyMapEntry, key:number, code:number, flags:number) => void;
|
||||
type KeyMapFunction = (o: KeyMapEntry, key: number, code: number, flags: number) => void;
|
||||
|
||||
export function newKeyboardHandler(switches:number[]|Uint8Array, map:KeyCodeMap, func?:KeyMapFunction, alwaysfunc?:boolean) {
|
||||
return (key:number,code:number,flags:number) => {
|
||||
export function newKeyboardHandler(switches: number[] | Uint8Array, map: KeyCodeMap, func?: KeyMapFunction, alwaysfunc?: boolean) {
|
||||
return (key: number, code: number, flags: number) => {
|
||||
if (!map) {
|
||||
func(null, key, code, flags);
|
||||
return;
|
||||
}
|
||||
var o : KeyMapEntry = map[key];
|
||||
var o: KeyMapEntry = map[key];
|
||||
if (!o) o = map[0];
|
||||
if (func && (o || alwaysfunc)) {
|
||||
func(o, key, code, flags);
|
||||
@@ -538,23 +538,23 @@ export function newKeyboardHandler(switches:number[]|Uint8Array, map:KeyCodeMap,
|
||||
};
|
||||
}
|
||||
|
||||
export function setKeyboardFromMap(video:RasterVideo, switches:number[]|Uint8Array, map:KeyCodeMap, func?:KeyMapFunction, alwaysfunc?:boolean) {
|
||||
export function setKeyboardFromMap(video: RasterVideo, switches: number[] | Uint8Array, map: KeyCodeMap, func?: KeyMapFunction, alwaysfunc?: boolean) {
|
||||
var handler = newKeyboardHandler(switches, map, func, alwaysfunc);
|
||||
video.setKeyboardEvents(handler);
|
||||
return new ControllerPoller(handler);
|
||||
}
|
||||
|
||||
export function makeKeycodeMap(table : [KeyDef,number,number][]) : KeyCodeMap {
|
||||
var map = new Map<number,KeyMapEntry>();
|
||||
for (var i=0; i<table.length; i++) {
|
||||
export function makeKeycodeMap(table: [KeyDef, number, number][]): KeyCodeMap {
|
||||
var map = new Map<number, KeyMapEntry>();
|
||||
for (var i = 0; i < table.length; i++) {
|
||||
var entry = table[i];
|
||||
var val : KeyMapEntry = {index:entry[1], mask:entry[2], def:entry[0]};
|
||||
var val: KeyMapEntry = { index: entry[1], mask: entry[2], def: entry[0] };
|
||||
map[entry[0].c] = val;
|
||||
}
|
||||
return map;
|
||||
}
|
||||
|
||||
const DEFAULT_CONTROLLER_KEYS : KeyDef[] = [
|
||||
const DEFAULT_CONTROLLER_KEYS: KeyDef[] = [
|
||||
Keys.UP, Keys.DOWN, Keys.LEFT, Keys.RIGHT, Keys.A, Keys.B, Keys.SELECT, Keys.START,
|
||||
Keys.P2_UP, Keys.P2_DOWN, Keys.P2_LEFT, Keys.P2_RIGHT, Keys.P2_A, Keys.P2_B, Keys.P2_SELECT, Keys.P2_START,
|
||||
];
|
||||
@@ -562,10 +562,10 @@ const DEFAULT_CONTROLLER_KEYS : KeyDef[] = [
|
||||
export class ControllerPoller {
|
||||
active = false;
|
||||
handler;
|
||||
state : Int32Array[];
|
||||
lastState : Int32Array[];
|
||||
state: Int32Array[];
|
||||
lastState: Int32Array[];
|
||||
AXIS0 = 24; // first joystick axis index
|
||||
constructor(handler:(key,code,flags) => void) {
|
||||
constructor(handler: (key, code, flags) => void) {
|
||||
this.handler = handler;
|
||||
window.addEventListener("gamepadconnected", (event) => {
|
||||
console.log("Gamepad connected:", event);
|
||||
@@ -582,7 +582,7 @@ export class ControllerPoller {
|
||||
let numGamepads = navigator.getGamepads().length;
|
||||
this.state = new Array(numGamepads);
|
||||
this.lastState = new Array(numGamepads);
|
||||
for (var i=0; i<numGamepads; i++) {
|
||||
for (var i = 0; i < numGamepads; i++) {
|
||||
this.state[i] = new Int32Array(64);
|
||||
this.lastState[i] = new Int32Array(64);
|
||||
}
|
||||
@@ -592,29 +592,29 @@ export class ControllerPoller {
|
||||
poll() {
|
||||
if (!this.active) return;
|
||||
var gamepads = navigator.getGamepads();
|
||||
for (var gpi=0; gpi<gamepads.length; gpi++) {
|
||||
for (var gpi = 0; gpi < gamepads.length; gpi++) {
|
||||
let state = this.state[gpi];
|
||||
let lastState = this.lastState[gpi];
|
||||
var gp = gamepads[gpi];
|
||||
if (gp) {
|
||||
for (var i=0; i<gp.axes.length; i++) {
|
||||
for (var i = 0; i < gp.axes.length; i++) {
|
||||
var k = i + this.AXIS0;
|
||||
state[k] = Math.round(gp.axes[i]);
|
||||
if (state[k] != lastState[k]) {
|
||||
this.handleStateChange(gpi,k);
|
||||
this.handleStateChange(gpi, k);
|
||||
}
|
||||
}
|
||||
for (var i=0; i<gp.buttons.length; i++) {
|
||||
for (var i = 0; i < gp.buttons.length; i++) {
|
||||
state[i] = gp.buttons[i].pressed ? 1 : 0;
|
||||
if (state[i] != lastState[i]) {
|
||||
this.handleStateChange(gpi,i);
|
||||
this.handleStateChange(gpi, i);
|
||||
}
|
||||
}
|
||||
lastState.set(state);
|
||||
}
|
||||
}
|
||||
}
|
||||
handleStateChange(gpi:number, k:number) {
|
||||
handleStateChange(gpi: number, k: number) {
|
||||
var axis = k - this.AXIS0;
|
||||
// TODO: this is slow
|
||||
for (var def of DEFAULT_CONTROLLER_KEYS) {
|
||||
@@ -644,57 +644,57 @@ export class ControllerPoller {
|
||||
}
|
||||
|
||||
|
||||
export function padBytes(data:Uint8Array|number[], len:number, padstart?:boolean) : Uint8Array {
|
||||
export function padBytes(data: Uint8Array | number[], len: number, padstart?: boolean): Uint8Array {
|
||||
if (data.length > len) {
|
||||
throw Error("Data too long, " + data.length + " > " + len);
|
||||
}
|
||||
var r = new RAM(len);
|
||||
if (padstart)
|
||||
r.mem.set(data, len-data.length);
|
||||
r.mem.set(data, len - data.length);
|
||||
else
|
||||
r.mem.set(data);
|
||||
return r.mem;
|
||||
}
|
||||
|
||||
type AddressReadWriteFn = ((a:number) => number) | ((a:number,v:number) => void);
|
||||
type AddressReadWriteFn = ((a: number) => number) | ((a: number, v: number) => void);
|
||||
type AddressDecoderEntry = [number, number, number, AddressReadWriteFn];
|
||||
type AddressDecoderOptions = {gmask?:number, defaultval?:number};
|
||||
type AddressDecoderOptions = { gmask?: number, defaultval?: number };
|
||||
|
||||
// TODO: better performance, check values
|
||||
export function AddressDecoder(table : AddressDecoderEntry[], options?:AddressDecoderOptions) {
|
||||
export function AddressDecoder(table: AddressDecoderEntry[], options?: AddressDecoderOptions) {
|
||||
var self = this;
|
||||
function makeFunction() {
|
||||
var s = "";
|
||||
if (options && options.gmask) {
|
||||
s += "a&=" + options.gmask + ";";
|
||||
}
|
||||
for (var i=0; i<table.length; i++) {
|
||||
for (var i = 0; i < table.length; i++) {
|
||||
var entry = table[i];
|
||||
var start = entry[0]|0;
|
||||
var end = entry[1]|0;
|
||||
var mask = entry[2]|0;
|
||||
var start = entry[0] | 0;
|
||||
var end = entry[1] | 0;
|
||||
var mask = entry[2] | 0;
|
||||
var func = entry[3];
|
||||
self['__fn'+i] = func;
|
||||
s += "if (a>=" + start + " && a<="+end + "){";
|
||||
if (mask) s += "a&="+mask+";";
|
||||
s += "return this.__fn"+i+"(a,v)&0xff;}\n";
|
||||
self['__fn' + i] = func;
|
||||
s += "if (a>=" + start + " && a<=" + end + "){";
|
||||
if (mask) s += "a&=" + mask + ";";
|
||||
s += "return this.__fn" + i + "(a,v)&0xff;}\n";
|
||||
}
|
||||
s += "return "+(options?.defaultval|0)+";";
|
||||
s += "return " + (options?.defaultval | 0) + ";";
|
||||
return new Function('a', 'v', s);
|
||||
}
|
||||
return makeFunction().bind(self);
|
||||
}
|
||||
|
||||
export function newAddressDecoder(table : AddressDecoderEntry[], options?:AddressDecoderOptions) : (a:number,v?:number) => number {
|
||||
export function newAddressDecoder(table: AddressDecoderEntry[], options?: AddressDecoderOptions): (a: number, v?: number) => number {
|
||||
return new (AddressDecoder as any)(table, options);
|
||||
}
|
||||
|
||||
|
||||
// https://stackoverflow.com/questions/17130395/real-mouse-position-in-canvas
|
||||
export function getMousePos(canvas : HTMLCanvasElement, evt) : {x:number,y:number} {
|
||||
export function getMousePos(canvas: HTMLCanvasElement, evt): { x: number, y: number } {
|
||||
var rect = canvas.getBoundingClientRect(), // abs. size of element
|
||||
scaleX = canvas.width / rect.width, // relationship bitmap vs. element for X
|
||||
scaleY = canvas.height / rect.height; // relationship bitmap vs. element for Y
|
||||
scaleX = canvas.width / rect.width, // relationship bitmap vs. element for X
|
||||
scaleY = canvas.height / rect.height; // relationship bitmap vs. element for Y
|
||||
|
||||
return {
|
||||
x: (evt.clientX - rect.left) * scaleX, // scale mouse coordinates after they have
|
||||
@@ -705,35 +705,35 @@ export function getMousePos(canvas : HTMLCanvasElement, evt) : {x:number,y:numbe
|
||||
///
|
||||
|
||||
// TODO: https://stackoverflow.com/questions/10463518/converting-em-to-px-in-javascript-and-getting-default-font-size
|
||||
export function getVisibleEditorLineHeight() : number{
|
||||
export function getVisibleEditorLineHeight(): number {
|
||||
return $("#booksMenuButton").first().height();
|
||||
}
|
||||
|
||||
export interface VirtualTextLine {
|
||||
text : string;
|
||||
clas? : string;
|
||||
text: string;
|
||||
clas?: string;
|
||||
}
|
||||
|
||||
export class VirtualTextScroller {
|
||||
memorylist;
|
||||
maindiv : HTMLElement;
|
||||
getLineAt : (row:number) => VirtualTextLine;
|
||||
maindiv: HTMLElement;
|
||||
getLineAt: (row: number) => VirtualTextLine;
|
||||
|
||||
constructor(parent : HTMLElement) {
|
||||
constructor(parent: HTMLElement) {
|
||||
var div = document.createElement('div');
|
||||
div.setAttribute("class", "memdump");
|
||||
parent.appendChild(div);
|
||||
this.maindiv = div;
|
||||
}
|
||||
|
||||
create(workspace : HTMLElement, maxRowCount : number, fn : (row:number) => VirtualTextLine) {
|
||||
|
||||
create(workspace: HTMLElement, maxRowCount: number, fn: (row: number) => VirtualTextLine) {
|
||||
this.getLineAt = fn;
|
||||
this.memorylist = new VirtualList({
|
||||
w: $(workspace).width(),
|
||||
h: $(workspace).height(),
|
||||
itemHeight: getVisibleEditorLineHeight(),
|
||||
totalRows: maxRowCount, // TODO?
|
||||
generatorFn: (row : number) => {
|
||||
generatorFn: (row: number) => {
|
||||
var line = fn(row);
|
||||
var linediv = document.createElement("div");
|
||||
linediv.appendChild(document.createTextNode(line.text));
|
||||
@@ -747,7 +747,7 @@ export class VirtualTextScroller {
|
||||
// TODO: refactor with elsewhere
|
||||
refresh() {
|
||||
if (this.memorylist) {
|
||||
$(this.maindiv).find('[data-index]').each( (i,e) => {
|
||||
$(this.maindiv).find('[data-index]').each((i, e) => {
|
||||
var div = e;
|
||||
var row = parseInt(div.getAttribute('data-index'));
|
||||
var oldtext = div.innerText;
|
||||
@@ -783,5 +783,5 @@ export function gtia_ntsc_to_rgb(val: number) {
|
||||
var r = y + 0.956 * i + 0.621 * q;
|
||||
var g = y - 0.272 * i - 0.647 * q;
|
||||
var b = y - 1.107 * i + 1.704 * q;
|
||||
return RGBA(clamp(0,255,r), clamp(0,255,g), clamp(0,255,b));
|
||||
return RGBA(clamp(0, 255, r), clamp(0, 255, g), clamp(0, 255, b));
|
||||
}
|
||||
Reference in new issue
Block a user