基于GLFW3在Emscripten中实现KeyJustDown的技术问题咨询

我想实现一个KeyJustDown函数，用来检测指定按键是否刚刚被按下——也就是当前状态为按下，且上一帧状态为抬起。桌面端GLFW3的实现代码如下：

int isKeyJustDown(int key) {
    return !inputState.keysPrev[key] && inputState.keysCurr[key];
}

每帧开始时，我会这样更新输入状态：

struct InputState {
    char keysPrev[256];
    char keysCurr[256];
} inputState;

void updateInput() {
    memcpy(inputState.keysPrev, inputState.keysCurr, 256);

    glfwPollEvents();
}

这套逻辑在桌面GLFW3应用里运行正常，回调会在调用glfwPollEvents时触发，但在Emscripten环境下无法正常工作。我有两个问题：

1. 在Emscripten中，GLFW的按键回调何时被触发？是事件发生时立即触发，还是在循环的特定节点触发？
2. 如何在Emscripten中实现和桌面端完全一致的按键检测行为？

完整示例代码如下：

#include <GLFW/glfw3.h>
#include <memory.h>
#include <stdio.h>

#ifdef __EMSCRIPTEN__
#include <emscripten.h>
#endif

GLFWwindow *window;

struct InputState {
    char keysPrev[256];
    char keysCurr[256];
} inputState;

void updateInput() {
    memcpy(inputState.keysPrev, inputState.keysCurr, 256);

    glfwPollEvents();
}

int isKeyJustDown(int key) {
    return !inputState.keysPrev[key] && inputState.keysCurr[key];
}

void update() {
    updateInput();

    if (isKeyJustDown(GLFW_KEY_E)) {
        printf("Key E\n");
    }

    glfwSwapBuffers(window);
}

void keyCallback(GLFWwindow *window, int key, int scancode, int action, int mods) {
    if (key < 0) return;

    inputState.keysCurr[key] = action != GLFW_RELEASE;
}

int main() {
    if (!glfwInit()) return 1;

    window = glfwCreateWindow(1280, 720, "Input test", NULL, NULL);
    if (!window) return 1;
    glfwSetKeyCallback(window, keyCallback);

#ifdef __EMSCRIPTEN__
    emscripten_set_main_loop(update, 0, 1);
#else
    while (!glfwWindowShouldClose(window)) {
        update();
    }

    glfwTerminate();
#endif

    return 0;
}

问题解答 #

1. Emscripten中GLFW回调的触发时机 #

在Emscripten环境下，浏览器采用异步事件模型，GLFW的按键回调并非在调用glfwPollEvents时批量触发，而是在浏览器的事件循环中，当实际按键事件发生时立即执行。这和桌面端GLFW缓存事件、等待glfwPollEvents/glfwWaitEvents时再分发回调的机制完全不同。

这种差异会导致你的逻辑失效：比如按键事件可能在两帧之间触发并修改keysCurr，等到下一帧执行updateInput复制keysPrev时，已经错过了“上一帧为抬起状态”的判断时机。

2. 实现与桌面端一致的按键检测行为 #

要解决状态不同步问题，需要让按键状态的更新和帧循环严格同步，确保每帧只处理一次该帧内的状态变化，具体有两种可行方案：

方案一：用glfwGetKey替代回调

放弃按键回调，直接在每帧更新时通过glfwGetKey获取当前所有按键的状态，保证状态与帧完全同步：

void updateInput() {
    memcpy(inputState.keysPrev, inputState.keysCurr, 256);

    // 遍历按键，更新当前帧的按键状态
    for (int key = 0; key < 256; key++) {
        inputState.keysCurr[key] = glfwGetKey(window, key) == GLFW_PRESS;
    }

    glfwPollEvents(); // 仍需调用以处理窗口等其他事件
}

这种方式和桌面端逻辑完全对齐，glfwGetKey在Emscripten中会返回当前帧的按键状态，避免了异步回调带来的状态混乱。

方案二：缓存异步事件，帧内批量同步

如果不想放弃回调，可以新增一个临时状态缓存，将回调的实时修改暂存，在每帧开始时再同步到keysCurr，确保状态更新只在帧周期内生效：

struct InputState {
    char keysPrev[256];
    char keysCurr[256];
    char keysTemp[256]; // 新增临时缓存，存储回调的实时修改
} inputState;

// 初始化时重置所有状态数组
void initInput() {
    memset(inputState.keysPrev, 0, 256);
    memset(inputState.keysCurr, 0, 256);
    memset(inputState.keysTemp, 0, 256);
}

void keyCallback(GLFWwindow *window, int key, int scancode, int action, int mods) {
    if (key < 0 || key >= 256) return;
    inputState.keysTemp[key] = action != GLFW_RELEASE;
}

void updateInput() {
    memcpy(inputState.keysPrev, inputState.keysCurr, 256);
    // 将临时缓存的状态同步到当前帧状态
    memcpy(inputState.keysCurr, inputState.keysTemp, 256);

    glfwPollEvents();
}

需要在main函数中调用initInput()完成状态初始化。这种方式把异步回调的修改隔离在临时数组中，每帧统一同步，保证了帧之间的状态切换逻辑和桌面端一致。

内容的提问来源于stack exchange，提问作者KlemenPl