
ai小洛
最近重新整理了博客里的 AI 助理:换上新形象,补全拖动交互,也顺手清理了不少旧文案。于是,博客里多了一位名叫「小洛」的新住客。
最初,博客右下角只是放着一个简单的像素小助手。它可以弹出聊天框,也可以通过接口回复消息,但整体更像一个悬浮按钮:形象、文案和交互之间缺少统一感,用起来也有一些小问题。
例如,助手只能固定在屏幕右侧;聊天时可能遮挡正文;拖动还容易误触点击。旧版本中遗留的“煤球”“本喵”“铲屎官”“小鱼干”等文字,也与后来使用的新形象不太相符。
这次索性重新整理了一遍,并正式给她取名为——小洛。
可以自由移动的小洛
现在,小洛可以在页面中水平拖动。
松手后,她会自动判断距离最近的屏幕边缘,并停靠在最左侧或最右侧。旁边的聊天与赠礼按钮也会根据停靠位置自动翻转,始终保持在屏幕内侧,不会跑出可视区域。
拖动过程中还增加了防误触处理:
- 拖动小洛不会意外触发挥手动作;
- 点击按钮时不会带着整个助手一起移动;
- 展开的聊天输入框不会超出屏幕;
- 左右停靠时,按钮与对话框会自动调整方向。
这类交互看似只是几个位置判断,但真正做起来,要同时考虑动画、点击、拖动距离和不同屏幕宽度。好在整理完成以后,使用体验自然了不少。
从旧助手到“小洛”
除了交互,形象与文案也全部重新统一。
原来的像素助手已经替换成小洛,并加入了待机、互动、思考等不同动画状态。聊天按钮仍然保留,而原来的“小鱼干”按钮则改成了“赠送音符”,让它更符合现在的角色设定。
相关文字也进行了全面调整:
- “与煤球聊天”改为“与小洛聊天”;
- “送小鱼干”改为“送小洛一枚音符”;
- 猫咪口癖和“铲屎官”等旧称呼被移除;
- AI 的系统设定、错误提示和待机语句统一使用“小洛”;
- 本地控制台中的设置页面改为“小洛 · AI 助理中心”。
现在的小洛不再只是给博客加上的一张动态图,而是拥有统一称呼、交互方式和说话风格的博客助理。
还有天钿陪在身边
小洛并不是独自来到这里。
她身边还有音之精灵天钿。点击小洛时,她会回应:
欸嘿,被发现啦!小洛和天钿都在这里~
目前,小洛的性格设定是一位温柔而活泼的歌姬学徒。她会尽量使用自然、简洁的中文回答,不再使用原先的猫咪口癖。
当然,这套设定还只是一个开始。以后可能继续补充更多动画、互动台词与状态,也可能让她对博客里的文章、音乐和页面内容产生更多回应。
那些看不见的整理
这次修改不只是换了一张图片。
为了避免形象更新影响原有功能,动画图集仍然保留了内部资源标识;公开博客与本地控制台使用同一套角色配置,但各自维持独立入口。
完成修改后,也重新检查了拖动、停靠、防误触和聊天窗口,并运行了两套项目的测试与生产构建。至少从现在的结果来看,小洛已经可以安稳地住在博客里了。
目前,本地控制台中的小洛保持开启,而公开博客上的开关暂时仍然关闭。等后续形象、模型配置和部署环境都准备妥当,再正式让她与所有访客见面。
写在最后
个人博客有趣的地方,大概就在于它不必只是一排文章列表。
它可以拥有自己的颜色、音乐、动画,甚至住着一位会回应访客的小助手。很多功能未必实用到不可替代,却会让这个空间逐渐变得更像“自己的地方”。
欢迎来到这里,小洛。
以后也请和天钿一起,好好守护这片小小的数字空间。