Sigue tu cursor
Cabeza, ojos y cuerpo siguen el puntero con naturalidad, como si te mirara de verdad.
✦ Tu esposa anime Live2D
Haru
Haru · Modelo Live2D Cubism
Soy un modelo Live2D Cubism real. Sigo tu cursor, parpadeo, respiro y cambio de expresión. 💗 Haz clic para una animación, o usa los botones para cambiar mi ánimo~
Llamando a Haru…
¡Bienvenido a casa~ ♡
01 — Perfil
Sobre Haru
Un personaje 2D con vida gracias a Live2D, solo para ti.
Ficha del personaje
- Nombre
- Haru
- Modelo
- Live2D Cubism 4
- Personalidad
- Amable y alegre ☺
- Le gusta
- Matcha, trasnochar, tú
- Expresiones
- 8 en total
- Animaciones
- Idle y toque
«Bienvenido a casa. Buen trabajo hoy también.»
Haru es un personaje anime interactivo dibujado como un modelo Live2D Cubism 4 real. No es una imagen estática: es un rig en tiempo real (moc3) que sigue tu cursor, parpadea con naturalidad y cuyo cabello se mueve con física.
Esta página es una plantilla de código abierto. Bifúrcala, cambia el nombre y las frases, sustituye el modelo Live2D por el que quieras y tendrás tu propio sitio de «esposa 2D».
02 — Características
Características
Rápida, optimizada para SEO y adorable, todo a la vez.
Parpadeo, respiración, física
Animaciones automáticas integradas en el modelo Live2D la mantienen viva en todo momento.
Rápida y con buen SEO
Astro prerenderiza HTML estático; el pesado motor WebGL se carga solo cuando el lienzo entra en pantalla.
Tema claro / oscuro
Cambia entre «Sakura» y «Noche». Tu elección se guarda.
7 idiomas
Japonés, inglés, español, alemán, turco, portugués y chino.
Responsiva y accesible
Del móvil a pantallas anchas, y respeta prefers-reduced-motion.
03 — FAQ
Preguntas frecuentes
Sobre Live2D, rendimiento y licencias.
¿Haru es un modelo Live2D real?
Sí. Es un modelo Live2D Cubism 4 real (moc3, texturas, animaciones, expresiones) renderizado con pixi-live2d-display y PixiJS: un rig auténtico, no una imitación con CSS.
¿Por qué es rápida y buena para SEO?
La página se prerenderiza a HTML estático con Astro, con texto real, metadatos y datos estructurados. El pesado motor Live2D se carga de forma diferida solo cuando el lienzo aparece, así el primer render es rápido y las Core Web Vitals se mantienen sanas.
¿Puedo cambiar de personaje?
Sí. Coloca cualquier modelo Cubism 2/4 en public/assets/live2d/ y apunta MODEL_URL en el script a su .model3.json.
¿Es gratis? ¿Qué licencia tiene?
El código del sitio es MIT. El modelo de muestra «Haru» es material gratuito de Live2D Inc. y sigue los términos de Live2D; revísalos antes de un uso comercial.