一、先说说什么是liveagent

liveagent是由站内大佬 @kevin 独立开发的一个Agent项目，详见【LiveAgent】一个功能齐全的AI Agent客户端，支持WebUI

二、为什么做这个地铁3D交互

这背后有着这样一段故事：前一段「白海豚」在全国多地引起了比较大的灾害，我有一个在郑州的朋友有一天给我说，早上上班发现地铁停运了，他居然因为没有关注过地铁官方的微博所以不知道，导致都趟水到了地铁站，才知道，内心十分生气，找我倾诉。

所以我就在想，要是有一个一目了然的可视化的项目，可以一眼看到站点运行情况，岂不是就不会有这种让人沮丧的事情发生了吗？要不然让Ai搞个玩玩吧

三、过程曲折

我原本想着，就很简单的获取公告的实时数据，然后生成一个前端页面，很快就完成了，梁圣（这个时段应该是牢梁）的DeepSeek网页上应该就可以完成，于是我信心满满的把自己的需求告诉了他，然后，经过几轮会话，连最基本的框架都没好。

然后我就想到了智谱的Agent，还可以用glm-5.2，所以就反复排队最后终于排上了，等他给我生成。可是我是没想到，接下来就是反复的进行提示修改+反复排队。折腾了两天，大概生成的项目情况如下：



是不是感觉看着还不错，但是完全不能用，点站点弹窗之后关不上，浏览器渲染压力很大，有时候还卡死，而且，目前这个最终版本，我还是把liveagent的中间产物压缩包给他之后，生成的。

有兴趣的可以去下面链接体验一下：

四、柳暗花明

我开始认真对待这个事情了，看过上面liveagent那篇介绍的帖子应该知道，我一直在做liveagent的测试，正好这段时间liveagent做了一些性能和功能的优化，我就想，反正要测试不如就把这个当做一个复杂问题+长任务跑一下。

我就按照在智谱Agent上的测试提示词，直接让liveagent（DeepSeek v4 flash）跑一下看看，说真的，我一开始没抱太大希望，毕竟上面的前车之鉴让我很没信心，一度认为这个项目太复杂了。

但是万万没想到，居然生成了一个不错的框架，而且能正常运行，还有一些我没想到的细节也处理了。

后面我就开始认真对待了，DeepSeek v4 flash后面就有点优化不动了，于是就给他吃了点细粮——没错，就是DeepSeek v4 pro。后面就做了UI和操作细节的优化，加入了键盘操作和移动端触屏操作优化。

现在大概这个样子：

没错，他是动态的，很灵动，可以直接移步下面链接体验一下：

https://agent.cnweb.org/t/aavbYjXkTzI3SgdZ8T7iFx6IQSKjZJlx/

五、万万没想到

我是万万没想到，居然能生成如此页面，虽然还有点小bug，但是已经完全超过我最初的设想了。

这个测试过程中不但DeepSeek让我十分惊喜，liveagent的开发能力也让我很惊喜，而且上面的项目展示也是用的liveagent的内网项目穿透为公网服务能力来实现的，是真的方便做小项目测试和演示分享。

六、下一步计划

我的下一步想法是以这个项目为基础，让liveagent把全国的地铁线路都做一下，做成一个高度可玩的地铁项目，在这个过程中间增加一些有趣的玩法。

另外还有一个想法，我已经联系 @kevin 大佬，让大佬亲自来直播他的亲儿子的开发能力，这样大家可以随时提优化建议，直观看到liveagent的优化能力是否符合预期，至于什么时候这个想法能实现，等我有进展了给大家汇报。