CirilBohak/CG_WebExamples

Web examples for Computer Graphics concepts

JavaScriptGPL-2.0

CG_WebExamples

Web examples for Computer Graphics concepts

Content

Part 1

Points

Location
Subtraction

Vectors

Negation
Addition
Scalar Product
Dot Product
Cross Product
Length
Normalization
Projection of Vector
Angle Between Vectors

Matrices

Negation
Addition
Transposition
Multiplication with Scalar
Matrix Multiplication

Transformations

Translation
X-Axis
Y-Axis
Z-Axis
Multiple-Axes
Rotation
X-Axis
Y-Axis
Z-Axis
Scale
X-Axis
Y-Axis
Z-Axis
Multiple-Axes
Mirror
X-Axis
Y-Axis
Z-Axis
Multiple-Axes
Shear
X-Axis
Y-Axis
Z-Axes
Projections
- Parallel Projection
- Perspective Projection

Part 2

Curves and Patches

Curves
- Bernstein Polynomial
- Bezier Curves
  - Parametic Form
  - Matrix Form
  - Standard Draw
  - De Castejau Adaptive Draw
- B-Splines
- NURBS
Patches
- Bezier Patches
- NURBS Patches

Colors

Color Models
- Subractive Models
- Additive Models
Color Spaces
- CIE RGB
- CIE XYZ
- CIE xyY
- CIE LAB
Color Range (popravi)
- Colorometic Diagram CIE xy
Color Systems
- RGB
- HSV
- HSL

Shading

Illumination
- Lambert Illumination
- Phong Illumination
- Blinnn Phong Illumination
  - Halfway Vector
Shading
- Gouraud Shading
- Phong Shading
Lights
- Directional Light
- Point Light
- Spot Light
- Volumetric Light (later)
Shadows (later)

Part 3

Texturing

Mapping Textures
- Planar
- Cylindrical
- Spherical
- Cube / Environment mapping
Mipmaping and Filtering
- Nearest
- Bilinear
- Trilinear

Antialiasing

Supersampling
FSAA

Text

Bitmap Text
- Text from texture
- Real-time rendering
- Polygon text
- 3D text

Head Up Display

Animation

12 principles of animation
Forward Kinematics
Inverse Kinematics
Quaternions

Scene Graph

Hierarhical model of scene
Skeletal representation of characters

Collision detection

AABB
Bruteforce