gurix/Zauberwald
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(01-05): forest screen with level map and complete app flow

Browse Source 
- Add forest overview screen with 6-level map showing locked/current/completed states
- Create src/forest/scene.ts with getLevelStatus, renderLevelMap, initForestScreen
- Wire complete flow: welcome -> forest -> lesson -> forest with progress updates
- Add forest CSS with level card styles and continue button

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
gurix
2026-03-29 11:15:18 +02:00
co-authored by Claude Opus 4.6
parent d04e09a5a3
commit 5bac8501bf
4 changed files with 225 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+9 -1
View File
@@ -27,7 +27,15 @@
<button class="welcome__start-btn" id="start-btn" disabled>Los geht's!</button>
</div>
</section>
<section id="screen-forest" class="screen"></section>
<section id="screen-forest" class="screen">
<div class="forest">
<h1 class="forest__title">Dein Zauberwald</h1>
<div class="forest__level-map" id="level-map">
<!-- Level cards rendered dynamically -->
</div>
<button class="forest__continue-btn" id="continue-btn">Weiter ueben</button>
</div>
</section>
<section id="screen-lesson" class="screen">
<div class="lesson">
<div class="lesson__letter-area" id="letter-area">