WebGL course

This is a series of Ancient Brain Worlds based on the WebGL course (video tutorials) by Daniel Shiffman at The Coding Train. This is a course to teach 3D graphics "WebGL" programming in JavaScript with the P5 library.

The course assumes you know some JavaScript and P5. If not, do the Foundations of Programming course first.

The Coding Train course provides source code for the video tutorials. The code has been ported here to Ancient Brain Worlds that can be run and edited in the browser. Done with permission of The Coding Train under MIT licence. On Ancient Brain, you can clone, edit, run, host, share, comment, like and embed these Worlds. You can upload your own resources (images, music, etc.) to use in these Worlds.



When you are finished this course, you will be able to make Worlds like the following. Click to run them.

Tutorial 18.7
255 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 11 Sep 2018
Tutorial 18.7 with full canvas, resized model, sound. Texture on box is image from another user.
Tutorial 18.5
21 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 2 Jun 2019
Camera and Perspective

Lessons have "Coding Train" videos and online "Worlds" you can edit.
Click video to play.
Click World image to run.
Click World name to get a page where you can clone it and edit it.



"Coding Train" video.
Tutorial 18.1
12 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
Introduction to WebGL in p5.js

"Coding Train" video.
Tutorial 18.2
9 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
3D Geometries

"Coding Train" video.
Tutorial 18.3
7 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
Light and Material

"Coding Train" video.
Tutorial 18.4
55 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
Texture

"Coding Train" video.
Tutorial 18.5
21 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 2 Jun 2019
Camera and Perspective

"Coding Train" video.
Tutorial 18.6
24 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
createGraphics() as WebGL Texture

"Coding Train" video.
Tutorial 18.7
255 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 11 Sep 2018
Tutorial 18.7 with full canvas, resized model, sound. Texture on box is image from another user.

"Coding Train" video.
Tutorial 18.8
17 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
3D Custom Shapes