Chapters:

Sparking Interest (Introduction and Critical Thinking)

• Introduction
• The World, Our Eyes, and Mind
• Color, Space, and Time
• How the Brain Constructs Space and Perceives Motion
• WebGL: Bridging Virtual and Reality
• Shader: The Sculpting Knife of Pixels

Mathematical Foundations (Graphics Math)

• Coordinate Systems and Vector Basics (Cartesian and Homogeneous)
• Vectors and Matrices: Translation, Rotation, and Scaling
• Projection Matrices and Perspective Projection Principles
• Normal Vectors and Lighting Basics
• Curves, Surfaces, and Animation Interpolation
• Intuitive Linear Algebra in Graphics

Introduction to WebGL

• What is WebGL?
• Relationship Between OpenGL and WebGL
• Vertex and Fragment Shader Concepts
• GLSL Writing and Debugging Basics
• Drawing a Triangle on Canvas
• WebGL Rendering Pipeline and State Management

Three.js Fundamentals

• Creating Scenes and Renderers
• Cameras and Controls
• Geometries and Materials
• Lights and Shadows
• Animation and requestAnimationFrame
• Mouse Interaction and Raycaster
• Loading Models and Textures

Advanced Three.js

• Custom Shaders and ShaderMaterial
• Particle Systems and Effects
• Post-Processing and Visual Styles
• Scene Optimization and Performance
• Interactive Projects and Case Studies