WebGL for Beginners: A Hands-On Guide

Focused View

Ntlakanipho Mgaguli

5:01:00

20 View

1 - Introduction

1 - Introduction.html

1 - Look at glance of what you will be able to do after this course.txt

2 - SETUP ENVIRONMENT.html

2 - Visual Studio Code editor.txt

3 - RED TRIANGLE.mp4

45:11

3 - Simple-Triangle-red.zip

4 - TRIANGLE WITH EXTERNAL COLORS.mp4

10:20

5 - MULTICOLORED TRIANGLE.mp4

09:02

6 - Translating Triangle.mp4

05:01

7 - Derivation of the trigonometric function rotations.html

2 - Supplementary resources

8 - Websites you can learn theory from.html

3 - Section 2 Make a Rectangle

9 - Red Rectangle with two triangles.mp4

09:36

10 - Rectangle with triangleFAN.mp4

05:25

11 - Multicolored rectangle.mp4

05:45

4 - Separate vertexCode and fragmentCode

12 - Separate VertexCode.mp4

04:06

13 - Separate FragmentCode.mp4

02:23

5 - Transformations using glMatrix library

14 - glMatrix library file.html

14 - glmatrix-0.9.5.max.zip

15 - MatricesProofs.pdf

15 - Proofs of matrics.html

16 - Rotate Triangle with glmatrix.mp4

14:29

16 - Simple-Triangle-green.zip

6 - Render Octagon

17 - Construct coordinates of Octagon.mp4

16:13

17 - OctagonInWebgl.pdf

18 - Code Red Octagon.mp4

10:14

19 - Code Octagon with colors.mp4

06:47

19 - Octagon-rotating-using-trigonometric-functions1.zip

20 - Octagon-rotating-using-trigonometric-functions2.zip

20 - Rotate Octagon.mp4

09:50

7 - Cube

21 - How to get coordinates of cube.html

21 - WebglCubeCoordinates-Notes.pdf

22 - Demo of Contruction of cube coordinates.mp4

21:55

23 - Rotate a cube with Different colours using glmatrix.mp4

16:27

8 - Interact with user

24 - Create buttons to rotate in all directionsxyz.html

25 - Code cube with buttonsxyz.mp4

14:17

26 - Use arrow keys to apply transformations.html

27 - Code cube controlling it with arrow keys.mp4

17:35

9 - Texture

28 - WebglCubeCoordinates-Notes.pdf

28 - how to come up with texture coordinates.mp4

06:33

29 - Rectangle with texture.mp4

20:49

30 - Last part of previous video.mp4

03:38

31 - Apply all we have learnt in cube with texture.mp4

22:28

31 - Cube-with-all-transformations.zip

10 - Sphere

32 - CreateSphereInWebgl.pdf

32 - How to construct coordinates of the sphere.html

33 - Code sphere with all the transformations.mp4

22:56

33 - sphereWithRotationsMatrices.zip

Description

Learn WebGL 2024: From Simple Triangles to Advanced Spheres

What You'll Learn?

Drawing basic shapes (triangles, rectangles)
Creating and transforming 3D objects (cubes, octagons, spheres)
Applying colors and textures
Implementing user interaction with buttons and keyboard
Efficiently organizing your WebGL code

Who is this for?

Beginner's in WebGL

For everyone who is interested in computer graphics

What You Need to Know?

Understanding of basic programming is required, but I will guide you through out the way.

More details

Description
Welcome to "WebGL for Beginners: A Hands-On Guide." This course is perfect for students and professionals looking to dive into the world of WebGL and interactive 3D graphics.

As a student, I understand the challenges of learning new technologies and have made this course to be as accessible and engaging as possible. Your suggestions and encouragement are very important to us as we develop this course.

Technologies Used:

Visual Studio Code: For coding and development
JavaScript: Core programming language
HTML & CSS: For structuring and styling your projects.
Why this course?

Even though it was recorded using basic equipment, the content is highly useful and useful. Every topic will be covered practically so you can apply what you learn to real-world projects.
Your suggestions and encouragement are very important to us as we develop this course.
Join now to start your WebGL journey.

Course Focus:
Our approach in this course is hands-on from start to finish. While we won't be going through into the theoretical aspects of WebGL, I will provide supplementary materials for those who are interested in understanding the basic concepts.
I understand that as a student, you're looking to gain practical skills that you can apply directly. That's why this course is focused on giving you the hands-on experience you need to start building interactive 3D graphics for the web.
Who this course is for:
Beginner's in WebGL
For everyone who is interested in computer graphics

User Reviews

Rating

average 0

Total votes0

Focused display

My name is Ntlakanipho Mgaguli, and I am an engineering student at the Cape Peninsula University of Technology. I am one of the few students who have a deep passion for programming, and I love sharing my knowledge with others.My goal is to not only excel in my own studies but to also inspire and empower others who share my passion for programming. I believe that by sharing our knowledge and collaborating.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.