sprite-pet · behavior runtime

GitHub

让旧雪碧图，拥有新的生活。

不再依赖对话状态。它会观察鼠标、回应点击、跟随拖动，也会自己发呆、活跃和休息。

选择宠物

正在发现本机宠物…
Codex 原动画 idle
Web 宠物行为 待机
正在载入…

试试靠近、点击、拖动，或调节右下角大小

把它带进你的网页。

安装运行时，准备一个符合 8×9 契约的宠物包，然后用几行 TypeScript 启动。

  1. 1
    安装运行时 使用 pnpm、npm 或你习惯的包管理器。
  2. 2
    托管宠物包 把 pet.json 与 spritesheet.webp 放在同一目录。
  3. 3
    创建宠物 加载清单并选择内联或页面悬浮模式。
快速开始 TypeScript 
pnpm add sprite-pet
import { SpritePetWidget, loadSpritePet } from "sprite-pet";

const source = await loadSpritePet("/pets/momo/pet.json");
const pet = new SpritePetWidget({
  source,
  width: 192,
  floating: true,
});

pet.setState("working");