Piskel：零安装的在线像素艺术编辑器，浏览器里把精灵动画画到 GIF 导出
【免费下载链接】piskelA simple web-based tool for Spriting and Pixel art.项目地址: https://gitcode.com/gh_mirrors/pi/piskel
想给独立游戏做一只会跑会跳的小怪，却不想装 Photoshop，也不想啃复杂软件的学习曲线？Piskel 就是这么一个免费、打开即画的像素艺术编辑器：纯 Web 的在线像素画工具，逐帧绘制、调色、实时预览，最后把精灵动画导出成 GIF 直接交差。
🎨 它到底能干什么
在浏览器里画一帧一帧的精灵动画
画布旁边的帧列表负责加帧、复制帧、拖拽排序，顶部预览区边画边播。做一段走路循环只要四到八格，画完当场看节奏，不用导到别的播放器里确认。
用选区圈住一块像素，整块挪动或换色
矩形、套索、形状三种选区都能圈，圈中的区域可以整体移动、改色。角色上衣画歪了，套住整块平移两格，比逐像素擦补快得多。
把动画导出成像素动画 GIF
导出面板里设好帧率，点一下就生成可循环的动画 GIF；要喂给游戏引擎也行，PNG 精灵表、ZIP 打包都能出。
上手门槛与运行环境
- 零安装：纯 JavaScript + HTML + CSS 写的，GIF 编码跑在浏览器 Web Worker 里，打开就画。
- 浏览器：Chrome、Firefox、Edge 最新版均可；Brave 需关闭 canvas 指纹识别；官方明确不做移动端。
- 离线版：仓库带桌面端打包脚本，可生成 macOS / Windows 可执行程序，断网也能用，见 misc/scripts/。
- 本地跑源码：
git clone https://gitcode.com/gh_mirrors/pi/piskel，再按 package.json 里的脚本构建即可。
⚡ 近期值得关注的改进
- 多了一个命令行导出器：piskel-cli 能把 .piskel 文件批量转成 PNG 精灵表，
--scale、--columns、--crop参数齐备——美术资产从此能直接进 CI 流水线，不用手动逐帧截图，详见 cli/README.md。 - Playwright e2e 测试铺开：画笔、笔刷大小、镜像笔、变换、撤销这些核心操作都被录成可回放测试，回归问题在合并前就被拦住，编辑器越更新越稳。
- 导出格式扩到 C 文件：写游戏的人可以把精灵数据直接粘进源码，省掉一层格式转换。
谁适合用它
独立游戏开发者拿它快速出角色帧，像素画爱好者把它当在线涂色盘，美术课和编程社团则用它在课堂上演示"从像素到动画"的全流程，还不用给每人装一套软件。打开浏览器，就能落下第一帧 👾
【免费下载链接】piskelA simple web-based tool for Spriting and Pixel art.项目地址: https://gitcode.com/gh_mirrors/pi/piskel
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
