Skip to content

辉光优化以及bug fix #134

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
DoomVoss merged 10 commits into from
Aug 20, 2026
Merged

辉光优化以及bug fix #134

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
1810e2a
test1
yutou-official Jul 13, 2026
d197be5
test2
yutou-official Jul 13, 2026
0efac21
final
yutou-official Jul 13, 2026
e1dc06d
更新了功能提示
yutou-official Jul 13, 2026
fbd0fd3
删除了测试用的配置
yutou-official Jul 13, 2026
f5f0497
修改纠正了功能说明，同步修改XAML 硬编码文本，补上缺失的 CurveDraw 本地化映射
yutou-official Jul 17, 2026
ca09c76
同步修改XAML 硬编码文本，补上缺失的 CurveDraw 本地化映射
yutou-official Jul 17, 2026
642864c
修复重启后 ApplyCurveDraw 未回填到特效层导致曲线拖尾不生效
yutou-official Aug 14, 2026
2665a0e
Merge branch 'main' into New-Feature
yutou-official Aug 14, 2026
04f664c
将辉光优化迁移了过来，并解决了尾迹透明度不受更改的bug
yutou-official Aug 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/MainWindow.xaml.cs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -443,6 +443,7 @@ private async System.Threading.Tasks.Task InitWebView()
UpdateColor(ConfigManager.ParticleColor);
ConfigManager.GetAnimationSpeedsForOverlay(out double trailSp, out double clickSp);
UpdateEffectSettings(ConfigManager.EffectScale, ConfigManager.EffectOpacity, trailSp, clickSp);
SetCurveDraw(ConfigManager.ApplyCurveDraw);
SyncInputContext(InputModeMouse);
if (_overlayRuntimePaused)
{
Expand Down
96 changes: 50 additions & 46 deletions src/Web/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -330,59 +330,63 @@

// 逐段渲染：每段的透明度基于数组索引位置，而非空间位置
// 防止当鼠标锐角转动时，尾迹变淡后突然出现的问题
ctx.lineWidth = 5.0;
ctx.shadowColor = `rgba(${this.color}, 0.6)`;
ctx.shadowBlur = 3;
ctx.shadowOffsetX = 0;
ctx.shadowOffsetY = 0;
const glowPasses = [
{ lineWidth: 9, alphaMul: this.alpha(0.05) }, // 外层辉光
{ lineWidth: 6.0, alphaMul: this.alpha(0.5) }, // 内层辉光
{ lineWidth: 4.5, alphaMul: this.alpha(1.0) }, // 核心线
];

const lastIdx = pts.length - 1;
// 每段的透明度基于数组索引位置，而非空间位置
if (window.ApplyCurveDraw) {
// 逐段渲染（Catmull-Rom → Cubic Bezier 曲线版）
for (let i = 0; i < lastIdx; i++) {
const a0 = pts[i];
const a1 = pts[i + 1];

// Catmull-Rom 控制点：CP1 = P_i + (P_{i+1} - P_{i-1}) / 6
// CP2 = P_{i+1} - (P_{i+2} - P_i) / 6
const prev = i > 0 ? pts[i - 1] : a0;
const next = i < lastIdx - 1 ? pts[i + 2] : a1;
const cp1x = a0.x + (a1.x - prev.x) / 6;
const cp1y = a0.y + (a1.y - prev.y) / 6;
const cp2x = a1.x - (next.x - a0.x) / 6;
const cp2y = a1.y - (next.y - a0.y) / 6;

const alphaStart = i / lastIdx;
const alphaEnd = (i + 1) / lastIdx;
const segGrad = ctx.createLinearGradient(a0.x, a0.y, a1.x, a1.y);
segGrad.addColorStop(0, `rgba(${this.color}, ${alphaStart})`);
segGrad.addColorStop(1, `rgba(${this.color}, ${alphaEnd})`);

ctx.beginPath();
ctx.moveTo(a0.x, a0.y);
ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, a1.x, a1.y);
ctx.strokeStyle = segGrad;
ctx.stroke();
}
for (const pass of glowPasses) {
ctx.lineWidth = pass.lineWidth;
for (let i = 0; i < lastIdx; i++) {
const a0 = pts[i];
const a1 = pts[i + 1];

// Catmull-Rom 控制点：CP1 = P_i + (P_{i+1} - P_{i-1}) / 6
// CP2 = P_{i+1} - (P_{i+2} - P_i) / 6
const prev = i > 0 ? pts[i - 1] : a0;
const next = i < lastIdx - 1 ? pts[i + 2] : a1;
const cp1x = a0.x + (a1.x - prev.x) / 6;
const cp1y = a0.y + (a1.y - prev.y) / 6;
const cp2x = a1.x - (next.x - a0.x) / 6;
const cp2y = a1.y - (next.y - a0.y) / 6;

const alphaStart = (i / lastIdx) * pass.alphaMul;
const alphaEnd = ((i + 1) / lastIdx) * pass.alphaMul;
const segGrad = ctx.createLinearGradient(a0.x, a0.y, a1.x, a1.y);
segGrad.addColorStop(0, `rgba(${this.color}, ${alphaStart})`);
segGrad.addColorStop(1, `rgba(${this.color}, ${alphaEnd})`);

ctx.beginPath();
ctx.moveTo(a0.x, a0.y);
ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, a1.x, a1.y);
ctx.strokeStyle = segGrad;
ctx.stroke();
}}
} else {
// 逐段渲染（直线版）
for (let i = 0; i < lastIdx; i++) {
const alphaStart = i / lastIdx;
const alphaEnd = (i + 1) / lastIdx;
const a0 = pts[i];
const a1 = pts[i + 1];

const segGrad = ctx.createLinearGradient(a0.x, a0.y, a1.x, a1.y);
segGrad.addColorStop(0, `rgba(${this.color}, ${alphaStart})`);
segGrad.addColorStop(1, `rgba(${this.color}, ${alphaEnd})`);

ctx.beginPath();
ctx.moveTo(a0.x, a0.y);
ctx.lineTo(a1.x, a1.y);
ctx.strokeStyle = segGrad;
ctx.stroke();
}
for (const pass of glowPasses) {
ctx.lineWidth = pass.lineWidth;
for (let i = 0; i < lastIdx; i++) {
const alphaStart = (i / lastIdx) * pass.alphaMul;
const alphaEnd = ((i + 1) / lastIdx) * pass.alphaMul;
const a0 = pts[i];
const a1 = pts[i + 1];

const segGrad = ctx.createLinearGradient(a0.x, a0.y, a1.x, a1.y);
segGrad.addColorStop(0, `rgba(${this.color}, ${alphaStart})`);
segGrad.addColorStop(1, `rgba(${this.color}, ${alphaEnd})`);

ctx.beginPath();
ctx.moveTo(a0.x, a0.y);
ctx.lineTo(a1.x, a1.y);
ctx.strokeStyle = segGrad;
ctx.stroke();
}}
}
ctx.shadowColor = 'transparent';
}
Expand Down
Loading