Tutorial 8 — De startpagina van de game en de publicatie

De startpagina: `site/`

Een map games/<id>/site/ (een pagina index.html, afbeeldingen) wordt de pagina van de game op deze site, en de root van je domein als je hem zelf deployt (de game staat dan in play/). Voorbeelden: Rainbow Islands, Sapiens.

in de kleuren van de game, met zijn echte afbeeldingen: screenshots (bin/jumphp shot), zijn sprites, zijn tegels;
een grote link naar de game: href="play/";
vindbaarheid: <title>, <meta name="description">, Open Graph (og:image van 1200 × 630), een <h1>, alt-teksten bij de afbeeldingen, de gestructureerde data VideoGame;
absolute adressen schrijf je als https://{{DOMAIN}}/…: de site vervangt ze door het echte adres;
leesbaar op een telefoon (390 pixels breed, zonder horizontaal scrollen).

Controleer hem met bin/jumphp build:site <id> en daarna bin/jumphp siteshot <id>.

De beschrijving, in alle talen

De site bestaat in 14 talen (fr en es de it pt nl pl ru uk tr ja zh ko): hij toont de beschrijving van het spel in de taal van de bezoeker. Schrijf haar in config/game.yaml, in zoveel mogelijk van die talen (minstens fr en en):

game:
  description: "Een blokjesbreker: 3 levens, elk level een nieuwe muur."
  descriptions:
    fr: "Un casse-briques : 3 vies, un nouveau mur à chaque niveau."
    en: "A brick breaker: 3 lives, a new wall every level."
    es: "Un rompeladrillos: 3 vidas, un muro nuevo en cada nivel."

Zonder vertaling in de taal van de bezoeker wordt de beschrijving van het project getoond.

De site van het spel in andere talen

site/index.html is de pagina in de hoofdtaal van het spel (zijn <html lang>). Elke vertaling komt in site/<code>/index.html (bijvoorbeeld site/en/index.html): dezelfde pagina vertaald, met relatieve paden één map hoger (../images/…, het spel in ../play/). Hier ziet de bezoeker de pagina in zijn taal als die bestaat. Elke pagina somt alle talen op (<link rel="alternate" hreflang="…">) en heeft een klein taalmenu; sitemap.xml geeft één adres per taal. Jouw Claude weet hoe (AGENTS.md §13 van JumPHP).

De afbeelding in het overzicht

assets/thumbnail.png (16:9). Anders neemt de site de og:image-afbeelding van de startpagina, anders het pictogram van de game, en bij gebrek daaraan fotografeert hij de game zelf in een browser.

Wat de site aan elke game toevoegt

Installeren: elke game is als app te installeren (op telefoon en computer), met zijn pictogram (assets/icon.png);
Delen: het deelmenu van de telefoon, of de sociale netwerken op de computer;
de beoordelingen van spelers (van 1 tot 5 sterren, zonder account) en de teller van potjes;
de broncode en de online editor;
de versies (🕘): elke commit die de game heeft veranderd. Spelers krijgen altijd de laatst gepubliceerde versie; een oude speel je opnieuw, neem je op in de sandbox, zet je terug (de maker: vanuit zijn editor, “Naar GitHub sturen”) of fork je;
de reacties, de ideeënbus en de problemen die spelers melden, met of zonder account. Anonieme berichten verschijnen pas nadat jij ze hebt goedgekeurd. De bel 🔔 bovenaan de site telt de nieuwe berichten bij je games en die op jouw goedkeuring wachten; zijn pagina (Meldingen) toont ze allemaal, met de knoppen ✓ Goedkeuren, Markeren als opgelost (voor een probleem) en Verwijderen.

Publiceren

Elke push naar de hoofdbranch van je repository wordt binnen een minuut gepubliceerd. In de Studio toont de projectpagina de status van de publicatie, de fouten, en kun je de game uit het overzicht verbergen.