Background Grid WebGL Skill

Use When

• Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward drift, and gentle camera parallax.

Workflow

Scope

• Apply this only to the immersive background grid layer, not to the full page layout, copy, or unrelated particle or laser systems.
• Use it when the design needs a perspective tech grid receding into space with subtle motion and depth.

Visual target

• Create a large perspective ground-plane grid viewed from an elevated camera angle so the lines recede toward the horizon.
• Keep the grid understated and atmospheric: thin lines, soft fade with distance, dark background, and restrained glow rather than a loud retro neon floor.
• Add a light field of floating particles or dust to give the scene depth without overpowering the grid.
• Use the design's primary color or strongest accent color sparingly for glow, particles, or secondary emphasis. If the design is neutral, a white or cool gray grid is acceptable.