webgl

File Organization : This skill uses split structure. See references/ for advanced patterns and security examples. This skill provides WebGL expertise for creating custom shaders and visual effects in the JARVIS AI Assistant HUD. It focuses on GPU-accelerated rendering with security considerations. Risk Level : MEDIUM - Direct GPU access, potential for resource exhaustion, driver vulnerabilities Primary Use Cases : WebGL provides GPU-accelerated graphics for JARVIS HUD. Key principles: handle context loss, enforce resource limits, validate shaders, track memory, batch draw calls, minimize state changes. Remember : WebGL bypasses browser sandboxing - always protect against resource exhaustion. References : references/advanced-patterns.md , references/security-examples.md - Custom shaders for holographic effects - Post-processing effects (bloom, glitch) - Particle systems with compute shaders - Real-time data visualization - TDD First : Write tests before implementation - test shaders, contexts, and resources - Performance Aware : Optimize GPU usage - batch draws, reuse buffers, compress textures - GPU Safety : Implement timeout mechanisms and resource limits - Shader Validation : Validate all shader inputs before compilation - Context Management : Handle context loss gracefully - Performance Budgets : Set strict limits on draw calls and triangles - Fallback Strategy : Provide...