pihkaal/pihkaal-me
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: dispatch key up event when in 2d mode

Browse Source
This commit is contained in:
Stevan
2025-12-22 17:14:24 +01:00
parent 19450f0bf7
commit db0547d9f9
1 changed files with 25 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
app/pages/index.vue
View File

@@ -17,12 +17,6 @@ const bottomScreen = useTemplateRef<ScreenInstance>("bottomScreen");
const topScreenCanvas = computed(() => topScreen.value?.canvas ?? null);
const bottomScreenCanvas = computed(() => bottomScreen.value?.canvas ?? null);
useKeyDown((key) => {
// events are dispatched from NDS.vue in 3d mode
// events are dispatched from here in 2d mode
// that's a bit dirty but who cares, there is a lot of dirty things going on here
// like who choose Nuxt to build such an app
if (ENABLE_3D) return;
const keyToButton: Record<string, string> = {
ArrowUp: "UP",
ArrowDown: "DOWN",
@@ -35,6 +29,13 @@ useKeyDown((key) => {
" ": "SELECT",
Enter: "START",
};
// events are dispatched from NDS.vue in 3d mode
// events are dispatched from here in 2d mode
// that's a bit dirty but who cares, there is a lot of dirty things going on here
// like who choose Nuxt to build such an app
useKeyDown((key) => {
if (ENABLE_3D) return;
const button = keyToButton[key];
if (button) {
window.dispatchEvent(
@@ -42,6 +43,14 @@ useKeyDown((key) => {
);
}
});
useKeyUp((key) => {
if (ENABLE_3D) return;
const button = keyToButton[key];
if (button) {
window.dispatchEvent(new KeyboardEvent("keyup", { key: `NDS_${button}` }));
}
});
</script>
<template>