kobold-ai/bootle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Overhaul: Golden ring flight course and magic spell dueling mini-game with mobile gestures

Browse Source
This commit is contained in:
Maxi
2026-09-22 19:38:57 +02:00
parent efb54befcc
commit 0e20549a44
10 changed files with 831 additions and 329 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/broom.html
+12 -11
View File
@@ -1,22 +1,23 @@
{% extends "base.html" %}
{% block title %}Kammer I: Der Flug der geflügelten Schlüssel · Hogwarts Escape{% endblock %}
{% block title %}Kammer I: Der Goldene Ring-Flug · Hogwarts Escape{% endblock %}
{% block content %}
<div class="parchment-scroll">
<h1 class="parchment-title">🧹 Kammer I: Der Besenflug 🗝️</h1>
<h1 class="parchment-title">🧹 Kammer I: Der Goldene Ring-Flug ⭕</h1>
<p class="riddle-poem" style="font-size: 1.25rem; margin: 0.5rem 0;">
"Hunderte metallischer Flügel schwirren wie Vögel unter der Decke des Gewölbes.<br>
Die schwere Kerkertür am anderen Ende ist fest verschlossen.<br>
Nur ein einziger Schlüssel passt: Ein alter, großer Silberschlüssel mit geknicktem blauem Flügel!"
"Schwinge dich auf deinen Rennbesen über den Dächern von Hogwarts!<br>
Durchfliege die magisch schwebenden goldenen Ringe, halte die Combo aufrecht<br>
und meistere den Parcours von Madam Hooch, um die nächste Pforte zu öffnen!"
</p>
</div>
<div class="canvas-wrapper">
<div class="game-hud">
<div>⏱️ Zeit: <strong id="timerVal">0s</strong></div>
<div>⭕ Ringe: <strong id="ringsVal" style="color: #ffd700;">0/12</strong></div>
<div>✨ Punkte: <strong id="scoreVal">0</strong></div>
<div>🎯 Ziel: <span id="missionText">Schlüssel fangen!</span></div>
<div id="comboVal" style="color: #00ffff; font-weight: bold; min-width: 80px;"></div>
</div>
<canvas id="broomCanvas"></canvas>
@@ -39,25 +40,25 @@
⚡ TURBO
</button>
<div class="touch-hint">
💡 <em>Tipp: Du kannst auch direkt mit dem Finger über das Spielfeld wischen!</em>
💡 <em>Ziehe den Besen einfach mit dem Finger direkt von Ring zu Ring!</em>
</div>
</div>
</div>
<div class="dungeon-card" style="margin-top: 1.5rem;">
<p id="statusMsg" style="text-align: center; font-size: 1.15rem; color: var(--gold); margin-bottom: 0.8rem;">
🎮 <strong>Steuerung:</strong> Pfeiltasten / WASD / Touch-Wischen zum Fliegen · <strong>Leertaste / Turbo</strong> für Besen-Beschleunigung!
🎮 <strong>Steuerung:</strong> Wische mit dem Finger über das Spielfeld oder nutze Pfeiltasten / D-Pad zum Fliegen · <strong>Turbo</strong> für rasanten Schub!
</p>
<p style="text-align: center; color: var(--text-dim); font-size: 0.95rem;">
Fange den großen Silberschlüssel mit dem geknickten Flügel und fliege zur schweren Holztür ganz rechts!
Sammle 12 Ringe, um den Parcours abzuschließen. Schnelligkeit und Combos bringen Zusatzpunkte!
</p>
</div>
<div style="text-align: center; margin-top: 1rem;">
<a href="/chess" class="nav-link" style="color: var(--text-dim);">Direkt weiter zu McGonagalls Zauberschach ♟️ ➔</a>
<a href="/duel" class="nav-link" style="color: var(--text-dim);">Direkt weiter zum Zauberspruch-Duell 🪄 ➔</a>
</div>
{% endblock %}
{% block scripts %}
<script src="/static/js/broom.js?v=2.0"></script>
<script src="/static/js/broom.js?v=3.0"></script>
{% endblock %}