Déplacement/animation automatiques d'un personnage (scène 2D)

Simplification demandée pour l'éditeur de jeu RPG : un personnage posé
sur une scène 2D se déplace et s'anime TOUT SEUL avec ZQSD (+ E pour
interagir) dès qu'il est posé — plus besoin de poser le moindre nœud de
flow pour un mouvement de base. Le panneau "🕹️ Commandes" du personnage
permet de remapper les 4 touches de déplacement et la touche
d'interaction, et de bloquer un axe (horizontal/vertical seulement).

Entièrement client (static/js/play/personnage-controller.js), réutilise
heldKeys (triggers.js) et applyObjectProperty/clampSceneObjectPosition/
runSpriteAnimation (actions.js) — aucune logique dupliquée, et ça
fonctionne aussi bien en ligne que dans l'export Web/SCORM (aucune
requête serveur). "walk"/"idle"/"interact" (poses déjà présentes pour
tout personnage Forge/CraftPix) sont utilisées telles quelles ; une pose
absente dégrade silencieusement (déplacement sans animation) plutôt que
de planter.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

static/js/scenes/scene-editor.js

@@ -143,3 +143,35 @@ function swapSceneObjectCharacter(forgeCharacter) {
       }
     });
 }
+
+// "Commandes" (voir static/js/play/personnage-controller.js) : touches de
+// déplacement/interaction + blocage d'axe d'un personnage — un seul
+// formulaire, enregistré en AJAX à chaque changement de champ, même
+// patron que swapSceneObjectCharacter() ci-dessus (POST JSON vers
+// routes/scenes/scene_object_commands.py, aucun rechargement de page).
+function saveSceneObjectCommands() {
+  var body = document.getElementById('personnageCommandsBody');
+  if (!body) return;
+  var objectId = parseInt(body.dataset.elementId, 10);
+  fetch('/game/' + GAME_SLUG + '/scene-objects/' + objectId + '/commandes', {
+    method: 'POST', headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({
+      haut: document.getElementById('cmd-haut').value,
+      bas: document.getElementById('cmd-bas').value,
+      gauche: document.getElementById('cmd-gauche').value,
+      droite: document.getElementById('cmd-droite').value,
+      interagir: document.getElementById('cmd-interagir').value,
+      axe: document.getElementById('cmd-axe').value,
+      vitesse: document.getElementById('cmd-vitesse').value,
+    }),
+  });
+}
+
+(function () {
+  var body = document.getElementById('personnageCommandsBody');
+  if (!body) return;
+  ['cmd-haut', 'cmd-bas', 'cmd-gauche', 'cmd-droite', 'cmd-interagir', 'cmd-axe', 'cmd-vitesse'].forEach(function (id) {
+    var el = document.getElementById(id);
+    if (el) el.addEventListener('change', saveSceneObjectCommands);
+  });
+})();