像素艺术动画师

直接在浏览器中创建简单的像素艺术动画和游戏精灵。具有逐帧编辑器、动画回放和 PNG/ZIP 导出功能。免费、私密且无需注册。

广告
广告

像素艺术动画器从单独的像素艺术帧创建动画精灵和 GIF。您可以在像素网格上绘制帧,在时间轴上排列它们,以可调速度预览动画,并导出为动画 GIF 或精灵表。此工具完全在浏览器中运行——不将任何艺术作品上传到服务器。

不上传您的作品即可创建像素艺术动画

逐帧编辑器、实时播放、PNG/ZIP 导出适用于游戏引擎。全部在浏览器中本地处理——无需注册,无限制。

逐帧
实时预览
免费无限

使用步骤

  1. 1

    设置画布

    选择网格大小(如 32x32)并选择颜色。

  2. 2

    绘制第一帧

    使用铅笔、油漆桶等工具进行绘制。

  3. 3

    添加帧

    点击“复制帧”并进行微调以创建动作。

  4. 4

    预览

    使用播放按钮和 FPS 滑块查看动画效果。

  5. 5

    下载

    导出为带编号的 ZIP 文件,以便在游戏引擎中使用。

专为独立游戏开发者打造

逐帧编辑器

轻松管理帧。简单的时间轴让您专注于制作流畅的动画。

实时预览

即时查看动画效果。调整 FPS 以获得完美的时机。

游戏引擎就绪

将帧作为序列下载——这是 Godot、Unity 等引擎的完美格式。

广告

了解像素艺术动画

像素艺术动画如何工作

像素艺术动画是通过快速连续显示静态像素艺术帧来创建运动错觉的过程。每一帧是一小网格像素(通常 16×16、32×32 或 64×64),代表角色或对象的一个姿势。以 8-15 帧每秒播放时,大脑感知到平滑运动。这项技术用于经典视频游戏如超级马里奥和宝可梦,并在现代独立游戏中复兴。

像素艺术动画的基本原则是压缩和拉伸——变形角色的形状以传达重量、冲击和弹性。弹跳的球在落地时压缩并在快速移动时拉伸。角色行走循环在接触姿势、回弹姿势、过渡姿势和高点姿势之间交替。这些原则由迪士尼动画师在 1930 年代编纂。

我们的工具实现了基于帧的动画系统:每一帧存储为颜色索引的二维数组,时间轴定义帧的顺序和持续时间,预览播放器以指定帧率循环时间轴。画布渲染器将每个像素绘制为放大的方块以保持清晰的像素美感。对于导出,帧使用 GIF 编码器库编码为动画 GIF,或作为精灵表。

广告

精灵表 vs. 动画 GIF

动画 GIF 是自包含的——单个文件包含所有帧和时间信息,可在任何浏览器中显示。但是,GIF 限于 256 色,对于复杂动画文件较大。GIF 非常适合在网页和聊天应用中分享动画。

精灵表是游戏引擎(Unity、Godot、Phaser)的标准格式。所有帧排列在单个图片的网格中。游戏引擎使用元数据在运行时提取单独的帧。精灵表支持全色(PNG 格式),对游戏渲染更高效。我们的工具可以导出两种格式——使用 GIF 分享,使用精灵表进行游戏开发。

广告

与其他像素艺术动画工具的对比

流行的像素艺术动画工具的并排对比。

功能NovaToolsPiskelAseprite (桌面)
隐私(无服务器)100% 浏览器同步到服务器本地
无需安装网页端桌面应用
基于帧的时间轴
动画 GIF 导出
精灵表导出
免费无限免费增值付费

我们的动画器完全在浏览器中运行——您的艺术作品和动画从不上传。与 Piskel(同步到服务器)或 Aseprite(需要购买)不同,我们的工具免费、私密且无需安装。

常见问题

我的作品会保存到服务器吗?
不会。这是一个基于浏览器的工具。您的数据保留在您的设备上。重要提示:如果关闭标签页,您的工作将会丢失,除非自动保存已生效。
我可以导出什么格式?
您可以下载单帧 PNG,或将所有帧作为带编号的 PNG 序列(ZIP 格式)下载。
开始后可以更改画布大小吗?
可以,但更改网格大小将清除当前的动画。最好在开始前确定尺寸。
有哪些绘图工具?
工具提供标准像素艺术工具包:铅笔、油漆桶、橡皮擦、吸管和撤销/重做。取色器支持完整 RGB 和 HEX 输入,您可以将常用颜色保存到自定义调色板。每个工具都支持鼠标、触控板和触摸输入。铅笔工具支持连续绘制以高效放置像素。
动画播放如何工作?
工具提供实时动画播放器,以您指定的帧率循环播放所有帧。FPS 滑块可从 1 到 30 帧每秒——较低的值创建粗糙的复古感,较高的值创建更平滑的动画。播放/暂停按钮控制播放,帧计数器显示当前帧。播放使用浏览器的 requestAnimationFrame API 实现平滑渲染。您还可以使用帧导航按钮逐帧步进。
可以复制帧以加速动画制作吗?
可以。复制帧按钮复制当前选定的帧并在其后立即插入副本。这是创建平滑动画最有效的方法:绘制第一帧,复制它,做小更改,再复制,做更多更改,以此类推。这种逐姿势技术是帧帧动画的标准工作流。您还可以通过在时间轴中拖动帧来重新排序。
什么是自动保存功能?
工具会定期(大约每 30 秒)自动将您的工作保存到浏览器的本地存储中。如果浏览器标签被意外关闭、刷新或崩溃,工具将在您重新打开时尝试恢复您的工作。但是,本地存储不是可靠的长期存储解决方案。对于重要工作,请始终使用导出功能下载帧的 ZIP 文件。自动保存是安全网,不是显式保存的替代品。
可以导入现有像素艺术吗?
目前,工具不支持导入现有像素艺术图片。您只能使用内置绘图工具从头创建新艺术。我们计划在将来的更新中添加图片导入功能。同时,您可以使用我们的图片转像素艺术转换器将照片转换为像素艺术,然后在动画器中手动重新创建。

您的隐私是我们的优先事项

此工具完全在您的浏览器中运行。您的文件不会被上传到服务器、存储或分析。

  • 我们不上传、不存储、不分析您的文件。
  • 您处理的一切都保留在您的设备上。
  • 没有服务器端处理、没有云存储、没有分析。

即使您的互联网连接断开,您的文件也是安全的。

你可能还喜欢

相关指南

广告