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
246 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.

Introduction to WebGL in p5.js

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

"Coding Train" video.

3D Geometries

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

"Coding Train" video.

Light and Material

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.

Texture

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

"Coding Train" video.

Camera and Perspective

Tutorial 18.5
17 runs ♦ 0 likes
By "Coding Train" p...  
Created: 9 Sep 2018
Modified: 9 Sep 2018
Camera and Perspective

"Coding Train" video.

createGraphics() as WebGL Texture

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.

Loading OBJ Model

Tutorial 18.7
246 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.

3D Custom Shapes

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

"Coding Train" video.