Apply Linear Gradient to Grid

This commit is contained in:
copecone committed 2026-03-30 12:11:30 +09:00
1 parent 0405b15b01
commit d37bec5cb9
1 file changed
+5 -1
@@ -97,9 +97,13 @@ export class BrandAccent implements OnDestroy {
this.ctx.globalCompositeOperation = 'multiply'; this.ctx.globalCompositeOperation = 'multiply';
const gridGradient = this.ctx.createLinearGradient(0, 0, this.canvasNativeSize[0], this.canvasNativeSize[1]);
gridGradient.addColorStop(0, 'rgba(0, 0, 0, 0)');
gridGradient.addColorStop(1, 'rgba(0, 0, 0, 0.2)');
this.ctx.beginPath(); this.ctx.beginPath();
this.ctx.lineWidth = 2; this.ctx.lineWidth = 2;
this.ctx.strokeStyle = 'rgba(0, 0, 0, 0.2)'; this.ctx.strokeStyle = gridGradient;
this.ctx.lineCap = 'round'; this.ctx.lineCap = 'round';
const lineRenderMargin = this.animation.gridSquareSize * 2; const lineRenderMargin = this.animation.gridSquareSize * 2;