codex—pet

自从上次 cluadecode 源码泄露后,大家发现还有未发布的 pet 宠物功能,然后没过几天 cc 就上线这个功能了。

就在几天前,codex app 也上线宠物功能,不过比起 cc 的,我还是喜欢 codex 的宠物功能 (特指 app 桌面版)。而且 codex app 的更新速度十分频繁,基本是每天都会更新下。

昨天在小红书上正好刷到了 codex 自制宠物,于是便试了下,具体步骤就是使用 codex 的官方 skill:Hatch Pet

下载完 skill 后,选择素材图片就行了,然后开始让 codex 生成对应的宠物图。不过还是挺费 token 的,这里提醒下!!!

博客宠物

自制完宠物后,突然想着要不给博客也添加一个吧,正好 MiMo 还有许多额度没有用完,于是说干就干,开始了面向 cc 编程,最后效果个人感觉还是不错的

下面就是一些功能介绍了,233

基本功能

  • 显示与隐藏:支持前台一键隐藏/显示宠物,状态保存到浏览器本地,刷新不丢失
  • 四角定位:支持左上、右上、左下、右下四个默认位置,后台可配置
  • 自由拖动:用户可直接拖动宠物到任意位置,位置自动保存
  • 响应式适配:桌面端和手机端自动调整尺寸,不遮挡主要内容
  • 深色模式:气泡样式自动适配深色主题
  • 无障碍支持:系统开启"减少动态效果"时只显示静态首帧

动作系统

宠物有 9 种动作状态,根据页面上下文自动切换:

动作说明触发场景
idle待机首页、文章列表、说说列表
running奔跑文章详情页
review审视说说详情页
waiting等待搜索页
failed失败404 页面
waving挥手点击宠物、评论成功
jumping跳跃页面加载
running-right向右跑向右拖动
running-left向左跑向左拖动

页面专属台词

不同页面会显示专属气泡消息,每次进入都触发:

  • 404 页面:页面走丢啦,换个页面吧
  • 说说列表:我最喜欢吐槽了
  • 友链页面:这些都是小伊的好朋友
  • 留言板:欢迎留言哦~
  • 归档页面:咋这么多水文啊 555

台词系统

点击宠物、焦点聚焦、隐藏恢复、自动冒泡时,会从 67 条台词中随机显示一条。台词库按风格分类:

  • 原版:我再也不学计算机了、好想喝奶茶呀...
  • 程序员日常:代码写得好,不如 bug 找得早、只要我不看 bug,bug 就不存在...
  • 摸鱼哲学:上班如上坟,摸鱼如度假、人生苦短,我用摸鱼...
  • 吃货语录:干饭不积极,思想有问题、奶茶一杯,快乐起飞...
  • 打油诗:床前明月光,疑是地上霜,低头写代码,bug 一行行...
  • 网络热梗:我太难了.jpg、奥利给!干就完了!...
  • 小依专属:小依虽小,头发不多、你来看我啦,开心~...
  • 周杰伦:从前从前有个人爱你很久、故事的小黄花...
  • 孙燕姿:我遇见谁会有怎样的对白、天黑黑,要下雨了...
  • 朴树:我曾经跨过山和大海、平凡之路...
  • 夜空中最亮的星:夜空中最亮的星,能否听清...
  • 其他经典:后来、突然好想你、倔强、光辉岁月...

自动冒泡

每隔 30~60 秒(随机间隔),宠物会自动冒泡显示一条随机台词,让页面更有生气。仅在宠物可见且未开启减少动画时触发。

评论联动

评论成功提交后,宠物会自动挥手并显示专属气泡。支持两套评论系统,且能自动区分评论类型:

  • 文章评论成功:显示"感谢你的评论呀~",回到 running 状态
  • 说说评论成功:显示"让我看看说说的啥",回到 review 状态

交互细节

  • 首次访问:显示气泡"小依已上线。",同一会话内不再重复
  • 点击宠物:随机台词 + 挥手动画 + 展开隐藏按钮
  • 鼠标悬停:显示宠物名称
  • 拖动:切换奔跑动画,松手后恢复当前页面状态
  • 页面切换:自动恢复对应页面的动作状态
  • 浏览器标签切换:标签隐藏时暂停动画,恢复时继续

标签: 建站

已有 8 条评论

  1. 是软件电子宠物吗?还是硬件?

    1. 哈哈哈软件,就是博客右上角那个

  2. 很有意思

  3. codex现在是不是必须用国外手机号验证才能正常使用了,前几天试了下用openai key登录发现用不了插件功能╮(╯_╰)╭

    1. 不懂呢。好像现在开始验证手机号了。但是我是苹果账号直接注册 gpt 的,手机号是国内的,登录用的也是

  4. 我博客也弄了个小桌宠,
    而且它点击不同的部位会有不同的反应(/ω)

    1. 哈哈哈,可爱滴

添加新评论