WebGL internals

WebGL2(OpenGL ES 3.0) Programming using GLSL Shaders(Vertex and fragment) and Javascript

4.35 (62 reviews)
Udemy
platform
English
language
Web Development
category
instructor
WebGL internals
497
students
8 hours
content
Jan 2021
last update
$44.99
regular price

What you will learn

How to write a shader (vertex and fragment) in WebGL2 and execute a program from scratch with only Javascript

Textures, Framebuffers, working deeply with vertices and pixels

Image processing in GPU and can further pursue their career as a image scientist

Html5 Canvas

Description

This course is a beginner level course for JavaScript developers who want to learn WebGL2.

After learning WebGL, students can pursue a career in Graphics programming or Image Scientist,etc..

I am not going to use any library as it confuses the students when they are beginners, we are going to build our own library and use it for rendering to the canvas.

Content

Course Overview

Course Overview

Introduction and Drawing various shapes

Introduction
Prerequisites
WebGL Code Access
Creating a WebGL2 context
Understanding Coordinates
Draw Triangle-1
Draw Triangle-2
Encapsulation-1
Encapsulation-2
Draw Rectangle
Draw Lines
Draw Points
Draw Circle

Dynamic rendering of shapes

Introduction
Dynamic rendering of rectangles-1
Dynamic rendering of rectangles-2
Playing with the Rectangle and Code Cleanup
Dynamic rendering of points
Dynamic rendering of lines
Dynamic rendering of circles
Playing with Dynamic Circle

Dynamic drawing of complex shapes

Introduction
Drawing country Flag-1
Drawing country Flag-2
Drawing a analog clock
Running the analog clock
Drawing Unlimited Grids
Playing with Grids and drawing Chess Pattern

Working with textures

Introduction
What are textures?
Sending Texture to GPU
Rendering the Texture
Rendering Multiple Textures
Moving a Texture using Mouse Events
Zooming a Texture using MouseWheel
Maintain Aspect Ratio

Basic Image Processing

Introduction
Render a Image in HTML5 Canvas using 2D context
Inverse and GrayScale of a texture in CPU
Inverse and GrayScale of a texture in GPU/WebGL
Apply Kernels on Texture
Edge Enhancement Kernel in action
Applying a Color Palette

Viewport

Introduction
What is Viewport?
Playing with Multiple Viewports
Preserve Drawing Buffer

Working with Framebuffers

Introduction
What are Framebuffers?
Problems without using Framebuffers
Using Framebuffers
Fix multiple image processing problem
Multiple Image Processing in Action
Bonus lecture

Reviews

Handsam
August 2, 2023
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
Anjani
February 3, 2023
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
Chris
December 4, 2022
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.
Asheesh
November 21, 2021
Good Coverage, includes basics very well. Demonstrating basics. Looking forward to advance course, where in GLSL is covered.
Juan
September 27, 2021
Se necesitan tener conocimientos previos sobre el manejo de OpenGl para entender éste curso de WbGL, de lo contrario, no se va a entender casi nada de o que el instructor explica. Otra cosa, el instructor repite mucho las mismas lineas de código volviendolas a escribir, cuando ya no es necesario. En general, el curso es promedio.
Thomas
August 1, 2021
Bit too much repetition. And for a fundamentals course, many fundamental concepts being ignored. I still don't know what a fragment shader or vertex shader is...
Shraddha
March 22, 2020
All the contents are nicely explained. Highly recommended for beginners who are looking to learn shaders in OpenGL/ WebGL from scratch. I came here with zero knowledge of WebGL but after following this course I feel confident for working in shaders and image processing.

Charts

Price

WebGL internals - Price chart

Rating

WebGL internals - Ratings chart

Enrollment distribution

WebGL internals - Distribution chart

Related Topics

2571612
udemy ID
9/22/2019
course created date
4/16/2020
course indexed date
Bot
course submited by