ThinkingOrbs — 专门给 AI 与助手界面用的加载动画

做一个带 AI 功能的应用，最难看的是回复前那几秒：屏幕正中一个转圈的圈，用户看不出它是在查资料、在算题，还是在写字。软件格律诗推荐一下 ThinkingOrbs 把这段等待做成九种各有分工的立体小球，看一眼就知道它正在忙什么。

ThinkingOrbs 是一套专门给 AI 与助手界面用的加载动画，做成苹果应用可以直接引用的组件包。它属于 AI工具里少见的那种：不管别的，只管把等待讲清楚。

画面上的小球不是一张平面图，而是用许多小圆点码出来的立体形状。它会转，前后有点遮挡，靠明暗分远近。颜色一律走黑白灰，深浅跟着界面自己变：浅色底上用深色点，深色底上用浅色点，放进任何界面都不抢戏。

它开源，许可很宽松，商用不必打招呼。整套是照着原作者的网页版本一比一搬过来的，连每个点的位置都逐个核对过。

场景痛点

做带 AI 功能的产品，大概都撞过同一件事：等回复的那几秒，你只能放一个转圈的圈。用户盯着它，不知道背后在干什么，等久了就以为卡住了。想细分一下，比如查资料一个样、算题一个样，就得自己去做动画，或者另找一套现成的——动静、粗细、颜色又都对不上。ThinkingOrbs 做的就是这件小事：把这段空窗分成九种说法，让等待自己讲清楚在忙什么。做过 AI应用的人都知道，这种细节最不显眼，也最难弄干净。

功能特点

九种样式，各管一件事

九种样式各有各的说法。查资料是一条扫描线扫过球面，算题是几条带子先打乱再归位。听说话是一圈波纹滚过去，连服务是一张星座图自己接上线。做规划是三股绳绕着球编，写回复是一条飘动的多层带子。闲着等模型时是一个环慢慢变形，画图排版是圆变三角再变方。剩下一个是通用的忙碌状态：一堆点沿着倾斜的轨道跑。九个里面八个是真立体，第九个是会变形的轮廓线。

大小两档，各自画过

两档尺寸不是把同一张图放大缩小，而是各画了一遍。小号的点更少也更大，节奏单独调过，所以塞在文字旁边仍然看得清。大号六十四点，适合放在头像旁和空页面上；小号二十点，适合塞进文字行、工具栏和列表。想要中间的尺寸也可以指定，比如要五十六，画的时候仍按大号那张来。在 UI设计这件事上，这种不肯糊弄的做法，比多给几种样式更值钱。

一行接进项目

接进去只要一行：说清楚用哪种样式就行。想让球和一句状态文字并排，也有现成的组合，文字会带一层流动的光，这层光也能单独加在任意一句字上。速度能调快调慢，也能让它停在某一帧不动。文字的翻译走系统那套，不用另外处理。

滚出屏幕就停下

这些球很自觉：滚出屏幕就自己停，卡片整个翻走也算，应用退到后台同样停。同屏的球节奏是齐的，不会各转各的。作者在苹果的大屏手机上量过，最费的那个样式一帧算下来六十五微秒，画出来零点二七毫秒。而一百二十赫兹下每帧有八点三毫秒的余量，绝大多数样式只占其中一小部分。

使用教程

在开发工具里用「添加包依赖」，把项目地址粘进去，选 1.0.0 及以上的版本。
在要放球的地方引入组件，写一行，说清用哪种样式。
想配文字，就用带文字的那个组合，样式和尺寸都能指定。
需要自己控制时，可以调速度，也可以让它停在当前这一帧。
深色浅色不用管，它跟着界面走；要放在颜色相反的卡片上，可以单独把它指定成深色或浅色。

做开发者工具的人会多一个好处：点的坐标是公开的，想拿去别处自己画，也拿得到。

使用感受

真正让人放心的是它不添乱。黑白灰这一条看着是限制，实际省掉了配色的麻烦，界面换主题它自己跟着变，不用回头再调一遍。九个样式也不是摆着好看：查资料和写回复确实是两种等待，让用户看出来，比多转两圈有用。最实在的是滚出屏幕就停这件事——这种细节平时没人提，做进去了才知道省了多少电。它属于实用软件里那种不声不响把活干完的类型。

官方网站

访问

下载地址

https://pan.quark.cn/s/09b9efb1892c

https://www.guangyapan.com/s/1951855893460795449_aeWhI5wocgzRgCO6（光鸭新用户注册福利：永久免费空间：所有新用户注册即可解锁 2TB 永久免费存储空间，无需额外任务或付费）

ThinkingOrbs — 专门给 AI 与助手界面用的加载动画

场景痛点