Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
7 Hour(s) 54 Minute(s)
Language
English
Taught by
Subhasish Dash
Rating
3 views
Course Overview
WebGL2(OpenGL ES 3.0) Programming using GLSL Shaders(Vertex and fragment) and Javascript
"Master WebGL2 and Unlock the Power of the GPU — No Libraries, Just Pure Understanding"
Want to create stunning 2D graphics and interactive visualizations in the browser? This beginner-friendly course is perfect for JavaScript developers who want to learn WebGL2 programming from the ground up. You’ll gain skills that can lead to careers in graphics development, game programming, image processing, or computer vision.
Unlike most tutorials that hide the complexity behind frameworks, here you’ll learn pure WebGL2 — building everything from scratch. You’ll create your own rendering engine, write GLSL shaders, and render directly to the HTML5 canvas for maximum performance and understanding.
By the end of this course, you will:
Understand the WebGL2 rendering pipeline and GPU-based rendering concepts.
Write vertex shaders and fragment shaders for real-time visual effects.
Work with textures, framebuffers, and GPU-based image filters.
Build complete WebGL projects without heavy libraries like Three.js.
Have your own library which you can tweak as per your requirement.
This course is hands-on, project-based, and filled with coding exercises so you learn by doing. If you want full control over your graphics code, improve your JavaScript performance skills, and create professional-quality visuals in the browser, this WebGL2 course will get you there, step-by-step, with clear explanations, practical guidance, and real-world coding examples.
Course Content
- 8 section(s)
- 55 lecture(s)
- Section 1 Course Overview
- Section 2 Introduction and Drawing various shapes
- Section 3 Dynamic rendering of shapes
- Section 4 Dynamic drawing of complex shapes
- Section 5 Working with textures
- Section 6 Basic Image Processing
- Section 7 Viewport
- Section 8 Working with Framebuffers
What You’ll Learn
- How to write vertex shaders and fragment shaders in WebGL2 and run them from scratch using pure JavaScript.
- How to set up and execute a complete WebGL2 rendering program, understanding every step of the process.
- Working with textures, framebuffers, and mastering the handling of vertices and pixels for precise control.
- Implementing GPU-based image processing techniques and building skills useful for a career as an image scientist or graphics programmer.
- How to optimize rendering performance by leveraging the GPU instead of relying solely on the CPU.
- The fundamentals of HTML5 Canvas and how to integrate it with WebGL2 for advanced visual output.
- Hands-on coding exercises to create real-time visual effects directly in the browser without heavy frameworks.
Reviews
-
CChristopher Richard Arendt
30 mins in and we learned how to change the background color to blue. I do appreciate the introduction being slow and steady but I would recommend a few changes myself: -don't use var, instead use let or const -the utils and events files can be in the individual folders as they evolve as the examples evolve and thus risk breaking previous steps -i wonder why we rely on globals when we could just use classes and imports etc for everything -instead of passing in objects, we can pass in a destructured object that contains properties that are easy to comment None of these are necessary but they are just superior practices I have found over my 15 years of web dev.
-
HHandsam Ndhlovu
not exactly basic concepts are talked about out of context for example shaders were used but never really defined. However one could pick it up along the way. The idea of creating utility library is brilliant. I am loving it though
-
AAnjani Kumar Joshi
Before enrolling in this course, few terms of web-gl were the black box for me. I had to google a lot for getting the complete understanding. This course provides fundamental knowledge of Web-gl in a very easy way. Definitely helpful Content. Thanks to the Author & Team
-
CChris Dennett
In other WebGL tutorials I've tried to follow have left me completely baffled very quickly! The pace and detail of this course feels spot on for me. The progression feels exactly right to me too. Loving it so far.
