活宝 × 猫娘基于 Livelings 引擎的两只开源猫娘
No.009 猫娘
喵酱正在:待机 戳一下 · 连戳三下 · 拖着甩 · 鼠标停在她身上不动

喵酱Nyako

招牌动作

状态(会一直持续)

反应(播一次)

毛色

头饰

喵酱一家

同一个角色,换毛色和头饰。每只都能戳、能拖;点卡片下面的名字,把她换到上面的大舞台。

墨喵 · 头像剪影版

同一套猫耳轮廓,画成聊天机器人头像那种风格:一个纯色剪影加两只白眼睛,想事情时不停变形。连戳三下她会「变变变」。

No.010 黑团猫娘
墨喵正在:待机

墨喵Momo

招牌变形

状态

反应

颜色

画法参考了 x.ai 机器人头像这类「一个会变形的团子 + 两只眼睛」的风格(开源复刻见 bloub)。墨喵是我们自己画的角色,与 xAI / Grok 无关,没有使用它们的名称、标志或素材。

怎么用

和官方角色一样:注册一次,之后就是一个 <live-ling> 标签。状态名和官方完全通用,换角色不用改代码。

<!-- 1. 引擎 + 喵酱 -->
<script type="module">
  import { registerCharacter } from './vendor/livelings.js'
  import { nyako } from './nyako.js?v=a834632641'
  import { inkcat } from './inkcat.js?v=a68a74987e'   // 墨喵,可选
  registerCharacter(nyako)
  registerCharacter(inkcat)
</script>

<!-- 2. 放进页面 -->
<live-ling character="nyako" palette="kuro"
  accessory="ribbon" state="idle" sound
  style="width:240px;height:180px"></live-ling>

<!-- 3. 跟着你的 App 状态走 -->
el.play('thinking')  // 请求开始
el.play('working')   // 流式输出
el.play('done')      // 成功
el.play('beckon')    // 喵酱专属:招财
喵酱是怎么做的
  • 猫耳是轮廓的一部分:头和两只耳朵是同一条 96 点的弹簧轮廓,所以耳朵会跟着跳跃晃、被戳会抖,换形状就能变「飞机耳」「耷拉耳」「竖耳朵」。
  • 刘海、侧发、内耳画在身体里面(被轮廓裁切),身体怎么挤压变形,头发都贴着走。
  • 动漫眼沿用引擎的眼皮/表情参数,只换了画法:渐变瞳孔、高光、眼角睫毛;开心是 ^ ^,睡觉是 ︶︶,晕了是蚊香眼,专注时瞳孔变竖线。
  • ω 嘴、小虎牙、腮红、胡须、铃铛、爪爪、尾巴都随表情和动作变化;尾巴高度表示心情。
  • 8 个招牌动作:喵~、招财、踩奶、洗脸、猛扑、炸毛、伸懒腰、跑酷;声音全部是合成的(喵叫、呼噜、哈气、铃铛)。

开源协议:免费商用

沿用 Livelings 的做法:代码 MIT,角色形象 CC BY 4.0。个人、公司、商业产品都可以免费用、改、再发布,不用来问我们。

代码 MIT

nyako.js、inkcat.js、本页面和部署脚本。可以随意使用、修改、商用、闭源集成;再分发源码时保留 LICENSE 里的版权和许可声明即可。

角色形象 CC BY 4.0

喵酱 Nyako、墨喵 Momo 的外观、配色、表情和动作。任何地方都能用,包括商业用途(App、网站、周边、视频),只需署名:

喵酱 Nyako / 墨喵 Momo by PocketPlay · 基于 Livelings by MakerJackie

名字请不要拿去注册商标,或当成你自己品牌独占的吉祥物。

上游 MIT

动画引擎是 Livelings by MakerJackie(MIT,vendor/livelings.js 是未修改的副本),它自带的小云、小墨等角色是 CC BY 4.0,名字归 MakerJackie。轮廓变形思路来自 Jérémy Perret 的 bloub(MIT)。

⬇ 下载源码(zip) LICENSE.txt nyako.js inkcat.js