青年报·青春上海记者 刘晶晶/文 受访者/图 

当严谨理性的代码遇上厚重的党史会碰撞出怎样的火花？为迎接中国共产党成立105周年，上海财经大学计算机与人工智能学院的同学们在一场“红色代码”编程大赛中交出了一份特别的答卷。历时90多天，“机智学院”的他们把自己“关”进代码的世界，用一行行字符、一块块可视化地图、一段段智能交互设计，为红色历史注入了数字时代的生命力，让红色历史“活”了起来，将宏大的红色理想具象为可触、可视、可交互的数字现实。

  ◇  从“吵”出创意到“爱”上校史  ◇  

“高校页面排序上财放在全国高校里第一个？”“诗词上下间距再调小一点”……在学校第四食堂的一张方桌上，“征途记忆”小组从0到1，“吵”出了一套长征路线动态可视化系统。他们用一条“轻量化、高可用”的技术路线在地图上展示长征全貌，将各所高校在长征时期的贡献以时间线形式清晰呈现。

“我们想做点不一样的。”独立完成“高校长征路”模块的项目组长熊希婷、负责地图可视化流动的王欣雨、充当“后盾”的后端开发刘家旭、接入AI功能模块的丁德亮、担任UI设计师的田经纬，小组的每一个人都在不停的测试和调试代码中寻找最佳方案，“不只是展示地图，而是让用户真的能‘走’进去。”他们在地图上标注了长征的关键节点，用户点进去就能看到那段历史。而系统高校页面被保留在“首位”的上财，源于他们对学校最朴素的热爱：“我们最了解它的故事，也最想把它的历史讲好。”

项目基于大模型构建了专属的AI助手——“长征历史助手”，能记住用户问过什么，进行连贯对话，“就像有个懂历史的导游陪着你”。同时，团队借助百分比坐标算法，确保事件标记点在任意屏幕尺寸下都能精准落位，完美解决多端适配难题。

通过“可视化+智能化”，他们让历史变得可感可知。这种将AI技术应用于严肃历史教育的做法，既夯实了算法与后端开发的基础，又赋予了红色教育鲜明的时代特色。据介绍，这一项目仍在持续迭代，可视化页面不断升级，新增的高校专题地图形成更沉浸的校史叙事，在开发“小游戏”板块中探寻代码和游戏在延续历史文化中的独特功能，项目经过不断打磨将呈现更优质、更生动的高校长征历史画卷。

  ◇  一个人的“长征”  ◇  

如果说团队作战是热火朝天，那么大一新生吴雨晗的“百年征程”项目，则是一场孤独而精彩的个人突围。

“刚开始其实挺慌的，”她笑着说，“没有队友可以商量，遇到问题只能自己查、自己想。”她要做的红色党史主题网站涵盖革命圣地、红色人物、毛主席语录、长征路线图、党史时间轴等多个模块，对于从未系统学过网页设计的她来说并非易事。面对空白的屏幕，她有过迷茫：在AI大行其道的今天，如果只会发指令而不懂底层逻辑，真的能做出好作品吗？答案是：必须亲手做。

为了一个动态效果，她从零开始啃HTML和CSS；为了解决导航栏遮挡内容的痛点，她反复打磨代码逻辑。她发现，只有亲手敲过代码，才知道哪些符号代表标题，哪些参数决定美观。

“很多人觉得现在有AI了，动动嘴就能生成代码，”她说，“但真正动手了才知道，如果没有基础知识储备，AI给的东西你根本不知道怎么改。花在‘指挥AI’上的时间，可能比你自己学会再做还要长。”

导航栏平滑滚动、语录每五秒随机刷新、卡片点击弹出详情……网站功能听起来不难，但对于一个从零开始的人来说，每一步都是硬骨头。“我不想要那种一看就是AI生成的‘平均脸’网站，我想要自己的风格。”最让她自豪的网站视觉设计——中国红配辉煌金，卡片悬停时微微上浮、边框泛起金色。“代码不仅是冰冷的字符，它同样能化作传承红色记忆的温暖载体，致敬历史。”她想要让浏览者感受到，党史并非与我们隔着遥远的距离，而应当让人切切实实地看见它对我们的生活产生了哪些有益的影响，从中汲取了怎样的精神力量。

  ◇  在Bug中学会脚踏实地  ◇  

“我们主业是写Bug，副业是修Bug，但这次我们是真的想写一段能跑的历史。”蒋哲贤、张骁、柯梓杰、陈天麒四人组队的“红色党史”小组开发了“现代化党史沉浸式Web平台”与“国家发展阶段经营策略游戏”，将枯燥的文字堆砌转化为沉浸式的主动探索，利用Web3.0技术打造了寓教于乐的认知闭环。

玩家要扮演国家建设者，面对“18亿亩耕地红线”“坚持自主创新”等真实政策做选择，每一步都会影响国家的发展轨迹。“来测！这游戏我分分钟通关！”“……那个，我大意了，再来一次。”“嘶……别慌，容我演算一下……哎呀，好像有个数值填错了。”原本以为简单的游戏开发，实际上充满了“陷阱”。张骁自嘲道：“一般来说我的代码运行得很完美……只要我不碰键盘、不碰鼠标、不盯着屏幕，不产生任何‘再改最后一处’的危险念头。”

而蒋哲贤则经历了程序员的经典噩梦：“好消息是上次的Bug修好了，坏消息是……修出了一个新的Bug。”正是在这一次次“测试一时勇，数值教做人”的循环中，他们学会了耐心。柯梓杰和陈天麒则在这些“崩溃”的边缘，一点点打磨最终的游戏。玩家在游戏里做的每一个选择都影响着国家的发展轨迹。他们想通过这种方式，让年轻人不只是“知道”历史，而是“感受”历史的重量。

  ◇  用代码丈量两万五千里  ◇  

“红色长征交互地图组”则是一个用代码“修路”的项目。谢云天、王帅、袁明涛、李天资、王悦宇选择了做一张可以“玩”的地图，打造了一个直观、易用的长征历史学习平台，专注于如何让用户更顺畅地触达历史的核心。

对于热衷软件工程架构与算法逻辑的李天资来说，这次最大的挑战不是写代码，而是寻找“最优解”——“既要保证地图加载速度快，又要展示丰富的历史细节，这中间的取舍比解一道数学题难多了。”李天资回忆道。

为了不让用户在浏览历史时感到卡顿，袁明涛在代码实现中反复打磨每一个技术细节，步步为营，优化体验，绝不放过任何一个可能导致“系统崩溃”的泥潭。“以前觉得代码是冷的，这次感觉它是热的。”王悦宇说。他们之前写代码可能只是为了实现一个酷炫的功能，或者优化一个算法，但当他们把一个个红色的坐标点在地图上点亮，看着那条蜿蜒曲折的长征路线一点点延伸，仿佛自己也跟着走了一遍。

谢云天感慨，这次经历让他明白，手中的键盘不仅仅是娱乐的工具，更是连接过去与未来的桥梁。没有花哨的技术堆砌，就是一张好用的地图。这恰恰是他们的理念：让用户自己当“历史探险家”，主动去点、去缩放、去发现。“我们不需要告诉用户所有东西，”王帅总结道，“让用户自己去探索，印象才深。”

他们以代码为载体，将红色文化的精神内核与数字技术相结合，通过技术手段联通当下的生活，让革命故事在新时代焕发新的生机。比赛虽然结束了，但他们在代码世界里“重走长征路”的旅程，才刚刚开始。

青年报·青春上海记者 刘晶晶/文 受访者/图

编辑：张红叶

来源：青春上海News—24小时青年报