diff --git a/src/common/emu.ts b/src/common/emu.ts index d14ec15e..67a61e33 100644 --- a/src/common/emu.ts +++ b/src/common/emu.ts @@ -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, ramofs:number, ramlen:number) : string { +export function dumpRAM(ram: ArrayLike, 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, 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; +type KeyCodeMap = Map; 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(); - for (var i=0; i(); + 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 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 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)); }