6502
/
8bitworkshop
mirror of https://github.com/sehugg/8bitworkshop.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

less padding on CRT style, overscan option

This commit is contained in:
Steven Hugg 2018-11-24 13:44:07 -05:00
parent 764fafa035
commit a511d81c97
4 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/ui.css
View File

@ -244,12 +244,12 @@ div.emuspacer {
border-radius:20px;
border: 4px solid #222;
outline-color: #666;
padding: 30px;
padding: 20px;
background: #000;
margin-top:40px;
margin-left:7.5%;
margin-right:7.5%;
width: 85%;
margin-left:5%;
margin-right:5%;
width:90%;
pointer-events:auto;
}
canvas.pixelated {

7
src/emu.ts
View File

@ -53,7 +53,9 @@ function _setKeyboardEvents(canvas:HTMLElement, callback:KeyboardCallback) {
};
};
export var RasterVideo = function(mainElement:HTMLElement, width:number, height:number, options?) {
type VideoCanvasOptions = {rotate?:number, overscan?:boolean};
export var RasterVideo = function(mainElement:HTMLElement, width:number, height:number, options?:VideoCanvasOptions) {
var canvas, ctx;
var imageData, arraybuf, buf8, datau32;
var vcanvas;
@ -79,6 +81,9 @@ export var RasterVideo = function(mainElement:HTMLElement, width:number, height:
if (options && options.rotate) {
this.setRotate(options.rotate);
}
if (options && options.overscan) {
vcanvas.css('padding','0px');
}
ctx = canvas.getContext('2d');
imageData = ctx.createImageData(width, height);
datau32 = new Uint32Array(imageData.data.buffer);

2
src/platform/coleco.ts
View File

@ -123,7 +123,7 @@ const _ColecoVisionPlatform = function(mainElement) {
}
};
cpu = this.newCPU(membus, iobus);
video = new RasterVideo(mainElement,canvasWidth,numVisibleScanlines);
video = new RasterVideo(mainElement,canvasWidth,numVisibleScanlines,{overscan:true});
video.create();
audio = new MasterAudio();
psg = new SN76489_Audio(audio);

2
src/platform/nes.ts
View File

@ -78,7 +78,7 @@ const _JSNESPlatform = function(mainElement) {
start() {
var self = this;
video = new RasterVideo(mainElement,256,224);
video = new RasterVideo(mainElement,256,224,{overscan:true});
audio = new SampleAudio(audioFrequency);
video.create();
var idata = video.getFrameData();