Tutorial 5 — Menús, opciones, pausa e idiomas

Un menú

Toda escena que hereda de MenuScene es un menú: un $title y unas líneas items().

protected function items(): array
{
    return [
        // [etiqueta, valor a la derecha, con Intro, con izquierda / derecha]
        ['PLAY', null, fn () => $this->scenes()->switchTo(PlayScene::class, ['level' => 1])],
        ['VOLUME', fn () => round($this->sound()->getSfxVolume() * 100) . '%', null,
            fn (int $dir) => $this->sound()->setSfxVolume($this->sound()->getSfxVolume() + $dir / 10)],
        ['OPTIONS', null, fn () => $this->scenes()->push(OptionsScene::class)],
    ];
}

protected function back(): void
{
    $this->scenes()->pop();    // Esc en un submenú
}

switchTo() sustituye la pantalla (con un fundido), push() abre una encima y pop() vuelve a la anterior.

La pausa

Una pausa es un menú por encima del juego: isOverlay() devuelve true y el juego sigue dibujado debajo.

final class PauseScene extends MenuScene
{
    protected string $title = 'PAUSE';

    public function isOverlay(): bool
    {
        return true;
    }

    protected function items(): array
    {
        return [
            ['RESUME', null, fn () => $this->scenes()->pop()],
            ['TITLE SCREEN', null, fn () => $this->scenes()->switchTo(TitleScene::class)],
        ];
    }
}

// en el juego:
if ($this->actions()->isPressed('pause')) {
    $this->scenes()->push(PauseScene::class);
    return;
}

Con pause_scene: App\Scene\PauseScene en game.yaml, la pausa también se abre sola cuando la pestaña se oculta o la ventana pierde el foco.

Los idiomas

config/lang.yaml traduce los textos (las etiquetas de los menús se traducen automáticamente):

fr:
  PLAY: JOUER
  '{n} COINS': '{n} PIECES'

En el código: Lang::t('{n} COINS', ['n' => $this->coins]); para cambiar de idioma: $this->engine->lang->setLang('fr').