Miroirs/db48x-wasm
1
0
Fork 0
mirror of https://github.com/sunpazed/db48x-wasm synced 2024-09-28 03:20:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated hit-box touch events to be larger

Browse source
This commit is contained in:
Franco Trimboli 2024-06-05 19:32:17 +10:00
parent c85c1ce5d3
commit 8be57e1abe
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
bin/index.html
View file

@ -58,6 +58,7 @@
flex-direction: column;
align-items: center;
justify-items: center;
padding-bottom: 15%;
}
</style>
@ -118,7 +119,7 @@
let threadCanvas;
// Keyboard mapping with key areas
const key_map = [
const key_map_ = [
[ 38, 0.03, 0.15, 0.03, 0.10 ], // Qt::Key_F1,
[ 39, 0.20, 0.32, 0.03, 0.10 ], // Qt::Key_F2,
[ 40, 0.345, 0.47, 0.03, 0.10 ], // Qt::Key_F3,
@ -238,6 +239,15 @@
"ArrowDown": 23,
};
let key_map = [];
// we create a keymap that is slightly larger than the actual original keymap
// this helps with the touch events
for (let i=0; i<key_map_.length; i++) {
let offset = 0.015;
key_map.push([key_map_[i][0], key_map_[i][1]-offset, key_map_[i][2]+offset, key_map_[i][3]-offset, key_map_[i][4]+offset]);
}
// canvas for the keyboard
const canvas_key = document.getElementById('keyCanvas');
const KEY_H = SIM_LCD_SCANLINE * KB_RATIO;