CrossPet 串门中心

跨站宠物串门协议 · CrossPet Protocol v1.0

演示模式

未接入实时频道

召唤来访宠物

这里可以手动召唤一只宠物来串门。正常情况下，别站的宠物会通过 Supabase 实时频道自动穿越过来；在演示模式下，你可以手动邀请它们。

送自己的猫出去串门

让本站的猫从屏幕边缘走出，穿越到别的站点。如果已接入实时频道，别站会收到来访。

猫狗串门

猫和狗第一次见面会发生什么？这不是随口编的桥段—— 每一格都是真实行为学，只是被压缩成了一行。点任意一格，让本站的猫立刻演给你看。

点上面任意一格

为什么猫和狗的第一次会这么难看？
狗的社交信号是「身体语言直给」——摇尾巴、竖起来、嘴角上扬、要扑上去。猫读不懂这些，或者说读懂了但不吃这一套：对猫来说，摇尾巴不是友好，是兴奋，兴奋会升级成扑击。
所以第一次见面的正确姿势是：别看它。 猫的缓慢眨眼才是「我接受你」，而这个动作必须在狗先冷静下来之后才可能发生。绝大多数猫狗组合卡在这一步，永远到不了下一个阶段。

协议自检

跑纯函数测试，不发任何请求，断网也能跑。净化规则和帧解析都在这里验。

等待运行。

串门日志

还没有宠物来串过门。点击上面的按钮召唤一只试试。

接入 CrossPet Protocol

让你的网站也支持宠物串门。只需加载一个脚本并初始化：

<script src="assets/js/crosspet.js"></script>
<script>
  CrossPet.init({
    petType: 'dog',          // 'cat' | 'dog' | 'hamster' | 自定义
    petName: '马文的狗',
    petSVG: '<svg>...</svg>',  // 你的宠物 SVG
    onPetLeave: function(dir) {
      // 你的宠物走出屏幕时触发
    },
    onPetArrive: function(visitor) {
      // 收到别站宠物时触发
    },
    onPetMeet: function(myPet, visitor, interaction) {
      // 两只宠物相遇时触发
    }
  });
</script>

要启用真正的跨站实时通信，需要配置 Supabase：

CrossPet.configure('https://your-project.supabase.co', 'your-anon-key');

没有配置 Supabase？没关系，演示模式会每 60-180 秒自动模拟一次随机串门。

← 返回 CAT API