Tutorial 5 — Menu's, opties, pauze en talen

Een menu

Elke scène die van MenuScene erft is een menu: een $title en regels in items().

protected function items(): array
{
    return [
        // [label, waarde rechts, bij Enter, bij links / rechts]
        ['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 in een submenu
}

switchTo() vervangt het scherm (met een fade), push() opent er een bovenop, pop() gaat terug.

De pauze

Een pauze is een menu bovenop de game: isOverlay() geeft true terug en de game blijft eronder getekend.

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)],
        ];
    }
}

// in de game:
if ($this->actions()->isPressed('pause')) {
    $this->scenes()->push(PauseScene::class);
    return;
}

Met pause_scene: App\Scene\PauseScene in game.yaml opent de pauze ook vanzelf wanneer het tabblad verborgen wordt of het venster de focus verliest.

De talen

config/lang.yaml vertaalt de teksten (de labels van menu's worden automatisch vertaald):

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

In de code: Lang::t('{n} COINS', ['n' => $this->coins]); van taal wisselen: $this->engine->lang->setLang('fr').