平时打英雄联盟,想看自己战绩,市面那些网站都是固定页面,不能按我习惯来。
就想着给自己做一个本地看板,召唤师、段位、战绩一屏全塞下,想拖哪拖哪、想换色换色。
顺便用这个项目练了下纯前端 + 本地数据的桌面工具路子。
点击空白处退出提示
语言技术
HTML5、JavaScript系统类型
Windows行业分类
开发工具、游戏
平时打英雄联盟,想看自己战绩,市面那些网站都是固定页面,不能按我习惯来。
就想着给自己做一个本地看板,召唤师、段位、战绩一屏全塞下,想拖哪拖哪、想换色换色。
顺便用这个项目练了下纯前端 + 本地数据的桌面工具路子。
不用上下滚:召唤师信息(头像/等级/连接状态)、段位(单双排+灵活排)、
近 30 场战绩(胜负/KDA/补刀/时长,点一行展开详情:伤害/视野/出装)、英雄精通、
按英雄算的战绩(场次/胜率/KDA)、近 20 场走势、分玩法胜率、我的资产(皮肤/荣誉/精粹)。
顶部玩法 Tab 联动筛选。
每个区块右键都有专属设置卡:显示/缩放/透明度/圆角/强调色/各自参数,全能调,存本地,
刷新不丢;面板按住能拖走重新排,位置也记着。深色星空主题,扁平卡,加载动画 + 一个
能跟着你按键亮的悬浮键盘装饰。
自制了一个自动化启动英雄联盟脚本,可隐藏从启动到游戏大厅的动画过程,具体就是用脚本把加载动画和程序启动过程隐藏在后台,然后屏幕上放自己想放的动画来代替游戏具体的启动过程,加点游玩前的仪式感
纯原生 HTML/CSS/JS,没引框架。
做了套通用的"区块设置"机制:参数写成配置,动态生成表单,localStorage 存,CSS 变量
换色——以后想加新块的设置,加一段配置就行。
拖拽这块坑最多:fixed 拖走会塌宽、带缩放拖动会跳、窗口拉小会跑出屏幕,都处理了,
位置记忆到刷新还在。
数据层用 Python 封装了 LOL 客户端本地接口(读 lockfile 拿端口/token,拉召唤师/段位/
战绩/精通);客户端没开就自动用演示数据,页面不会崩。
如实说:演示数据能完整跑给你看;LCU 真数据接口代码写好了、字段按真实接口对过,
但真机联调得游戏开着才能验,还没端到端跑通。
我眼光太高了,啥都想要,导致实际完善过程被无线拉长,目前只保留的自动化脚本,因为这个比较实用



评论