5355e725c1
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
92 lines
2.9 KiB
Markdown
92 lines
2.9 KiB
Markdown
# 🎮 Julian's Geburtstagskarte
|
||
|
||
Eine interaktive Geburtstagskarte mit Space Invaders Minigame und Rubbelkarten für Steam-Keys!
|
||
|
||
## 📋 Setup-Anleitung
|
||
|
||
### Steam-Keys eintragen:
|
||
|
||
1. **Kopiere `keys.example.js` zu `keys.js`**:
|
||
```bash
|
||
copy keys.example.js keys.js
|
||
```
|
||
2. **Öffne `keys.js`** in einem Texteditor
|
||
3. **Ersetze die Platzhalter-Keys** mit den echten Steam-Keys:
|
||
```javascript
|
||
const STEAM_KEYS = {
|
||
'atomic-heart': 'DEIN-ATOMIC-HEART-KEY',
|
||
'prey': 'DEIN-PREY-KEY',
|
||
'elden-ring': 'DEIN-ELDEN-RING-KEY'
|
||
};
|
||
```
|
||
4. **Speichere die Datei** (wird automatisch von .gitignore geschützt)
|
||
|
||
### Alternative: .env Datei verwenden:
|
||
- Bearbeite die `.env` Datei 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:
|
||
1. **Atomic Heart** - Sowjetisches Sci-Fi Abenteuer
|
||
2. **Prey** - Weltraum-Horror Thriller
|
||
3. **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! 🎂
|
||
|
||
## <20> 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)
|
||
```
|
||
|
||
## <20>💝 Von Simon mit Liebe gemacht! ❤️
|
||
|
||
Alles Gute zum Geburtstag, Julian! 🎂 |