effects/neon.js

import { BaseEffect } from './base.js';

export class NeonEffect extends BaseEffect {
    constructor() {
        super();
        this.glowOptions = {
            color: '#ff69b4',  // ネオンピンク
            blur: 90,
            iterations: 12
        };
    }

    async setupContext(ctx, options) {
        ctx.font = `${options.fontSize}px "${options.font}"`;
        ctx.fillStyle = '#ff69b4';
        ctx.textBaseline = 'top';
    }
}