new file: README.md new file: images/atomic-heart.png new file: images/julian.png new file: images/prey.png new file: index.html new file: keys.example.js new file: script.js new file: style.css
🎮 Julian's Geburtstagskarte
Eine interaktive Geburtstagskarte mit Space Invaders Minigame und Rubbelkarten für Steam-Keys!
📋 Setup-Anleitung
Steam-Keys eintragen:
- Kopiere
keys.example.jszukeys.js:copy keys.example.js keys.js - Öffne
keys.jsin einem Texteditor - Ersetze die Platzhalter-Keys mit den echten Steam-Keys:
const STEAM_KEYS = { 'atomic-heart': 'DEIN-ATOMIC-HEART-KEY', 'prey': 'DEIN-PREY-KEY', 'elden-ring': 'DEIN-ELDEN-RING-KEY' }; - Speichere die Datei (wird automatisch von .gitignore geschützt)
Alternative: .env Datei verwenden:
- Bearbeite die
.envDatei und trage dort die Keys ein - Die Keys werden automatisch geladen
🎮 Spielanleitung
Space Invaders:
- Bewegung: ← → Pfeiltasten ODER A D Tasten
- Schießen: Leertaste ODER W Taste
- Ziel: Alle 15 Aliens besiegen um die Geschenke freizuschalten
Rubbelkarten:
- 65% der Karte muss freigerubbelt werden
- Fortschrittsbalken zeigt den aktuellen Stand
- Echte Steam-Keys werden nach dem Rubbeln enthüllt
🎁 Enthaltene Spiele:
- Atomic Heart - Sowjetisches Sci-Fi Abenteuer
- Prey - Weltraum-Horror Thriller
- Elden Ring 👑 - Das Hauptgeschenk! FromSoftware Meisterwerk
🛠 Technische Details:
- Vollständig in HTML5, CSS3 und JavaScript
- Funktioniert offline nach dem ersten Laden
- Responsive Design für Desktop und Mobile
- Canvas-basiertes Space Invaders Spiel
- Erweiterte Rubbelkarten mit Fortschrittsanzeige
🎉 Features:
- ✅ Space Invaders Minigame (15 Aliens)
- ✅ WASD + Pfeiltasten Steuerung
- ✅ Erweiterte Rubbelkarten (65% erforderlich)
- ✅ Konfigurierbare Steam-Keys
- ✅ Partikeleffekte und Animationen
- ✅ Easter Egg (Konami-Code)
- ✅ Mobile Touch-Support
- ✅ Julian Easter Egg: Seltenes schwebendes Julian-Bild (5% Chance) mit Celebration-Effekt! 🎂
<EFBFBD> Git-Sicherheit:
⚠️ WICHTIG: Die .gitignore Datei schützt automatisch:
keys.js- Enthält die echten Steam-Keys.env- Alternative Konfigurationsdatei- Alle temporären und persönlichen Dateien
✅ Sicher zum Committen:
keys.example.js- Beispiel-Template ohne echte Keys- Alle anderen Projektdateien
📁 Projektstruktur:
📁 geburstags karte/
├── 🌐 index.html
├── 🎨 style.css
├── 🎮 script.js
├── 🔑 keys.example.js (Template - sicher)
├── 🔑 keys.js (Echte Keys - gitignore geschützt)
├── ⚙️ .env (Alternative Config - gitignore geschützt)
├── 🚫 .gitignore (Schutz für sensible Daten)
├── 📖 README.md
└── 📁 images/
├── 🖼️ atomic-heart.png (Hover-Bild)
├── 🖼️ prey.png (Hover-Bild)
└── 🎂 julian.png (Easter Egg - seltenes schwebendes Bild)
<EFBFBD>💝 Von Simon mit Liebe gemacht! ❤️
Alles Gute zum Geburtstag, Julian! 🎂
Description
Languages
JavaScript
57.3%
CSS
26.4%
HTML
16.3%