WebGL and Computer Graphics

  1. 3D Transformations and Projections
    1. Model Transformations
      1. Object-to-World Transformation
        1. Local Coordinate System
          1. World Coordinate System
          2. Translation Operations
            1. Position Adjustment
              1. Translation Matrix Application
              2. Rotation Operations
                1. Object Orientation
                  1. Rotation Matrix Application
                  2. Scaling Operations
                    1. Object Size Adjustment
                      1. Scaling Matrix Application
                    2. View Transformations
                      1. Camera Concepts
                        1. Camera Position
                          1. Eye Point
                          2. Camera Orientation
                            1. Look Direction
                              1. Up Vector
                            2. Look-At Matrix
                              1. View Matrix Construction
                                1. Camera Coordinate System
                                2. View Space Transformation
                                  1. World-to-View Conversion
                                3. Projection Transformations
                                  1. Orthographic Projection
                                    1. Parallel Projection Properties
                                      1. Orthographic Matrix Construction
                                        1. Projection Volume Definition
                                          1. Left and Right Bounds
                                            1. Top and Bottom Bounds
                                              1. Near and Far Planes
                                            2. Perspective Projection
                                              1. Perspective Properties
                                                1. Foreshortening Effect
                                                2. Perspective Matrix Construction
                                                  1. Projection Parameters
                                                    1. Field of View
                                                      1. Aspect Ratio
                                                        1. Near Plane Distance
                                                          1. Far Plane Distance
                                                      2. WebGL Transformation Implementation
                                                        1. Matrix Library Usage
                                                          1. glMatrix Library
                                                            1. Matrix Creation Functions
                                                              1. Transformation Functions
                                                              2. Custom Matrix Implementation
                                                                1. Manual Matrix Construction
                                                              3. Uniform Matrix Upload
                                                                1. Matrix Data Preparation
                                                                  1. uniformMatrix4fv Usage
                                                                  2. Model-View-Projection Matrix
                                                                    1. MVP Matrix Construction
                                                                      1. Matrix Multiplication Order
                                                                        1. Vertex Transformation Pipeline

                                                                    Previous

                                                                    4. Mathematical Foundations for 3D Graphics

                                                                    Go to top

                                                                    Next

                                                                    6. Color and Material Properties