Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn WebGL fundamentals through p5.js in this comprehensive tutorial series covering 3D graphics programming from basic concepts to advanced techniques. Explore the introduction to WebGL within the p5.js framework, understanding how to set up and work with 3D rendering contexts. Master creating and manipulating 3D geometries including basic shapes and custom forms. Discover how to implement lighting systems and material properties to create realistic 3D scenes with proper shading and visual depth. Understand texture mapping techniques to apply images and patterns to 3D objects for enhanced visual appeal. Dive into camera controls and perspective manipulation to create dynamic viewpoints and immersive 3D experiences. Learn advanced techniques like using createGraphics() to generate WebGL textures programmatically. Explore loading external 3D models in OBJ format to incorporate complex geometries into your projects. Conclude by building custom 3D shapes from scratch, giving you complete control over geometry creation and manipulation in WebGL using p5.js.
Syllabus
18.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial
18.2: 3D Geometries - WebGL and p5.js Tutorial
18.3: Light and Material - WebGL and p5.js Tutorial
18.4: Texture - WebGL and p5.js Tutorial
18.5: Camera and Perspective - WebGL and p5.js Tutorial
18.6: createGraphics() as WebGL Texture - WebGL and p5.js Tutorial
18.7: Loading OBJ Model - WebGL and p5.js Tutorial
18.8: 3D Custom Shapes - WebGL and p5.js Tutorial
Taught by
The Coding Train