Folgt deinem Cursor
Kopf, Augen und Körper verfolgen den Zeiger natürlich – als würde sie dich wirklich ansehen.
✦ Deine Live2D-Anime-Waifu
Haru
Haru · Live2D-Cubism-Modell
Ich bin ein echtes Live2D-Cubism-Modell. Ich folge deinem Cursor, blinzle, atme und wechsle die Mimik. 💗 Klick mich für eine Bewegung oder ändere unten meine Stimmung~
Rufe Haru…
Willkommen zu Hause~ ♡
01 — Profil
Über Haru
Ein 2D-Charakter, mit Live2D zum Leben erweckt – nur für dich.
Charakterbogen
- Name
- Haru
- Modell
- Live2D Cubism 4
- Persönlichkeit
- Lieb & fröhlich ☺
- Mag
- Matcha, lange Nächte, dich
- Mimiken
- 8 insgesamt
- Bewegungen
- Idle & Tap
„Willkommen zu Hause. Auch heute gute Arbeit.“
Haru ist ein interaktiver Anime-Charakter, gezeichnet als echtes Live2D-Cubism-4-Modell. Kein statisches Bild, sondern ein Echtzeit-Rig (moc3), das deinem Cursor folgt, natürlich blinzelt und dessen Haar sich mit Physik bewegt.
Diese Seite ist eine Open-Source-Vorlage. Forke sie, ändere Name und Sätze, tausche das Live2D-Modell aus – und du hast deine eigene „2D-Waifu“-Seite.
02 — Funktionen
Funktionen
Schnell, SEO-freundlich und niedlich – alles zugleich.
Blinzeln, Atmen, Haarphysik
Automatische Animationen im Live2D-Modell halten sie jederzeit lebendig.
Schnell & SEO-freundlich
Astro prerendert statisches HTML; die schwere WebGL-Runtime lädt erst, wenn der Canvas sichtbar wird.
Heller / dunkler Modus
Wechsle zwischen „Sakura“ und „Nacht“. Deine Wahl wird gespeichert.
7 Sprachen
Japanisch, Englisch, Spanisch, Deutsch, Türkisch, Portugiesisch und Chinesisch.
Responsiv & barrierefrei
Vom Handy bis zum Ultrawide, und prefers-reduced-motion wird respektiert.
03 — FAQ
Häufige Fragen
Zu Live2D, Performance und Lizenz.
Ist Haru ein echtes Live2D-Modell?
Ja. Sie ist ein echtes Live2D-Cubism-4-Modell (moc3, Texturen, Bewegungen, Mimiken), gerendert mit pixi-live2d-display und PixiJS – ein echtes Rig, keine CSS-Nachahmung.
Warum ist es schnell und SEO-freundlich?
Die Seite wird von Astro zu statischem HTML mit echtem Text, Metadaten und strukturierten Daten prerendert. Die schwere Live2D-Runtime lädt erst, wenn der Canvas in Sicht kommt – so ist der erste Render schnell und die Core Web Vitals bleiben gesund.
Kann ich einen anderen Charakter einsetzen?
Ja. Lege ein beliebiges Cubism-2/4-Modell in public/assets/live2d/ und richte MODEL_URL im Skript auf dessen .model3.json.
Ist es kostenlos? Welche Lizenz?
Der Seitencode ist MIT. Das Beispielmodell „Haru“ ist kostenloses Material von Live2D Inc. und folgt den Live2D-Bedingungen – prüfe sie vor kommerzieller Nutzung.