<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fireball Animation</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

        body {
            background: black;
            height: 100vh;
        }

        canvas {
            display: block;
        }
    </style>
</head>
<body>

<canvas id="fireCanvas"></canvas>

<script>
const canvas = document.getElementById("fireCanvas");
const ctx = canvas.getContext("2d");

canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

let fireballs = [];

class Fireball {
    constructor() {
        this.x = Math.random() * canvas.width;
        this.y = canvas.height + Math.random() * 100;
        this.radius = Math.random() * 5 + 3;
        this.speed = Math.random() * 3 + 2;
        this.opacity = Math.random();
    }

    draw() {
        ctx.beginPath();
        let gradient = ctx.createRadialGradient(
            this.x, this.y, 0,
            this.x, this.y, this.radius * 3
        );
        gradient.addColorStop(0, `rgba(255, 200, 0, ${this.opacity})`);
        gradient.addColorStop(0.5, `rgba(255, 80, 0, ${this.opacity})`);
        gradient.addColorStop(1, `rgba(255, 0, 0, 0)`);

        ctx.fillStyle = gradient;
        ctx.arc(this.x, this.y, this.radius * 3, 0, Math.PI * 2);
        ctx.fill();
    }

    update() {
        this.y -= this.speed;
        this.opacity -= 0.005;
    }
}

function createFireballs() {
    if (fireballs.length < 120) {
        fireballs.push(new Fireball());
    }
}

function animate() {
    ctx.fillStyle = "rgba(0, 0, 0, 0.2)";
    ctx.fillRect(0, 0, canvas.width, canvas.height);

    fireballs.forEach((f, index) => {
        f.update();
        f.draw();

        if (f.opacity <= 0) {
            fireballs.splice(index, 1);
        }
    });

    createFireballs();
    requestAnimationFrame(animate);
}

animate();

window.addEventListener("resize", () => {
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;
});
</script>

</body>
</html><?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//www.kashmirlabours.com/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://www.kashmirlabours.com/post-sitemap.xml</loc>
		<lastmod>2025-05-06T09:06:27+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://www.kashmirlabours.com/page-sitemap.xml</loc>
		<lastmod>2026-02-09T15:04:15+00:00</lastmod>
	</sitemap>
	<sitemap>
		<loc>https://www.kashmirlabours.com/category-sitemap.xml</loc>
		<lastmod>2025-05-06T09:06:27+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Rank Math SEO Plugin (c) Rank Math - rankmath.com -->