@tsparticles/effect-bubble/browser/BubbleDrawer.js

tsParticles bubble effect

import { defaultAngle, doublePI } from "@tsparticles/engine";
const bubbleFactor = 3;
export class BubbleDrawer {
    draw(data) {
        const { context, radius } = data, bubbleRadius = radius / bubbleFactor;
        context.beginPath();
        context.arc(bubbleRadius, -bubbleRadius, bubbleRadius, defaultAngle, doublePI, false);
        context.closePath();
        context.fillStyle = "#fff9";
        context.fill();
    }
}