"use strict"; import { hex } from "./util"; // external modules declare var jt, Javatari, Z80_fast, CPU6809; // Emulator classes export var PLATFORMS = {}; export var frameUpdateFunction : (Canvas) => void = null; export function noise() { return (Math.random() * 256) & 0xff; } function __createCanvas(mainElement:HTMLElement, width:number, height:number) { // TODO var fsElement = document.createElement('div'); fsElement.classList.add("emubevel"); var canvas = document.createElement('canvas'); canvas.width = width; canvas.height = height; canvas.classList.add("emuvideo"); canvas.tabIndex = -1; // Make it focusable fsElement.appendChild(canvas); mainElement.appendChild(fsElement); return canvas; } export var RasterVideo = function(mainElement:HTMLElement, width:number, height:number, options?) { var self = this; var canvas, ctx; var imageData, arraybuf, buf8, datau32; this.setRotate = function(rotate) { if (rotate) { // TODO: aspect ratio? canvas.style.transform = "rotate("+rotate+"deg)"; if (canvas.width < canvas.height) canvas.style.paddingLeft = canvas.style.paddingRight = "10%"; } else { canvas.style.transform = null; canvas.style.paddingLeft = canvas.style.paddingRight = null; } } this.create = function() { self.canvas = canvas = __createCanvas(mainElement, width, height); if (options && options.rotate) { self.setRotate(options.rotate); } ctx = canvas.getContext('2d'); imageData = ctx.createImageData(width, height); /* arraybuf = new ArrayBuffer(imageData.data.length); buf8 = new Uint8Array(arraybuf); // TODO: Uint8ClampedArray datau32 = new Uint32Array(arraybuf); buf8 = imageData.data; */ datau32 = new Uint32Array(imageData.data.buffer); } // TODO: common function (canvas) this.setKeyboardEvents = function(callback) { canvas.onkeydown = function(e) { callback(e.which, 0, 1|_metakeyflags(e)); }; canvas.onkeyup = function(e) { callback(e.which, 0, 0|_metakeyflags(e)); }; canvas.onkeypress = function(e) { callback(e.which, e.charCode, 1|_metakeyflags(e)); }; }; this.getFrameData = function() { return datau32; } this.getContext = function() { return ctx; } this.updateFrame = function(sx, sy, dx, dy, width, height) { //imageData.data.set(buf8); // TODO: slow w/ partial updates if (width && height) ctx.putImageData(imageData, sx, sy, dx, dy, width, height); else ctx.putImageData(imageData, 0, 0); if (frameUpdateFunction) frameUpdateFunction(canvas); } /* mainElement.style.position = "relative"; mainElement.style.overflow = "hidden"; mainElement.style.outline = "none"; mainElement.tabIndex = "-1"; // Make it focusable borderElement = document.createElement('div'); borderElement.style.position = "relative"; borderElement.style.overflow = "hidden"; borderElement.style.background = "black"; borderElement.style.border = "0 solid black"; borderElement.style.borderWidth = "" + borderTop + "px " + borderLateral + "px " + borderBottom + "px"; if (Javatari.SCREEN_CONTROL_BAR === 2) { borderElement.style.borderImage = "url(" + IMAGE_PATH + "screenborder.png) " + borderTop + " " + borderLateral + " " + borderBottom + " repeat stretch"; } fsElement = document.createElement('div'); fsElement.style.position = "relative"; fsElement.style.width = "100%"; fsElement.style.height = "100%"; fsElement.style.overflow = "hidden"; fsElement.style.background = "black"; document.addEventListener("fullscreenchange", fullScreenChanged); document.addEventListener("webkitfullscreenchange", fullScreenChanged); document.addEventListener("mozfullscreenchange", fullScreenChanged); document.addEventListener("msfullscreenchange", fullScreenChanged); borderElement.appendChild(fsElement); canvas.style.position = "absolute"; canvas.style.display = "block"; canvas.style.left = canvas.style.right = 0; canvas.style.top = canvas.style.bottom = 0; canvas.style.margin = "auto"; canvas.tabIndex = "-1"; // Make it focusable canvas.style.outline = "none"; fsElement.appendChild(canvas); setElementsSizes(jt.CanvasDisplay.DEFAULT_STARTING_WIDTH, jt.CanvasDisplay.DEFAULT_STARTING_HEIGHT); mainElement.appendChild(borderElement); */ } export var VectorVideo = function(mainElement:HTMLElement, width:number, height:number) { var self = this; var canvas, ctx; var persistenceAlpha = 0.5; var jitter = 1.0; var gamma = 0.8; var sx = width/1024.0; var sy = height/1024.0; this.create = function() { canvas = __createCanvas(mainElement, width, height); ctx = canvas.getContext('2d'); } // TODO: common function (canvas) this.setKeyboardEvents = function(callback) { canvas.onkeydown = function(e) { callback(e.which, 0, 1|_metakeyflags(e)); }; canvas.onkeyup = function(e) { callback(e.which, 0, 0|_metakeyflags(e)); }; canvas.onkeypress = function(e) { callback(e.which, e.charCode, 1|_metakeyflags(e)); }; }; this.clear = function() { ctx.globalCompositeOperation = 'source-over'; ctx.globalAlpha = persistenceAlpha; ctx.fillStyle = '#000000'; ctx.fillRect(0, 0, width, height); ctx.globalAlpha = 1.0; ctx.globalCompositeOperation = 'lighter'; if (frameUpdateFunction) frameUpdateFunction(canvas); } var COLORS = [ '#111111', '#1111ff', '#11ff11', '#11ffff', '#ff1111', '#ff11ff', '#ffff11', '#ffffff' ]; this.drawLine = function(x1, y1, x2, y2, intensity, color) { //console.log(x1, y1, x2, y2, intensity); if (intensity > 0) { // TODO: landscape vs portrait var alpha = Math.pow(intensity / 255.0, gamma); ctx.globalAlpha = alpha; ctx.beginPath(); // TODO: bright dots var jx = jitter * (Math.random() - 0.5); var jy = jitter * (Math.random() - 0.5); x1 += jx; x2 += jx; y1 += jy; y2 += jy; ctx.moveTo(x1*sx, height-y1*sy); if (x1 == x2 && y1 == y2) ctx.lineTo(x2*sx+1, height-y2*sy); else ctx.lineTo(x2*sx, height-y2*sy); ctx.strokeStyle = COLORS[color & 7]; ctx.stroke(); } } } export class RAM { mem : Uint8Array; constructor(size:number) { this.mem = new Uint8Array(new ArrayBuffer(size)); } } export var AnimationTimer = function(frequencyHz:number, callback:() => void) { var intervalMsec = 1000.0 / frequencyHz; var running; var lastts = 0; var useReqAnimFrame = false; //window.requestAnimationFrame ? (frequencyHz>40) : false; var nframes, startts; // for FPS calc this.frameRate = frequencyHz; function scheduleFrame(msec:number) { if (useReqAnimFrame) window.requestAnimationFrame(nextFrame); else setTimeout(nextFrame, msec); } function nextFrame(ts:number) { if (!ts) ts = Date.now(); if (ts - lastts < intervalMsec*10) { lastts += intervalMsec; } else { lastts = ts + intervalMsec; // frames skipped, catch up } if (running) { scheduleFrame(lastts - ts); } if (!useReqAnimFrame || lastts - ts > intervalMsec/2) { if (running) { try { callback(); } catch (e) { running = false; throw e; } } if (nframes == 0) startts = ts; if (nframes++ == 300) { console.log("Avg framerate: " + nframes*1000/(ts-startts) + " fps"); } } } this.isRunning = function() { return running; } this.start = function() { if (!running) { running = true; lastts = 0; nframes = 0; scheduleFrame(0); } } this.stop = function() { running = false; } } // export function dumpRAM(ram:number[], ramofs:number, ramlen:number) : string { var s = ""; // TODO: show scrollable RAM for other platforms for (var ofs=0; ofs len) { throw Error("Data too long, " + data.length + " > " + len); } var r = new RAM(len); r.mem.set(data); return r.mem; } type AddressReadWriteFn = ((a:number) => number) | ((a:number,v:number) => void); type AddressDecoderEntry = [number, number, number, AddressReadWriteFn]; type AddressDecoderOptions = {gmask?:number}; // TODO: better performance, check values export function AddressDecoder(table : AddressDecoderEntry[], options?:AddressDecoderOptions) { var self = this; function makeFunction(lo, hi) { var s = ""; if (options && options.gmask) { s += "a&=" + options.gmask + ";"; } for (var i=0; i number { return new (AddressDecoder as any)(table, options); } // STACK DUMP declare var addr2symbol; // address to symbol name map (TODO: import) function lookupSymbol(addr) { var start = addr; while (addr >= 0) { var sym = addr2symbol[addr]; // TODO: what about asm? if (sym && sym.startsWith('_')) { return addr2symbol[addr] + " + " + (start-addr); } addr--; } } export function dumpStackToString(mem:number[], start:number, end:number, sp:number) : string { var s = ""; var nraw = 0; //s = dumpRAM(mem.slice(start,start+end+1), start, end-start+1); while (sp < end) { sp++; var addr = mem[sp] + mem[sp+1]*256; var opcode = mem[addr-2]; if (opcode == 0x20) { // JSR s += "\n$" + hex(sp) + ": "; s += hex(addr,4) + " " + lookupSymbol(addr); sp++; nraw = 0; } else { if (nraw == 0) s += "\n$" + hex(sp) + ": "; s += hex(mem[sp+1]) + " "; if (++nraw == 8) nraw = 0; } } return s+"\n"; }