Pierre MARTINandClaude Opus 5.5
120367e6d3
web/ : le moteur tourne dans un Web Worker (module ES) ; la page de test donne le meilleur coup d'une position et son temps de calcul ; la page de mesure chronomètre les positions de référence, mesure la taille téléchargée et la mémoire, compare aux seuils de l'étape 0b et produit un rapport à copier. make bench fait la même mesure sous Node, make deploy-web sert les pages sur le réseau local. Guide de test pour le Fairphone 4 dans docs/guide-test-etape-0.md. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
49 lines
1.6 KiB
HTML
49 lines
1.6 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Ustagammon : test du moteur</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script type="module" src="page.mjs"></script>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<h1>Test du moteur</h1>
|
|
<p>Le moteur GNU Backgammon, compilé en WebAssembly, calcule dans le navigateur.</p>
|
|
<p id="status" class="status">Chargement du moteur…</p>
|
|
|
|
<form id="form">
|
|
<label>Exemple
|
|
<select id="example"><option value="">(choisir une position de référence)</option></select>
|
|
</label>
|
|
<label>Position ID
|
|
<input id="position-id" required autocomplete="off" spellcheck="false" value="4HPwATDgc/ABMA">
|
|
</label>
|
|
<label>Match ID
|
|
<input id="match-id" required autocomplete="off" spellcheck="false" value="cIkFAAAAAAAA">
|
|
</label>
|
|
<div class="row">
|
|
<label>Dé 1 <input id="die1" type="number" min="1" max="6" required value="3"></label>
|
|
<label>Dé 2 <input id="die2" type="number" min="1" max="6" required value="1"></label>
|
|
<label>Niveau
|
|
<select id="ply">
|
|
<option value="0">rapide (0 pli)</option>
|
|
<option value="2">fort (2 plis)</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
<button id="best-move" type="submit" disabled>Meilleur coup</button>
|
|
</form>
|
|
|
|
<section id="result" class="result" hidden>
|
|
<p>Meilleur coup : <strong id="move"></strong></p>
|
|
<p id="details"></p>
|
|
<p>Temps de calcul : <strong id="time"></strong></p>
|
|
</section>
|
|
|
|
<p><a href="bench.html">Page de mesure</a></p>
|
|
</main>
|
|
</body>
|
|
</html>
|