60 lines
2.7 KiB
HTML
60 lines
2.7 KiB
HTML
<!-- file: crates/apps/game-snake-poc-tauri/frontend/main.html -->
|
|
<!-- version: 2 -->
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
|
|
<meta name="theme-color" content="#101418" />
|
|
<title>Snake POC — Tauri Android</title>
|
|
</head>
|
|
<body>
|
|
<header class="app-header">
|
|
<div>
|
|
<p class="eyebrow">games.sasedev</p>
|
|
<h1>Snake — Tauri Android</h1>
|
|
</div>
|
|
<span id="runtime-status" class="status-badge" role="status" aria-live="polite">Initialisation…</span>
|
|
</header>
|
|
|
|
<main class="app-main">
|
|
<section class="game-panel" aria-label="Partie Snake">
|
|
<div class="game-summary">
|
|
<output id="score">Score : 0</output>
|
|
<output id="length">Longueur : 0</output>
|
|
</div>
|
|
<div id="game-stage" class="game-stage">
|
|
<canvas id="game" width="360" height="600" tabindex="0" aria-label="Zone de jeu Snake"></canvas>
|
|
</div>
|
|
</section>
|
|
|
|
<aside class="control-panel" aria-label="Contrôles et runtime">
|
|
<div>
|
|
<h2>Contrôles</h2>
|
|
<p>Flèches, WASD/ZQSD ou boutons tactiles.</p>
|
|
</div>
|
|
<div class="direction-pad" aria-label="Contrôles directionnels tactiles">
|
|
<button class="direction-up" type="button" data-direction="up" aria-label="Haut">↑</button>
|
|
<button class="direction-left" type="button" data-direction="left" aria-label="Gauche">←</button>
|
|
<button class="direction-down" type="button" data-direction="down" aria-label="Bas">↓</button>
|
|
<button class="direction-right" type="button" data-direction="right" aria-label="Droite">→</button>
|
|
</div>
|
|
<dl class="runtime-details">
|
|
<div>
|
|
<dt>Provenance</dt>
|
|
<dd><output id="runtime-provenance">android / tauri-webview / wasm / unknown / unknown</output></dd>
|
|
</div>
|
|
<div>
|
|
<dt>Assets</dt>
|
|
<dd><output id="asset-status">chargement…</output></dd>
|
|
</div>
|
|
</dl>
|
|
<p id="startup-error" class="startup-error" role="alert" hidden></p>
|
|
</aside>
|
|
</main>
|
|
|
|
<footer class="app-footer">POC de référence Tauri Android — gameplay Rust partagé</footer>
|
|
<script type="module" src="/ts/main.ts"></script>
|
|
</body>
|
|
</html>
|