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>

templates/play.html

@@ -147,6 +147,7 @@
 {% endif %}
 <script src="{{ asset_url('js/play/actions.js') }}"></script>
 <script src="{{ asset_url('js/play/triggers.js') }}"></script>
+<script src="{{ asset_url('js/play/personnage-controller.js') }}"></script>
 <script src="{{ asset_url('js/play/bindings.js') }}"></script>
 <script src="{{ asset_url('js/play/flow-engine.js') }}"></script>
 <script>

templates/scene_edit.html

@@ -672,6 +672,46 @@
           {% endif %}
         </div>
       </details>
+      <!-- Déplacement/animation automatiques (voir static/js/play/
+           personnage-controller.js) : ce personnage se déplace et s'anime
+           TOUT SEUL avec ces touches dès qu'il est posé sur la scène, sans
+           le moindre nœud de flow à poser — ce panneau ne fait que
+           permettre de les remapper/bloquer un axe. -->
+      <details class="propGroup">
+        <summary>🕹️ Commandes</summary>
+        <div class="propGroupBody" id="personnageCommandsBody" data-element-id="{{ obj.id }}">
+          <p class="help">Ce personnage se déplace et s'anime automatiquement avec ces touches, sans rien à poser dans la logique.</p>
+          <div class="field is-grouped">
+            <div class="control"><label class="label is-small">Haut</label>
+              <input class="input is-small" id="cmd-haut" maxlength="12" value="{{ personnage_commands.haut }}"></div>
+            <div class="control"><label class="label is-small">Bas</label>
+              <input class="input is-small" id="cmd-bas" maxlength="12" value="{{ personnage_commands.bas }}"></div>
+          </div>
+          <div class="field is-grouped">
+            <div class="control"><label class="label is-small">Gauche</label>
+              <input class="input is-small" id="cmd-gauche" maxlength="12" value="{{ personnage_commands.gauche }}"></div>
+            <div class="control"><label class="label is-small">Droite</label>
+              <input class="input is-small" id="cmd-droite" maxlength="12" value="{{ personnage_commands.droite }}"></div>
+          </div>
+          <div class="field"><label class="label is-small">Interagir</label>
+            <div class="control"><input class="input is-small" id="cmd-interagir" maxlength="12" value="{{ personnage_commands.interagir }}"></div>
+          </div>
+          <div class="field"><label class="label is-small">Axe de déplacement</label>
+            <div class="control">
+              <div class="select is-small">
+                <select id="cmd-axe">
+                  <option value="libre" {{ 'selected' if personnage_commands.axe == 'libre' else '' }}>Libre</option>
+                  <option value="horizontal" {{ 'selected' if personnage_commands.axe == 'horizontal' else '' }}>Horizontal seulement (gauche/droite)</option>
+                  <option value="vertical" {{ 'selected' if personnage_commands.axe == 'vertical' else '' }}>Vertical seulement (haut/bas)</option>
+                </select>
+              </div>
+            </div>
+          </div>
+          <div class="field"><label class="label is-small">Vitesse (px/tick)</label>
+            <div class="control"><input class="input is-small" type="number" id="cmd-vitesse" min="1" max="20" value="{{ personnage_commands.vitesse }}"></div>
+          </div>
+        </div>
+      </details>
       {% endif %}
     {% endif %}
     </div>