La mascota es una escena; las barras, los botones y el destello son componentes de React dentro de <Game>, de nacatamalon/react. Cada lado sigue sus propias reglas. El cuerpo de la escena se ejecuta una sola vez, así que lee el store con useStore del motor, que llama a una función cuando el valor cambia. Un componente se vuelve a renderizar, así que lo lee con useGameStore, que devuelve el valor. F y P también funcionan desde el teclado, y el botón FEED y la tecla F pasan por la misma señal.
Fíjate en los contadores de renders: las barras eligen un valor que cambia en cada fotograma y se renderizan en cada fotograma; el humor elige hunger > 30 y solo se renderiza cuando cambia la respuesta. Elige valores, no objetos: el estado se cambia en su sitio, así que (s) => s.items nunca parece cambiar y (s) => s.items.length sí.
Solo en el navegador, por ahora. La versión nativa (escritorio) muestra solo lo que dibuja el motor, así que un HUD en React no se ve allí. Si tu juego va a salir en nativo, haz el HUD con el motor: createText, sprites y createNineSlice.