HOT
blank

WebGL internals

Development

WebGL internals, available at $44.99, has an average rating of 4.25, with 55 lectures, based on 62 reviews, and has 518 subscribers.

Rating4.3
Enroll Now

You will learn about How to write a shader (vertex and fragment) in WebGL2 and execute a program from scratch using 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 This course is ideal for individuals who are Beginner Javascript developers curious to learn Graphics or Developers working a lot with Html5 Canvas but struggling with low performance of CPU or Graphics developers curious about image processing basics or This can also be taken by college going students or working professionals who are completely new to graphics programming. It is particularly useful for Beginner Javascript developers curious to learn Graphics or Developers working a lot with Html5 Canvas but struggling with low performance of CPU or Graphics developers curious about image processing basics or This can also be taken by college going students or working professionals who are completely new to graphics programming.

Enroll now: WebGL internals

Summary

Title: WebGL internals

Price: $44.99

Average Rating: 4.25

Number of Lectures: 55

Number of Published Lectures: 55

Number of Curriculum Items: 55

Number of Published Curriculum Objects: 55

Original Price: ₹7,900

Quality Status: approved

Status: Live

What You Will Learn

  • How to write a shader (vertex and fragment) in WebGL2 and execute a program from scratch using 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

Who Should Attend

  • Beginner Javascript developers curious to learn Graphics
  • Developers working a lot with Html5 Canvas but struggling with low performance of CPU
  • Graphics developers curious about image processing basics
  • This can also be taken by college going students or working professionals who are completely new to graphics programming.

Target Audiences

  • Beginner Javascript developers curious to learn Graphics
  • Developers working a lot with Html5 Canvas but struggling with low performance of CPU
  • Graphics developers curious about image processing basics
  • This can also be taken by college going students or working professionals who are completely new to graphics programming.

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.

Course Curriculum

Chapter 1: Course Overview

Lecture 1: Course Overview

Chapter 2: Introduction and Drawing various shapes

Lecture 1: Introduction

Lecture 2: Prerequisites

Lecture 3: WebGL Code Access

Lecture 4: Creating a WebGL2 context

Lecture 5: Understanding Coordinates

Lecture 6: Draw Triangle-1

Lecture 7: Draw Triangle-2

Lecture 8: Encapsulation-1

Lecture 9: Encapsulation-2

Lecture 10: Draw Rectangle

Lecture 11: Draw Lines

Lecture 12: Draw Points

Lecture 13: Draw Circle

Chapter 3: Dynamic rendering of shapes

Lecture 1: Introduction

Lecture 2: Dynamic rendering of rectangles-1

Lecture 3: Dynamic rendering of rectangles-2

Lecture 4: Playing with the Rectangle and Code Cleanup

Lecture 5: Dynamic rendering of points

Lecture 6: Dynamic rendering of lines

Lecture 7: Dynamic rendering of circles

Lecture 8: Playing with Dynamic Circle

Chapter 4: Dynamic drawing of complex shapes

Lecture 1: Introduction

Lecture 2: Drawing country Flag-1

Lecture 3: Drawing country Flag-2

Lecture 4: Drawing a analog clock

Lecture 5: Running the analog clock

Lecture 6: Drawing Unlimited Grids

Lecture 7: Playing with Grids and drawing Chess Pattern

Chapter 5: Working with textures

Lecture 1: Introduction

Lecture 2: What are textures?

Lecture 3: Sending Texture to GPU

Lecture 4: Rendering the Texture

Lecture 5: Rendering Multiple Textures

Lecture 6: Moving a Texture using Mouse Events

Lecture 7: Zooming a Texture using MouseWheel

Lecture 8: Maintain Aspect Ratio

Chapter 6: Basic Image Processing

Lecture 1: Introduction

Lecture 2: Render a Image in HTML5 Canvas using 2D context

Lecture 3: Inverse and GrayScale of a texture in CPU

Lecture 4: Inverse and GrayScale of a texture in GPU/WebGL

Lecture 5: Apply Kernels on Texture

Lecture 6: Edge Enhancement Kernel in action

Lecture 7: Applying a Color Palette/ LUT(look up table)

Chapter 7: Viewport

Lecture 1: Introduction

Lecture 2: What is Viewport?

Lecture 3: Playing with Multiple Viewports

Lecture 4: Preserve Drawing Buffer

Chapter 8: Working with Framebuffers

Lecture 1: Introduction

Lecture 2: What are Framebuffers?

Lecture 3: Problems without using Framebuffers

Lecture 4: Using Framebuffers

Lecture 5: Fix multiple image processing problem

Lecture 6: Multiple Image Processing in Action

Lecture 7: Bonus lecture

Instructors

Rating Distribution

  • 1 stars: 3 votes
  • 2 stars: 3 votes
  • 3 stars: 10 votes
  • 4 stars: 18 votes
  • 5 stars: 28 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Best Ethical AI Courses to Learn in March 2025

Best Software Testing Courses to Learn in March 2025

Best Quantum Computing Courses to Learn in March 2025