HorizonCode/TheWebPlaysGB
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Compare commits

base: HorizonCode:5f271367f0bd830270ea9c07d1238bf2d15d3642
Branches Tags
HorizonCode:master
...
compare: HorizonCode:475ad8955d1d1b6348b0cc41c4c25884d7904769
Branches Tags
HorizonCode:master

2 Commits
5f271367f0 ... 475ad8955d

Author SHA1 Message Date
HorizonCode
475ad8955d fix input drops 2022-08-11 16:23:52 +02:00
HorizonCode
c4978fa9a2 set img rendering to pixelated 2022-08-11 16:23:42 +02:00
2 changed files with 16 additions and 5 deletions
Show Stats Expand all files Collapse all files

19
app.js
View File

@ -4,6 +4,8 @@ const path = require("path");
const fs = require("fs"); const fs = require("fs");
let lastFrame = ""; let lastFrame = "";
let emulator; let emulator;
let currentKey = "";
let keyCooldown = 0;
const mainHTML = fs.readFileSync(path.join(__dirname, "html", "gb.html"), "utf8"); const mainHTML = fs.readFileSync(path.join(__dirname, "html", "gb.html"), "utf8");
const KEYMAP = { const KEYMAP = {
RIGHT: 0, RIGHT: 0,
@ -25,9 +27,14 @@ async function run() {
path: "./rom.gb", path: "./rom.gb",
interval: 16.6666667, interval: 16.6666667,
onFrame: function(frame) { onFrame: function(frame) {
if (lastFrame !== frame) { if (currentKey !== "") {
lastFrame = frame; emulator.gameboy.pressKey(currentKey);
keyCooldown--;
if (keyCooldown <= 0) {
currentKey = "";
}
} }
lastFrame = frame;
} }
}); });
@ -43,8 +50,12 @@ async function run() {
fastify.get("/control", async(request, reply) => { fastify.get("/control", async(request, reply) => {
const button = request.query.button; const button = request.query.button;
if (button) { if (button) {
const mappedButton = KEYMAP[button.toUpperCase()]; if (keyCooldown > 0)
if (mappedButton) emulator.pressKeys(emulator.gameboy, [mappedButton]); return;
if (KEYMAP[button]) {
currentKey = button;
keyCooldown = 10;
}
} }
}); });

2
html/gb.html
View File

@ -10,7 +10,7 @@
<body style="background-color: #121212"> <body style="background-color: #121212">
<div> <div>
<img id="image" src="http://localhost:3000/image" width="700" style="display: block; margin: auto;" /> <img id="image" src="http://localhost:3000/image" width="700" style="display: block; margin: auto; image-rendering: pixelated;" />
<br> <br>
<div style="position: absolute; left: 50%; transform: translate(-50%, 0);"> <div style="position: absolute; left: 50%; transform: translate(-50%, 0);">
<a id="UP" class="button"> <a id="UP" class="button">