Sweezy Cursors 中文文档 下载 App

光标在动起来——Sweezy 的动画光标是怎么做的

两种光标格式:静态和动画

Sweezy 的光标有两种形态,对应不同平台的原生格式:

浏览器扩展和 Roblox 不直接用这两个格式,但 Sweezy 会按场景自动适配——扩展里动画光标用 CSS/JS 播放,Roblox 里动画光标会被截成单帧静态 PNG 使用。

浏览器里的动画光标

浏览器扩展场景下,动画光标的实现是通过 CSS 或者 JS 控制多个帧按一定节奏切换。用户打开扩展弹窗选择动画光标后,扩展会在页面上注入对应的光标样式。

Sweezy 网站上标记为"Animated"的光标(约占总量的一部分)都有动态效果——比如 Minecraft 附魔剑光标会让剑身微微发光、Solo Leveling 的暗影箭有旋转光晕。

热门光标示例 2
热门光标:Minecraft 附魔剑

Roblox 下没有动画

Roblox 游戏只认静态 PNG 文件,所以 Sweezy 给 Roblox 用户提供的 PNG 是动画光标的第一帧或者最具代表性的一帧。如果你特别喜欢某个动画光标但又想在 Roblox 里用,只能接受它的静态版本。

自己做动画光标

Sweezy 还提供两个转换工具:

这两个工具是 Cursor Constructor 的一部分,用户可以上传自己的素材转换成标准格式,具体操作见 Cursor Constructor 专题页。