WebGL Basics for Complete Beginners

WebGL and 3d computer graphics programming looks really fun!

I want to dive in, but I don’t know where to start.

¿ What’s a fragment shader ?

What will we learn?

The entire course builds you up slowly and deliberately towards creating this simple WebGL scene.

Tap or click and drag to move the camera

Behind this scene are an array of important low level graphics programming concepts, and we’re going to dive very, very deep into them.

We won’t be using any 3d rendering libraries or frameworks.

We want to build a strong understanding of the core WebGL graphics API, so we’ll be using it directly.

By the end of the course you’ll walk away with an intimate understanding of every little detail that powers this scene, and this will be your springboard into learning more advanced WebGL concepts and techniques.

Give me some slightly technical jargon!

  • You’ll learn the fundamental ideas behind WebGL (and it’s older sibling OpenGL)

  • You’ll learn how to create and use vertex and fragment shaders in order to draw 3d objects

  • You’ll learn how to use matrix math to manipulate objects in your scene

  • You’ll learn how to create a camera to view your scene

  • You’ll walk away with a tight grasp over the fundamentals, ready and excited to conquer more advanced topics

You might not find this useful if

  • You’re already an experienced graphics programmer. This course is geared towards people with no or almost no experience.

  • You have no graphics programming experience, but you have plenty of time to research the fundamentals yourself. This course won’t teach you anything that you can’t find elsewhere. All it does is put it all in one place and with my spin on it.

You might find this useful if

You have zero or close to zero graphics programming experience. You’re excited about learning to create 3D scenes, and you want your handle held through getting your feet wet in the big, blue and beautiful graphics ocean.

Ok cool, what’s in the course?

  • The course is fully contained in a zip folder that you download

  • Lessons build on top of eachother, each designed to take around 30-90 minutes

  • Lessons are available as an HTML page, or a PDF

The usual structure of a lesson is

  1. We introduce a concept very generally, just to give your mind some quick and light exposure to the idea.

  2. We present some code with absolutly zero explanation. Your job is to just re-type exactly what you see and see it and see it work in your browser. Don’t try to understand it yet. Just type it out. Your mind will start drawing parallels behind the scenes.

  3. Not that you’ve typed the code, we explain EVERY little detail about what you just did. You’re able to understand the explanation much better now that you have typed it out yourself.

  4. We’ll sprinkle in some examples of alternatives and pitfalls to techniques that we introduce. We won’t explore most of these alternatives, but this awareness will help you as you move on to bigger and better things.

Ok, cool, now how do I buy it?

Wow! I’m glad you asked 👀 😊

You’ll be able to download the course starting on November 15, 2017 for $65

The course is available for pre-order right now for $15!

Between now and November 15, 2017 the price will gradually rise towards $65