ba-click-fx v1.1.10 - Blue Archive Click Effect and Cursor Trail for Web

ba-click-fx v1.1.10

Blue Archive / 蔚蓝档案 style mouse click effect and cursor trail animation for web.

Highlights

• Pure Canvas 2D mouse click effect and cursor trail animation
• Gray ring completely fixed (7-iteration debugging: waveCanvas isolation + pure color + old→new render order)
• Comprehensive smoke test coverage (98 setter calls, config isolation, resetConfig)
• npm package verification scripts (verify-pack/package/tarball)
• Full API documentation in TypeScript declarations with JSDoc

Changes

• Fix: Gray ring when rapidly clicking with unbalanced RGB colors (e.g. yellow) — resolved via waveCanvas isolation + pure theme color + render order fix
• Docs: README dual-language enhancements, comparison GIFs with jsDelivr CDN
• Test: smoke.js expanded to cover all 94 public APIs, 98 setter calls, config isolation, CONFIG getter
• Scripts: Added verify-pack.mjs, verify-package.mjs, verify-tarball.mjs for pre-publish checks
• Internal: Code cleanup, JSDoc documentation, performance improvements
• Version: 1.1.10

Links

• Online Demo: https://ba-click-fx.cialloking.top/
• npm: https://www.npmjs.com/package/ba-click-fx
• GitHub: https://github.com/CialloKing/ba-click-fx

Install

npm install ba-click-fx@1.1.10

CDN

<script src="https://cdn.jsdelivr.net/npm/ba-click-fx@1.1.10/dist/ba-click-fx.iife.js"></script>

ba-click-fx v1.1.5 - Blue Archive Click Effect and Cursor Trail for Web

ba-click-fx v1.1.5

Blue Archive / 蔚蓝档案 style mouse click effect and cursor trail animation for web.

What's New

• 真实光影系统：新增 setGlow/setFakeGlow/setClickFakeGlow API，支持 shadowBlur 真实发光和多层叠加伪发光
• 圆环宽度渐变：圆环随生命周期自然变细（非线性 progress² 曲线），模拟游戏内效果，新增「宽度收缩」滑块
• 圆盘时序控制：新增 setDiskTiming API，可调节圆盘存在帧数、扩张比例、颜色过渡、淡出时机
• 圆环弧段细节：新增额外弧段概率、聚拢概率、弧长倍率范围等可调参数
• 轨迹光晕增强：光晕范围 16→25，强度可调，优化 ribbon 能量带视觉效果
• 纯白背景主题：控制面板新增纯白背景预设，方便截屏录 GIF
• 浏览器插件支持：README 新增浏览器插件使用方式，引用 ba-click-fx-extension 项目
• FOUC 修复：所有 fixed 元素添加 critical CSS，彻底消除刷新闪烁

SEO & i18n

• Demo 页 title/H1/OG/description 加入中文核心关键词，新增 og:image
• intro-section 支持中英文切换（I18N），含安装方式/FAQ 折叠区
• README 标题加完整关键词，package.json 中英文加强
• 新增 JSON-LD 结构化数据

Fixes

• 移除点击效果 shadowBlur 修复快速连点灰色环
• 透明度滑块标签改为"不透明度"，消除语义混淆
• 补全 labelMap 遗漏的 9 个控件映射，修复中英文切换不生效
• 统一 UTF-8 BOM + CRLF 编码，修复展示页 i18n 缺失

Links

• Online Demo: https://ba-click-fx.cialloking.top/
• npm: https://www.npmjs.com/package/ba-click-fx
• GitHub: https://github.com/CialloKing/ba-click-fx

Install

npm install ba-click-fx@1.1.5

CDN

<script src="https://cdn.jsdelivr.net/npm/ba-click-fx@1.1.5/dist/ba-click-fx.iife.js"></script>

ba-click-fx v1.1.2 - Blue Archive Click Effect and Cursor Trail for Web

ba-click-fx v1.1.2

Blue Archive / 蔚蓝档案 style mouse click effect and cursor trail animation for web.

Highlights

• Pure Canvas 2D mouse click effect and cursor trail animation
• Blue Archive style click disk, rotating ring, particle sparks, and drag trails
• 60+ configurable parameters
• Supports npm, CDN, and direct download
• Zero external runtime dependencies

Changes

• README GIF uses jsDelivr CDN, visible on npm page as well
• CDN version changed to @main for auto-latest
• Improved README Chinese localization and GIF comparison layout
• CI now runs npm test after build

Links

• Online Demo: https://ba-click-fx.cialloking.top/
• npm: https://www.npmjs.com/package/ba-click-fx
• GitHub: https://github.com/CialloKing/ba-click-fx

Install

npm install ba-click-fx

CDN

<script src="https://cdn.jsdelivr.net/npm/ba-click-fx@1.1.2/dist/ba-click-fx.iife.js"></script>

ba-click-fx v1.1.0 - Blue Archive Click Effect and Cursor Trail for Web

ba-click-fx v1.1.0

Blue Archive / 蔚蓝档案 style mouse click effect and cursor trail animation for web.

Highlights

• Pure Canvas 2D mouse click effect and cursor trail animation
• Blue Archive style click disk, rotating ring, particle sparks, and drag trails
• 60+ configurable parameters
• Supports npm, CDN, and direct download
• Zero external runtime dependencies

Links

• Online Demo: https://ba-click-fx.cialloking.top/
• npm: https://www.npmjs.com/package/ba-click-fx
• GitHub: https://github.com/CialloKing/ba-click-fx

Install

npm install ba-click-fx

CDN

<script src="https://cdn.jsdelivr.net/npm/ba-click-fx@1.1.0/dist/ba-click-fx.iife.js"></script>