技术 · 2 分钟阅读· 24 次阅读

给博客养了一只黑猫: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)

还没有评论,来说两句吧~

发表评论