【学习工作赛道】TextBlaster Demo — 用鼠标选中文字,然后射击消灭它们

【标签】 学习工作

【标题】 【学习工作赛道】TextBlaster Demo — 用鼠标选中文字,然后射击消灭它们

【正文】

1. Demo 简介

TextBlaster 是一款基于网页的互动应用,将文本阅读与经典纵向射击游戏融合——用户在左侧阅读文章时,用鼠标划过的文字会被"吸走",化作敌军在右侧射击面板中从天而降,用户操控战机开火消灭这些文字敌人。

面向在校学生、备考人群以及日常需要阅读大量长文或文献的用户。

核心功能:

  • 鼠标选文联动 — 用鼠标在文章上划选文字,被选中的文字会实时飞入右侧游戏面板并化为敌军,选什么就打什么,不选不生成

  • 键盘操控战机 — 方向键控制战机上下左右移动,空格键发射主武器(本操作可由AI自动化)

  • 文字敌军体系 — 不同词性对应不同敌人类型:高频词是小兵,动词速度快,形容词会飘移,长难句化身大型 Boss,分碎片,词语,成段模式

2. Demo 创作思路

灵感来源于经典街机射击游戏。当代人阅读长文最大的困境不是"读不懂"而是"读不完",现有的进度条、打卡奖励等方案本质都是在施加外部压力。与其对抗分心,不如把分心本身变成阅读激励——用户主动用鼠标选中文字来"喂"游戏,这个过程本身就是一种强化的主动阅读行为:你必须在原文上逐段划选,文字才会变成敌人出现在游戏面板中。

选择这个方向是因为阅读是一个高频刚需场景,而现有的阅读工具几乎没有从"游戏化互动"角度切入的产品。TextBlaster 的关键设计在于:鼠标划选这个动作既是阅读标记,也是游戏触发,两者合一,不割裂。

采用了人操与AI双模式,在无暇关注时候,可以让AI自行操作,有空时候也可以手操。

3. Demo 体验地址(三选一)

textblaster.zip (38.9 KB)

4. TRAE 实践过程

  • Session ID

  • .3516705178938884:22c0c05074e0bd512f52abec35a703b2_6a47ce9ba9356536b569b9ef.6a4876199a4d72716fc7be67.6a48761977b019b50eb57e73:Trae CN.T(2026/7/4 10:55:21)

  • .3516705178938884:e00b944efd41ddceb0fee8c6df701c0d_6a47ce9ba9356536b569b9ef.6a4873d09a4d72716fc7be08.6a4873cf77b019b50eb57e71:Trae CN.T(2026/7/4 10:45:36)

  • .3516705178938884:d0b5265f354acc4f1545080af7ccc9ab_6a47ce9ba9356536b569b9ef.6a4866229a4d72716fc7bcc6.6a48662277b019b50eb57e6d:Trae CN.T(2026/7/4 09:47:14)

5. 对应的报名审核通过的帖子链接报名链接

【学习工作赛道】TextBlaster 将网页阅读与经典射击游戏融合——你读过的文字会变成从天而降的敌人,操控战机一边开火一边看书,用游戏化机制解决"长文读不完"的痛点。 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区

TextBlaster 这个设计里最抓人的点,是“选中文字”不是附属操作,而是直接生成敌人的触发器。读长文时手动划过一句话,右侧立刻掉下对应文字敌军,阅读标记和游戏反馈绑在一起,比单纯给阅读器加积分更像真的在推动用户继续读。建议把评委体验线写清楚一点:打开 textblaster.html→选择“全段”或“逐字”模式→在左侧教程里划选一句→用方向键和空格击落文字→再切到自动/AI 控制看差异;同时说明 .docx/.pdf 导入、AI 控制目前分别完成到什么程度。我们《衍境》在生活娱乐赛道,做互动影游创作系统;你这里是把阅读变成可操作的战斗,我们那边是把故事变成可操作的节点,链接放这:【生活娱乐赛道】衍境 Demo:EvoMap 驱动的互动影游智能体创作系统