WebGL and Computer Graphics

  1. Advanced Rendering Techniques
    1. 3D Model Handling
      1. Complex Geometry Representation
        1. Vertex Data Structures
          1. Face Index Data
            1. Material Information
            2. Model File Formats
              1. OBJ Format
                1. Vertex Data
                  1. Face Data
                    1. Material References
                    2. glTF Format
                      1. JSON Structure
                        1. Binary Data
                          1. Animation Support
                        2. Model Loading Pipeline
                          1. File Parsing
                            1. Data Extraction
                              1. Buffer Creation
                            2. Camera Control Systems
                              1. Look-At Camera
                                1. Target-based Camera
                                  1. Camera Positioning
                                  2. Arcball Camera
                                    1. Spherical Rotation
                                      1. Mouse Interaction
                                        1. Distance Control
                                        2. First-Person Camera
                                          1. Movement Controls
                                            1. Mouse Look
                                              1. Keyboard Input
                                            2. Depth and Visibility
                                              1. Depth Testing
                                                1. Z-buffer Algorithm
                                                  1. Depth Test Enabling
                                                    1. Depth Function Selection
                                                      1. Depth Buffer Clearing
                                                      2. Face Culling
                                                        1. Back-face Culling
                                                          1. Culling Enable
                                                            1. Winding Order
                                                            2. Front-face Culling
                                                              1. Culling Disable
                                                            3. Transparency and Blending
                                                              1. Alpha Channel Usage
                                                                1. Transparency Values
                                                                  1. Alpha Testing
                                                                  2. Blending Operations
                                                                    1. Blend Function Setup
                                                                      1. Source and Destination Factors
                                                                        1. Blend Equation Selection
                                                                        2. Common Blend Modes
                                                                          1. Alpha Blending
                                                                            1. Additive Blending
                                                                              1. Multiplicative Blending
                                                                            2. Render Targets and Post-processing
                                                                              1. Framebuffer Objects
                                                                                1. FBO Creation
                                                                                  1. FBO Binding
                                                                                    1. Multiple Render Targets
                                                                                    2. Texture Attachments
                                                                                      1. Color Texture Attachment
                                                                                        1. Depth Texture Attachment
                                                                                          1. Stencil Attachment
                                                                                          2. Renderbuffer Objects
                                                                                            1. Renderbuffer Creation
                                                                                              1. Renderbuffer Attachment
                                                                                              2. Post-processing Effects
                                                                                                1. Blur Effects
                                                                                                  1. Gaussian Blur
                                                                                                    1. Box Blur
                                                                                                    2. Bloom Effects
                                                                                                      1. Bright Pass Filter
                                                                                                        1. Blur and Combine
                                                                                                        2. Color Correction
                                                                                                          1. Gamma Correction
                                                                                                            1. Tone Mapping
                                                                                                          2. Reflection and Mirror Effects
                                                                                                            1. Environment Mapping
                                                                                                              1. Planar Reflections
                                                                                                              2. Shadow Mapping
                                                                                                                1. Shadow Map Generation
                                                                                                                  1. Shadow Map Sampling
                                                                                                                    1. Shadow Bias
                                                                                                                  2. Performance Optimization Techniques
                                                                                                                    1. Instanced Rendering
                                                                                                                      1. Instance Data
                                                                                                                        1. drawArraysInstanced Method
                                                                                                                          1. drawElementsInstanced Method
                                                                                                                            1. Per-instance Attributes
                                                                                                                            2. Level of Detail
                                                                                                                              1. LOD Selection
                                                                                                                                1. Distance-based LOD
                                                                                                                                2. Frustum Culling
                                                                                                                                  1. View Frustum Definition
                                                                                                                                    1. Object Culling
                                                                                                                                  2. Atmospheric Effects
                                                                                                                                    1. Fog Implementation
                                                                                                                                      1. Fog Color
                                                                                                                                        1. Fog Density
                                                                                                                                        2. Fog Models
                                                                                                                                          1. Linear Fog
                                                                                                                                            1. Distance-based Linear Fog
                                                                                                                                            2. Exponential Fog
                                                                                                                                              1. Exponential Density Function
                                                                                                                                              2. Exponential Squared Fog
                                                                                                                                                1. Enhanced Exponential Model

                                                                                                                                          Previous

                                                                                                                                          8. Lighting and Shading

                                                                                                                                          Go to top

                                                                                                                                          Next

                                                                                                                                          10. WebGL 2.0 Features