Skip to content

References: 3D WebGL Coordinates & Primitive Geometries

  1. WebGL - Wikipedia - Standard JavaScript API for rendering high-performance interactive 3D and 2D graphics within any compatible web browser without plugins or specialized hardware software installations.

  2. 3D computer graphics - Wikipedia - Comprehensive overview of three-dimensional geometric pipelines, coordinate systems (X, Y, Z depth), polygon meshes, and rasterization for spatial rendering on modern graphics hardware.

  3. Z-buffering - Wikipedia - Theoretical and practical explanation of depth buffer algorithms determining surface visibility and occluding distant polygons in 3D renderers and hardware graphics processing units.

  4. Real-Time 3D Graphics with WebGL 2 (Second Edition) - Farhad Ghayour and Diego Cantor - Packt Publishing - Ghayour and Cantor formulated clear pedagogical steps bridging 2D HTML canvas thinking to 3D GPU vertex buffers, depth tests, and WebGL pipeline architectures for web developers.

  5. Interactive Computer Graphics: A Top-Down Approach with WebGL (Seventh Edition) - Edward Angel and Dave Shreiner - Pearson - Angel and Shreiner pioneered the top-down WebGL pedagogy, teaching students 3D transformation matrices, mesh vertices, and camera projection geometry through interactive computer graphics examples.

  6. p5.js 3D WebGL Reference Guide - p5.js Foundation - Complete reference for createCanvas(w, h, WEBGL), box(), sphere(), cylinder(), cone(), torus(), plane(), and orbitControl() for 3D navigation and mesh rendering in p5.js.

  7. WebGL 3D Perspective Projection - WebGL Fundamentals - In-depth guide explaining 3D coordinates, Z-clipping planes, perspective division, field of view, and matrix projection mathematics for GPU rendering in real-time WebGL applications.

  8. The Coding Train: Introduction to 3D and WebGL in p5.js - The Coding Train - Visual video lesson introducing the center origin (0, 0, 0) in WebGL mode, 3D rotations on X/Y/Z axes, and basic 3D primitive geometry in p5.js sketches.

  9. WebGL 2 Specification - Khronos Group - Official Khronos Group specification defining WebGL 2 capabilities, OpenGL ES 3.0 feature parity, and hardware graphics pipeline standards across all supported browser engines.

  10. Scratchapixel: 3D Coordinate Systems and Projections - Scratchapixel - Mathematical and visual tutorial explaining camera frustums, perspective projection division, and screen-space coordinate mapping in 3D computer graphics and game engine rendering pipelines.