Ebook: Real-Time 3D Graphics with WebGL 2: Build interactive 3D applications with JavaScript and WebGL 2 (OpenGL ES 3.0), 2nd Edition

Explore 3D programming in WebGL 2 with the help of over 80 examples and powerful techniques for real-time graphics development

Key Features

• Create visually stunning, high-performance 3D applications for the web with WebGL 2
• Get to grips with the fundamentals of 3D computer graphics, including rendering, 3D math, lighting, and camera
• Unlock a variety of new and advanced WebGL 2 features

Book Description

Based on OpenGL, WebGL is a powerful web technology that enables hardware-accelerated 3D graphics in the browser without having to install additional software.

Updated to WebGL 2, this second edition of the WebGL Beginner's Guide covers the latest WebGL features and advancements in real-time 3D development. You'll start by understanding the fundamentals of 3D graphics programming and discover alternatives for its implementation using WebGL 2. With over 80 examples, this book will help you to see WebGL programming in action. Once you've learned how to implement the core features of graphics programming, such as 3D rendering, blending, and geometry construction, you'll explore expert techniques for adding colors, textures, lights, and effects to your JavaScript web application to build complete 3D designs. Throughout the book, you'll build a virtual car showroom by applying the concepts covered.

By the end of the book, you'll be well-versed with the core and advanced concepts of computer graphics programming and be ready to implement them to design web applications with a highly interactive user experience.

What you will learn

• Understand the rendering pipeline in WebGL
• Build and render 3D objects with WebGL
• Develop lights using shaders, 3D math, and the physics of light reflection
• Create a camera and use it to navigate a 3D scene
• Use texturing, lighting, and shading techniques to render realistic 3D scenes
• Implement object selection and interaction in a 3D scene
• Discover advanced techniques for creating immersive and compelling scenes

Who this book is for

This book is for developers interested in building highly interactive 3D applications for the web. Although no prior experience with computer graphics or WebGL is required, a basic understanding of JavaScript is necessary.

Table of Contents

1. Getting Started
2. Rendering
3. Lights
4. Cameras
5. Animations
6. Colors, Depth Testing, and Alpha Blending
7. Textures
8. Picking
9. Putting It All Together
10. Advanced Techniques
11. WebGL 2 Highlights
12. Journey Ahead