webgl-renderer-baseline

What problem does it solve?

This Skill ensures consistent and high-fidelity visual rendering in the Myelin simulator by providing a definitive contract for WebGL renderer configuration, preventing visual discrepancies across devices.

Core Features & Use Cases

• Renderer Initialization: Sets up the WebGL 2 renderer with optimal performance and quality settings.
• Shadow & Lighting: Configures shadow maps and physical lighting models for realistic scene illumination.
• Environment & Post-Processing: Manages HDRI environment loading and defines the post-processing stack for visual enhancements.
• Responsiveness: Handles viewport resizing and device pixel ratio changes.
• Error Handling: Gracefully manages WebGL context loss and tab visibility changes.
• Use Case: When initializing the 3D scene in the Myelin simulator, use this skill to set up the renderer, ensuring all subsequent visual elements are rendered correctly according to platform standards.

Quick Start

Initialize the WebGL renderer for the simulator using the settings defined in this skill.