PicoPixel

如何提交宠物

通过 Petdex 链接或 GitHub 上的精灵图集与 sprite.json,向 PicoPixel 社区提交宠物。本文也介绍如何用 AI 工具制作原创角色。

PIPicoPixel
petsspritespetdexsubmission
已更新2026-05-30
01/07

概览

宠物是一种动画精灵:通过连续播放图片帧,让小角色动起来。提交并通过审核后,它就能出现在社区宠物库中,供其他人使用。

提交方式有两种。最方便的是提供 Petdex 链接;如果你自己托管文件,也可以通过 GitHub 提交精灵图集和 sprite.json。既可以提交已有的 Petdex 宠物,也可以制作原创角色。

两种方式都需要先登录 PicoPixel。

02/07

打开提交页面

  1. 打开 PicoPixel 应用。
  2. 使用 Google 或 GitHub 登录。如果还未登录,提交前也会出现登录提示。
  3. 点击左侧边栏底部的账号。
  4. 选择 Your account。
  5. 打开 Submit Sprite。

页面上提供以下两种提交方式。

NOTE

提交内容前必须登录 PicoPixel 账号。

03/07

通过 Petdex 提交

这是推荐方式,只需提供一个链接。Petdex 是独立的宠物平台,可以浏览、创建和托管宠物。每个条目都有类似 https://petdex.crafter.run/pets/<pet-id> 的分享链接。

  1. 在 Petdex 上找到或创建宠物,复制其链接。
  2. 在 Submit Sprite 页面选择 Submit via Petdex。
  3. 将链接粘贴到 Petdex URL 字段。
  4. 如有补充说明,填写可选的 Notes 字段。
  5. 提交。
TIP

页面上的 RECOMMENDED 和 FASTEST 标记指的就是这种方式,只需一个 Petdex 链接即可提交。

04/07

通过 GitHub 提交

如果你自己托管精灵文件,可以使用此方式:

  1. 将精灵图集和对应的 sprite.json 放入公开的 GitHub 仓库。
  2. 在 Submit Sprite 页面选择 Submit via GitHub。
  3. 粘贴仓库链接(https://github.com/...)。
  4. 填写 Credits / Author,提供作者署名。
  5. 按需填写 Notes,然后提交。

图集和 sprite.json 需要符合下一节介绍的格式。

05/07

制作原创宠物

除了使用已有的 Petdex 宠物,你也可以制作原创角色。OpenAI Codex 或 AI 图像生成工具,都可以帮助你从零制作精灵图集。

**精灵图集(spritesheet,也称 atlas)**是一张 PNG 或 WebP 图片,将所有动画帧排列在尺寸一致的网格中。每行放置一种动画,每一格的宽高都必须相同。

WARNING

所有帧的尺寸必须完全一致。网格不规则会导致切帧错误,出现动画跳动或画面损坏。

sprite.json 描述图集布局和动画状态,主要包含:

  • atlas:网格信息,包括 columns、rows、frameWidth 和 frameHeight。
  • states:动画状态数组。每个状态包含 id、label、所在 row、frames 数量,以及可选的 durationMs、group 和 caption。

常见状态标识有 idle、wave、jump、run-right、run-left、running、waiting、failed 和 review。精灵至少需要两个状态,因此至少准备一段 idle 动画和另一种动作。

建议先生成尺寸一致的帧,按每行一种动画排入网格,再用 sprite.json 描述布局和状态,最后通过 Petdex 或 GitHub 提交。

TIP

关于精灵、动画模式和跨项目复用,请参阅精灵指南。

06/07

提交后如何处理?

PicoPixel 团队会审核你的宠物,必要时联系你补充信息。通过审核后,作品会出现在宠物库中,并显示你的署名,社区用户即可浏览和使用。

07/07

下一步

继续阅读

接着学点什么

如何在 PicoPixel 中使用宠物 thumbnail
PICOPIXEL

如何在 PicoPixel 中使用宠物

宠物是预制的动画精灵,包含多种动画模式,可根据设定的条件切换。从目录中选一个,添加到项目中,然后将其连接起来,让它对设备正在做的任何事情做出反应:获取数据、过热、代码审查等等。

pets · sprites · picopixel
如何使用 PicoPixel 模板、UI 套件和完整应用 thumbnail
PICOPIXEL

如何使用 PicoPixel 模板、UI 套件和完整应用

查找 PicoPixel 模板、UI 套件、示例、精灵、控件和完整应用,了解如何打开、下载、导入和修改项目,并导出用于设备的 LVGL C 代码。

templates · ui-kits · full-apps
PicoPixel LVGL MCP Server Setup Guide thumbnail
PICOPIXEL

PicoPixel LVGL MCP Server Setup Guide

Set up the PicoPixel LVGL MCP server for Claude, ChatGPT, Codex, or Cursor. Learn agent settings, reusable components, colors, fonts, and assets.

LVGL MCP · MCP server setup · AI UI design