
How to Use
This is an interactive educational tool that teaches 2D graphics programming concepts through hands-on examples. **Navigation:** • Browse programming examples using the main menu • Each example demonstrates a specific graphics concept or technique **Learning Features:** • View live visual demonstrations in the preview window • Study the corresponding JavaScript code in the code editor below • Code examples use PixiJS for 2D graphics rendering **Controls:** • Click the reload button (circular arrow icon) to restart any animation or example • Scroll through the code editor to examine implementation details • Use the menu to switch between different programming topics **What You'll Learn:** • 2D graphics programming fundamentals • Mathematical concepts applied to visual programming • Vector operations and graphics rendering techniques • Self-contained code examples you can study and adapt **How It Works:** Each example focuses on one concept, combining visual output with readable code. The split view lets you see both the result and implementation simultaneously, making it easier to understand how the code creates the visual effects.