From 8947a28e59c3b5ad0adca8027b1803156cf7a63e Mon Sep 17 00:00:00 2001 From: schmop Date: Sun, 31 May 2026 16:58:13 +0200 Subject: [PATCH] =?UTF-8?q?Regenbogenland=20entfernen=20=E2=80=94=20Sterne?= =?UTF-8?q?=20sind=20die=20h=C3=B6chste=20Stufe?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app.css | 7 +----- src/lib/audio/soundManager.ts | 2 +- src/lib/components/game/HeightTrack.svelte | 22 ++++--------------- .../components/home/HighscoreColumn.svelte | 2 -- src/lib/components/home/NumberCard.svelte | 10 ++++----- src/lib/game/persistence.test.ts | 2 +- src/lib/game/stages.ts | 9 +++----- src/lib/screens/GameScreen.svelte | 3 ++- 8 files changed, 17 insertions(+), 40 deletions(-) diff --git a/src/app.css b/src/app.css index d431fea..c2a7368 100644 --- a/src/app.css +++ b/src/app.css @@ -9,12 +9,7 @@ --c-rocket-fin: #4a4a6e; --c-flame-inner: #fff4b3; --c-flame-outer: #ff8a3d; - --c-rainbow-1: #ff5555; - --c-rainbow-2: #ffa84a; - --c-rainbow-3: #ffe34a; - --c-rainbow-4: #6cdc6c; - --c-rainbow-5: #4ab3ff; - --c-rainbow-6: #b06cff; + --c-star: #ffe34a; --c-correct: #5fd07a; --c-text: #1f1f3a; --c-text-on-dark: #ffffff; diff --git a/src/lib/audio/soundManager.ts b/src/lib/audio/soundManager.ts index f28d022..afd9289 100644 --- a/src/lib/audio/soundManager.ts +++ b/src/lib/audio/soundManager.ts @@ -7,7 +7,7 @@ // boost — Raketenschub (Whoosh, niedrig) // level — neue Stufe (Akkord aufsteigend) // countdown — letzte 5 Sekunden (Tick pro Sekunde, höher werdend) -// fanfare — Regenbogenland erreicht (kurze Tonfolge) +// fanfare — Sterne erreicht / Runde gewonnen (kurze Tonfolge) import { get } from 'svelte/store'; import { settings } from '../stores/settings'; diff --git a/src/lib/components/game/HeightTrack.svelte b/src/lib/components/game/HeightTrack.svelte index 68cdbc2..4f6b830 100644 --- a/src/lib/components/game/HeightTrack.svelte +++ b/src/lib/components/game/HeightTrack.svelte @@ -4,15 +4,15 @@ import Cloud from '../svg/Cloud.svelte'; import Moon from '../svg/Moon.svelte'; import Star from '../svg/Star.svelte'; - import Rainbow from '../svg/Rainbow.svelte'; import { STAGE_THRESHOLDS } from '../../game/stages'; type Props = { correct: number; won: boolean }; let { correct, won }: Props = $props(); - // Höhenpositionen 0..1 entlang der Bahn (von unten = 0 nach oben = 1) - const STAGE_Y = [0.05, 0.25, 0.45, 0.65, 0.85, 0.97] as const; + // Höhenpositionen 0..1 entlang der Bahn (von unten = 0 nach oben = 1); Sterne sind oben. + const STAGE_Y = [0.05, 0.25, 0.45, 0.65, 0.85] as const; + const WIN_Y = 0.95; // beim Sieg fliegt die Rakete hoch hinauf zu den Sternen // Rakete bewegt sich kontinuierlich pro richtiger Antwort: bei den Schwellen-Counts // sitzt sie genau auf der jeweiligen Stufen-Markierung, dazwischen wird interpoliert. @@ -29,7 +29,7 @@ } return STAGE_Y[4]; } - const rocketY = $derived(won ? STAGE_Y[5] : yFor(correct)); + const rocketY = $derived(won ? WIN_Y : yFor(correct));
@@ -48,9 +48,6 @@
-
- -
- {#if masteredAtRainbow} + {#if masteredAtStars} {/if} @@ -87,7 +87,7 @@ .dot-2 { bottom: 38%; } .dot-3 { bottom: 58%; } .dot-4 { bottom: 78%; } - .dot-5 { bottom: 92%; background: var(--c-rainbow-3); width: 6px; height: 6px; } + .dot-5 { bottom: 92%; background: var(--c-star); width: 6px; height: 6px; } .footer { display: flex; diff --git a/src/lib/game/persistence.test.ts b/src/lib/game/persistence.test.ts index 00c0d55..b8732da 100644 --- a/src/lib/game/persistence.test.ts +++ b/src/lib/game/persistence.test.ts @@ -37,7 +37,7 @@ describe('progress', () => { it('limits top5 to five entries', () => { let p = emptyProgress(); - for (let i = 0; i < 10; i++) p = recordRun(p, 6, ((i % 5) + 1) as 1 | 2 | 3 | 4 | 5); + for (let i = 0; i < 10; i++) p = recordRun(p, 6, ((i % 4) + 1) as 1 | 2 | 3 | 4); expect(p.perTarget[6].top5.length).toBe(5); expect(p.perTarget[6].runs).toBe(10); }); diff --git a/src/lib/game/stages.ts b/src/lib/game/stages.ts index 497c83b..df0a901 100644 --- a/src/lib/game/stages.ts +++ b/src/lib/game/stages.ts @@ -1,13 +1,11 @@ // Schwellen aus BRAINSTORM.md: 2/4/7/10 richtige Aufgaben pro Stufenaufstieg. -// Während der Runde zeigt die Rakete Stufen 0..4: -// 0 Boden, 1 Luftballon, 2 Wolken, 3 Mond, 4 Sterne. -// Stufe 5 (Regenbogenland) ist die Win-Celebration — wird nicht durch stageFor zurückgegeben, -// sondern durch isWin() signalisiert und im ResultScreen dargestellt. +// Stufen 0..4: 0 Boden, 1 Luftballon, 2 Wolken, 3 Mond, 4 Sterne. +// Die Sterne sind die höchste Stufe und zugleich der Sieg (isWin). export const STAGE_THRESHOLDS = [2, 4, 7, 10] as const; export const TOTAL_TO_WIN = 10; -export type Stage = 0 | 1 | 2 | 3 | 4 | 5; +export type Stage = 0 | 1 | 2 | 3 | 4; export const STAGE_NAMES: Record = { 0: 'boden', @@ -15,7 +13,6 @@ export const STAGE_NAMES: Record = { 2: 'wolken', 3: 'mond', 4: 'sterne', - 5: 'regenbogenland', }; export function stageFor(correct: number): Stage { diff --git a/src/lib/screens/GameScreen.svelte b/src/lib/screens/GameScreen.svelte index 0fbb433..637a348 100644 --- a/src/lib/screens/GameScreen.svelte +++ b/src/lib/screens/GameScreen.svelte @@ -10,6 +10,7 @@ import Timer from '../components/game/Timer.svelte'; import BurstFx from '../components/game/BurstFx.svelte'; import IconButton from '../components/shared/IconButton.svelte'; + import Star from '../components/svg/Star.svelte'; type Props = { target: Target }; let { target }: Props = $props(); @@ -84,7 +85,7 @@ /> {:else if $game.status === 'won'}
- 🌈 +
{/if}