Introduction to Computer Graphics A Practical Learning Approach

Teach Your Students How to Create a Graphics Application Introduction to Computer Graphics: A Practical Learning Approach guides students in developing their own interactive graphics application. The authors show step by step how to implement computer graphics concepts and theory using the EnvyMyCar (NVMC) framework as a consistent example throughout the text. They use the WebGL graphics API to develop NVMC, a simple, interactive car racing game. Each chapter focuses on a particular computer graphics aspect, such as 3D modeling and lighting. The authors help students understand how to handle 3D geometric transformations, texturing, complex lighting effects, and more. This practical approach leads students to draw the elements and effects needed to ultimately create a visually pleasing car racing game. The code is available at www.envymycarbook.com Puts computer graphics theory into practice by developing an interactive video game Enables students to experiment with the concepts in a practical setting Uses WebGL for code examples Requires knowledge of general programming and basic notions of HTML and JavaScript Provides the software and other materials on the book’s website Software development does not require installation of IDEs or libraries, only a text editor.

What Computer Graphics Is Applications Domains and Areas of Computer Graphics Color and Images Algorithms to Create a Raster Image from a 3D Scene The First StepsThe Application Programming Interface The WebGL Rasterization-Based Pipeline Programming the Rendering Pipeline: Your First Rendering WebGL Supporting Libraries Meet NVMC How a 3D Model Is RepresentedPolygonal meshes Implicit surfaces Parametric surfaces Voxels Constructive solid geometry (CSG)Subdivision surfaces Data Structures for Polygon MeshesThe First Code: Making and Showing Simple PrimitivesSelf-exercises Geometric TransformationsGeometric entities Basic geometric transformationsAffine transformationsFramesRotations in Three DimensionsViewing transformationsTransformations in the PipelineUpgrade your client: Our First 3D ClientThe CodeHandling the Transformations Matrices with a Matrix StackManipulating the View and the ObjectsUpgrade your client: Create the Observer CameraSelf-exercises Turning Vertices into PixelsRasterization Hidden Surface Removal From Fragments to Pixels ClippingCulling Lighting and ShadingLight and Matter Interaction Radiometry in a Nutshell Reectance and BRDF The Rendering Equation Evaluate the Rendering Equation Computing the Surface Normal Light Source Types Phong Illumination Model Shading Techniques Advanced Reection Models Self-Exercises Texturing Introduction: Do We Need Texture Mapping? Basic Concepts Texture Filtering: from per-Fragment Texture Coordinates to per-Fragment ColorPerspective Correct Interpolation: From per-Vertex to per-Fragment Texture Coordinates Upgrade Your Client: Add Textures to the Terrain, Street and Building Upgrade Your Client: Add the Rear Mirror Texture Coordinates Generation and Environment Mapping Texture Mapping for Adding Detail to Geometry Notes on Mesh Parametrization 3D Textures and Their Use Self-Exercises Shadows The Shadow Phenomenon Shadow Mapping Upgrade Your Client: Add Shadows Shadow Mapping Artifacts and Limitations Shadow Volumes Self-Exercises Image-Based Impostors Sprites Billboarding Ray-Traced Impostors Self-Exercises Advanced TechniquesImage Processing Ambient Occlusion Deferred Shading Particle Systems Self-Exercises Global Illumination Ray Tracing Multi-Pass Algorithms Appendix A: NVMC Class Appendix B: Properties of Vector Products Bibliography Index