给博客养了一只黑猫:oh-my-live2d 接入笔记
如果你注意过本站左下角,会看到一只黑猫——点击它还会翻跟头。这篇记录它是怎么来的。
方案选型
看板娘方案不少,最后选了 oh-my-live2d:
- 零构建、一个
<script>就能跑 - 同时支持 Cubism 2 / 3+ 模型
- 自带气泡、菜单、状态栏等组件
模型从哪来
我用的是经典的 Cubism2 黑猫模型(hijiki),把整套文件自托管到自己服务器,不依赖任何第三方 CDN:
/assets/pet/cat/
├── model.json # 模型定义
├── hijiki.pose.json # 姿态
├── moc/hijiki.moc # 骨骼
├── moc/hijiki.2048/ # 贴图
└── mtn/*.mtn # 动作(idle + 8 个互动动作)

踩过的两个坑
第一个:对 Cubism2 模型显式传 scale 参数(哪怕等于 1)会导致画布空白,什么都不渲染。不传就好,默认值本来就是 1。
第二个最重要:组件自带的右键菜单里有个"关于"图标,会外跳到项目官网——而那个域名已经易主变成了不该看的站。一定要关掉:
OML2D.loadOml2d({
menus: { disable: true }, // 必须关,安全第一
statusBar: false,
models: [{ path: '/assets/pet/cat/model.json' }]
});
给第三方组件留任何一个外跳入口,都是在给未来的自己埋雷。
评论 (0)
还没有评论,来说两句吧~
发表评论