Segue o seu cursor
Cabeça, olhos e corpo acompanham o ponteiro com naturalidade — como se olhasse mesmo para você.
✦ Sua esposa anime Live2D
Haru
Haru · Modelo Live2D Cubism
Sou um modelo Live2D Cubism real. Sigo o seu cursor, pisco, respiro e mudo de expressão. 💗 Clique para uma animação, ou use os botões abaixo para mudar meu humor~
Chamando a Haru…
Bem-vindo de volta~ ♡
01 — Perfil
Sobre a Haru
Uma personagem 2D com vida graças ao Live2D, só para você.
Ficha da personagem
- Nome
- Haru
- Modelo
- Live2D Cubism 4
- Personalidade
- Gentil e alegre ☺
- Gosta de
- Matcha, madrugadas, você
- Expressões
- 8 no total
- Animações
- Idle e toque
«Bem-vindo de volta. Bom trabalho hoje também.»
A Haru é uma personagem anime interativa desenhada como um modelo Live2D Cubism 4 real. Não é uma imagem estática: é um rig em tempo real (moc3) que segue o seu cursor, pisca com naturalidade e cujo cabelo balança com física.
Esta página é um modelo de código aberto. Faça um fork, mude o nome e as falas, troque pelo modelo Live2D que quiser e terá o seu próprio site de «esposa 2D».
02 — Recursos
Recursos
Rápida, otimizada para SEO e fofa — tudo ao mesmo tempo.
Piscar, respirar, física do cabelo
Animações automáticas embutidas no modelo Live2D a mantêm viva o tempo todo.
Rápida e com bom SEO
O Astro pré-renderiza HTML estático; o pesado runtime WebGL só carrega quando o canvas entra em cena.
Tema claro / escuro
Alterne entre «Sakura» e «Noite». Sua escolha é salva.
7 idiomas
Japonês, inglês, espanhol, alemão, turco, português e chinês.
Responsiva e acessível
Do celular às telas ultrawide, e respeita prefers-reduced-motion.
03 — FAQ
Perguntas frequentes
Sobre Live2D, desempenho e licença.
A Haru é um modelo Live2D real?
Sim. É um modelo Live2D Cubism 4 real (moc3, texturas, animações, expressões) renderizado com pixi-live2d-display e PixiJS — um rig autêntico, não uma imitação em CSS.
Por que é rápida e boa para SEO?
A página é pré-renderizada em HTML estático pelo Astro, com texto real, metadados e dados estruturados. O pesado runtime Live2D é carregado sob demanda apenas quando o canvas aparece, então o primeiro render é rápido e as Core Web Vitals ficam saudáveis.
Posso trocar de personagem?
Sim. Coloque qualquer modelo Cubism 2/4 em public/assets/live2d/ e aponte o MODEL_URL no script para o .model3.json dele.
É gratuito? Qual a licença?
O código do site é MIT. O modelo de amostra «Haru» é material gratuito da Live2D Inc. e segue os termos da Live2D — revise-os antes de uso comercial.