9b1d47d4c7
Ghost train cars now individually adjust opacity based on proximity to local train, reducing visual clutter when overlapping while maintaining clarity when separated. Changes: - Calculate local train car positions array in SteamTrainJourney - Pass positions to GhostTrain for overlap detection - Rewrite GhostTrain to render locomotive and each car separately - Each car calculates opacity independently (0.35 when <20% from any local car, 1.0 otherwise) - Smooth 0.3s CSS transitions between opacity states - Overlap threshold: 20% of track length Benefits: - Reduced clutter when trains overlap - Clear visibility when trains separated - Per-car granularity for mixed scenarios 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| .claude | ||
| .storybook | ||
| __tests__ | ||
| data | ||
| docs | ||
| drizzle | ||
| e2e | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| CARD_SORTING_PORT_PLAN.md | ||
| COMPLEMENT_RACE_PORT_PLAN.md | ||
| DEVELOPMENT_STANDARDS.md | ||
| LINTING.md | ||
| biome.jsonc | ||
| drizzle.config.ts | ||
| eslint.config.js | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| panda.config.ts | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| server.js | ||
| svg-processing-test.js | ||
| test-arcade-api.sh | ||
| test-flashcards-final.pdf | ||
| test-flashcards.pdf | ||
| test-simplified.pdf | ||
| test_fullscreen_persistence.html | ||
| test_panda_simple.html | ||
| tsconfig.json | ||
| tsconfig.server.json | ||
| vitest.config.ts | ||