Spis Treści

WebGLFundamentals.org

Fix, Fork, Contribute

WebGL 3D - Normal Mapping

Sorry this article has not been translated yet. Translations Welcome! 😄

Here's the original English article for now.

Podstawy

Podstawy WebGL
How It Works
Shaders and GLSL
WebGL State Diagram

Image Processing

Image Processing
Image Processing Continued

2D translation, rotation, scale, matrix math

PrzesuniÄcie dwuwymiarowe w WebGL
Obrót dwuwymiarowy w WebGL
2D Scale
2D Matrices

3D

Orthographic 3D
3D Perspective
3D Cameras

Lighting

Directional Lighting
Point Lighting
Spot Lighting

Structure and Organization

Less Code, More Fun
Drawing Multiple Things
Scene Graphs

Geometry

Geometry - Lathe
Loading .obj files
Loading .obj w .mtl files

Textures

Textures
Data Textures
Using 2 or More Textures
Cross Origin Images
Perspective Correct Texture Mapping
Planar and Perspective Projection Mapping

Rendering To A Texture

Render to Texture

Shadows

Shadows

Techniques

2D

2D - DrawImage
2D - Matrix Stack
Sprites

3D

Cubemaps
Environment maps
Skyboxes
Skinning
Fog
Picking (clicking on stuff)

Text

Text - HTML
Text - Canvas 2D
Text - Using a Texture
Text - Using a Glyph Texture

Textures

Ramp Textures (Toon Shading)

GPGPU

GPGPU

Tips

Smallest Programs
Drawing Without Data
Shadertoy
Pulling Vertices

Optimization

Indexed Vertices (gl.drawElements)
Instanced Drawing

Różności

Setup And Installation
Boilerplate
Resizing the Canvas
Animation
Points, Lines, and Triangles
Multiple Views, Multiple Canvases
Visualizing the Camera
WebGL and Alpha
WebGL - biblioteki 2D vs 3D
Anti-Patterns
WebGL Matrices vs Math Matrices
Precision Issues
Taking a screenshot
Prevent the Canvas Being Cleared
Get Keyboard Input From a Canvas
Use WebGL as Background in HTML
Cross Platform Issues
Questions and Answers

Reference

Attributes
Texture Units
Framebuffers
readPixels
References

Dokumentacja Helper API
TWGL - zwięzła biblioteka wspomagająca WebGL
github