LOL英雄随机组队抽选与BP助手产品系统Vibe Coding

英雄联盟作为全球最热门的MOBA游戏之一，玩家在组队开黑时经常面临"玩什么英雄"的选择困难。尤其是娱乐局、内战赛等非排位场景下，随机抽选英雄和分队能极大提升趣味性。本项目开发了一款面向LOL玩家的在线工具，解决多人组队时的英雄随机分配和Ban/Pick辅助需求，适用于直播互动、线下聚会、电竞社团等场景。

工具包含两大核心模块：1）随机组队系统——支持动态添加队员、一键随机抽选英雄阵容，带有开场动画和SVG剑形图标视觉效果，抽选结果即时展示；2）BP助手模块——提供完整的Ban/Pick流程辅助，帮助队伍进行阵容规划。界面采用英雄联盟官方风格设计，金色配色方案搭配游戏化交互体验。支持多人同时使用，响应式布局适配PC和移动端。英雄数据库涵盖全部英雄角色及位置信息。

我独立完成了产品设计和全部前端开发工作。技术方案采用纯原生JavaScript，零依赖框架，保证极快的加载速度。页面架构分为两个独立页面(index.html随机组队 + bp.html BP助手)，共享样式系统。英雄数据通过独立的champions.js模块管理，支持按位置筛选。视觉设计还原LOL客户端风格，使用SVG绘制图标元素，CSS动画实现开场效果和交互反馈。整个工具无需后端服务，纯静态部署即可运行。