Add glowing golden ambient particle system to home page

2026-09-26 18:11:51 +05:30
parent 0f555fdb17
commit d4afacb1d2
4 changed files with 335 additions and 0 deletions
@@ -81,6 +81,8 @@
      <section id="screen-start" class="screen-view active">
        <div class="home-screen-backdrop">
          <img src="images/home_page_bg.png" alt="PPE Safety Challenge" class="home-bg-image" />
+          <!-- High-fidelity Golden Ambient Particle Canvas -->
+          <canvas id="home-golden-particles" class="home-particles-canvas"></canvas>
          <button id="btn-start-game" class="btn-start-hero-overlay" aria-label="Start Challenge" title="Click or Press Space to Start Challenge">
            <span class="btn-hero-hover-text">▶ START CHALLENGE</span>
          </button>