Awesome WebGL

This is a curated list of awesome WebGL libraries, resources and much more.

What is WebGL

WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser without the use of plug-ins. WebGL is integrated completely into all the web standards of the browser allowing GPU accelerated usage of physics and image processing and effects as part of the web page canvas.

WebGL elements can be mixed with other HTML elements and composited with other parts of the page or page background. WebGL programs consist of control code written in JavaScript and shader code that is executed on a computer's Graphics Processing Unit (GPU).

Contents

• WebGL
• WebGL 2
• WebVR
• Libraries
• Community

WebGL

All things dealing with WebGL

WebGL sub-categories

• Articles
• Blog Series
• Books
• Bug Reporting
• GLSL Editors
• References
• Talks
• Tools/Debugging
• Chrome Specific Tools/Debugger
• Firefox Specific Tools/Debugger
• Tutorials
• Videos

Articles

WebGL articles and/or blog posts (non-tutorials)

• Context Loss & Preloading - How to manage WebGL when you run into the dreaded context lost.
• WebGL Off the Main Thread - How to use Web Workers in WebGL.
• Optimizing Scenes for Better WebGL Performance - optimization techniques that proved to work well for creating WebGL-based interactives.
• First steps in WebGL - Learn what WebGL is and how it works by drawing a triangle.

Blog Series

Blog series of WebGL topics

• Codeflow - Many blogs on different tricks and techniques.
• Real-Time Rendering - This is the blog for the book Real-Time Rendering.
• WebGL Best Practices - Mozilla's offical set of best practices.
• WebGL Insights - This is the blog for the book WebGL Insights.
• WebGL Month – Daily WebGL tutorial for a month.
• WebGL Image Processing - Covers a range of Image Processing algorithms in WebGL such as Color Correction, Blend Modes, Thresholding, Dithering, Convolution and Film Grain.

Books

Popular books about WebGL

• Interactive Computer Graphics: A Top-Down Approach with WebGL by Edward Angel and Dave Shreiner - Suitable for undergraduate students in computer science and engineering, for students in other disciplines who have good programming skills, and for professionals interested in computer animation and graphics using the latest version of WebGL.
• Professional WebGL Programming by Andreas Anyuru - Everything you need to know about developing hardware-accelerated 3D graphics with WebGL.
• Programming 3D Applications with HTML5 and WebGL by Tony Parisi - Create high-performance, visually stunning 3D applications for the Web, using HTML5 and related technologies such as CSS3 and WebGL—the emerging web graphics standard.
• WebGL Beginner's guide by Diego Cantor and Brandon Jones - For JavaScript developer who wants to take the plunge into 3D web development via WebGL.
• WebGL Hotshot by Mitch Williams - For web designer looking to expand your knowledge of 3D graphics concepts and broaden your existing skill set.
• WebGL Insights by Patrick Cozzi - Presents real-world techniques for intermediate and advanced WebGL developers by assembling contributions from experienced WebGL engine and application developers, GPU vendors, browser developers, researchers, and educators.
• Book's Personal Site