🦅 AdLer 3D Model Repository

Hochwertige 3D-Modelle (GLB-Format) für deine Projekte. Kostenlos zum Download und sofort einsatzbereit für Web, Mobile und 3D-Anwendungen.

🌐 Live Demo

➡️ AdLer 3D Models Website

✨ Features

• 🎨 250+ hochwertige 3D-Modelle
• 🔄 3D-Vorschau mit Three.js - Interaktive Rotation
• 📱 Responsive Design - Mobile & Desktop
• ⚡ Schnelle Downloads - Einzeln oder als ZIP
• 🔄 Modell-Auswahl - Wähle nur die Modelle, die du brauchst
• 🆓 MIT-Lizenz - Frei verwendbar für alle Projekte
• 🏷️ Kategorien - 3D Icons, Avatar, NPCs, Raumelemente, Environments

🚀 Verwendung

1. Besuche die Website: AdLer 3D Models
2. Modelle durchsuchen: Alle verfügbaren 3D-Modelle werden automatisch geladen
3. Auswählen: Klicke die Checkboxen der gewünschten Modelle an
4. Herunterladen:
   • Einzelne Modelle über den "GLB herunterladen" Button
   • Mehrere Modelle über "Ausgewählte 3D-Modelle herunterladen"
   • Alle Modelle über "Alle 3D-Modelle als ZIP herunterladen"

📁 Projektstruktur

AdLerModelRepo/
├── index.html               # Hauptseite
├── styles.css               # Styling
├── models/                  # GLB-Modelldateien
│   ├── 3dIcons/            # 3D Icons
│   ├── avatarEditorContent/ # Avatar-Teile
│   ├── npcs/               # NPC-Charaktere
│   ├── misc/               # Raumelemente
│   └── environments/       # Umgebungen
├── website-assets/          # Logo und Assets
├── core-data/               # Daten und Übersetzungen
│   ├── translations.js      # Mehrsprachigkeit
│   └── model-database.js    # Modell-Metadaten
├── functionality-modules/   # JavaScript-Module
│   ├── model-viewer.js      # Three.js 3D-Rendering
│   ├── selection-manager.js # Auswahl-Logik
│   ├── icon-grid.js         # Grid-Darstellung
│   ├── download-manager.js  # Download-Funktionen
│   ├── language-manager.js  # Sprachenwechsel
│   └── app-init.js          # Initialisierung
└── tests/                   # Playwright-Tests

🛠️ Technologien

• Three.js - 3D-Rendering mit WebGL
• Vanilla JavaScript - Keine zusätzlichen Frameworks
• CSS Grid - Responsive Modell-Layout
• JSZip - Client-seitige ZIP-Erstellung
• Lazy Loading - Performance-Optimierung für 3D-Modelle
• GitHub Pages - Kostenlose Hosting-Lösung

📝 Lizenz

Alle 3D-Modelle stehen unter der MIT-Lizenz und sind frei verwendbar.

🤝 Beitragen

1. Repository forken
2. Feature Branch erstellen (git checkout -b feature/AmazingFeature)
3. Änderungen committen (git commit -m 'Add some AmazingFeature')
4. Branch pushen (git push origin feature/AmazingFeature)
5. Pull Request erstellen

🔧 Lokale Entwicklung

# Repository klonen
git clone https://github.com/ProjektAdLer/AdLerModels.git
cd AdLerModels

# Lokalen Server starten
npx http-server . -p 3000

# Öffne http://localhost:3000

📈 Performance

• ⚡ Optimierte 3D-Rendering-Performance
• 📱 Mobile-optimiert
• 🔄 Bidirektionales Lazy Loading für 3D-Modelle
• 💾 Effiziente ZIP-Komprimierung
• ⚙️ Frame-Skipping für reduzierte CPU/GPU-Last

---

Erstellt mit ❤️ für das AdLer-Projekt