跟随你的光标
头部、眼睛和身体自然追随指针——就像她真的在看着你。
✦ 你的 Live2D 动漫老婆
Haru
Haru · Live2D Cubism 模型
我是真正的 Live2D Cubism 模型。我会跟随你的光标、眨眼、呼吸并变换表情。💗 点击我播放动作，或用下面的按钮切换我的心情~
正在呼唤 Haru…
欢迎回家~ ♡
01 — 档案
关于 Haru
由 Live2D 赋予生命、专属于你的 2D 角色。
角色设定
- 名字
- Haru（小春）
- 模型
- Live2D Cubism 4
- 性格
- 温柔又活泼 ☺
- 喜欢
- 抹茶、熬夜、你
- 表情
- 共 8 种
- 动作
- 待机与点触
「欢迎回家。今天也辛苦了。」
Haru 是一位以真实 Live2D Cubism 4 模型绘制的交互式动漫角色。不是静态图片，而是实时骨骼（moc3）：她会用眼睛追随你的光标、自然眨眼，头发还会带物理地摆动。
本页面是开源模板。Fork 它、改名字和台词、换成你喜欢的 Live2D 模型，就能拥有专属于你的「2D 老婆」网站。
02 — 特点
特点
又快、又利于 SEO、又可爱，全都要。
眨眼、呼吸、头发物理
内建于 Live2D 模型的自动动画让她时刻鲜活。
高速且利于 SEO
Astro 预渲染静态 HTML；沉重的 WebGL 运行时仅在画布进入视图后才懒加载。
浅色 / 深色主题
在「樱花」与「夜晚」之间切换，选择会被保存。
7 种语言
日语、英语、西班牙语、德语、土耳其语、葡萄牙语和中文。
响应式且无障碍
从手机到超宽屏幕，并尊重 prefers-reduced-motion。
03 — 常见问题
常见问题
关于 Live2D、性能与授权。
Haru 是真正的 Live2D 模型吗？
是的。她是用 pixi-live2d-display 和 PixiJS 渲染的真实 Live2D Cubism 4 模型（moc3、贴图、动作、表情）——是真正的骨骼，而非 CSS 仿制。
为什么又快又利于 SEO？
页面由 Astro 预渲染为包含真实文本、元数据和结构化数据的静态 HTML。沉重的 Live2D 运行时仅在画布进入视图时才懒加载，因此首屏渲染很快，Core Web Vitals 保持健康。
可以更换成其他角色吗？
可以。把任意 Cubism 2/4 模型放进 public/assets/live2d/，并将脚本中的 MODEL_URL 指向它的 .model3.json 即可。
是免费的吗？授权如何？
网站代码采用 MIT。示例模型「Haru」是 Live2D Inc. 的免费素材，遵循 Live2D 条款——商用前请务必查阅。