dylan/fantasy-console
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Add window resizing

Browse Source
This commit is contained in:
dylan 2023-05-13 16:24:14 -07:00
parent 1aea0b1221
commit d542b2a2bc
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
window.ts
View File

@ -8,9 +8,9 @@ import { COLOR, palette } from "./colors.ts";
export const gameWindow = createWindow({ export const gameWindow = createWindow({
title: "Faux", title: "Faux",
width: 1024, width: 512,
height: 1024, height: 512,
resizable: false, resizable: true,
glVersion: [3, 2], glVersion: [3, 2],
gles: true, gles: true,
}); });
@ -92,16 +92,20 @@ if (status[0] === gl.FALSE) {
gl.ClearColor(0.0, 0.0, 0.0, 1.0); gl.ClearColor(0.0, 0.0, 0.0, 1.0);
addEventListener("resize", (event) => {
gl.Viewport(0, 0, event.width, event.height);
});
const pixelsPerRow = 128; const pixelsPerRow = 128;
const top = 1; const top = 1;
const left = -1; const left = -1;
const cell = 2/pixelsPerRow; const cell = 2/pixelsPerRow;
const getHalfAsInt = (n: number) => Number(parseInt(Math.floor(n/2).toString()));
addEventListener("resize", (event) => {
const {width, height} = event;
const min = Math.min(width, height);
gl.Viewport(getHalfAsInt(width-min), getHalfAsInt(height-min), min, min);
});
const px = (x: number, y: number) => { const px = (x: number, y: number) => {
// deno-fmt-ignore // deno-fmt-ignore
return [ return [