18.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial

Channel:

The Coding Train

Subscribers:

1,740,000

Published on December 18, 2017 2:29:54 PM ● Video Link: https://www.youtube.com/watch?v=nqiKWXUX-o8

Category:

Tutorial

Duration: 10:49

105,400 views

1,884

This is the first video in a playlist about the WEBGL renderer in the p5.js library. I discuss 3D rendering in the browser and the current state of capabilities in p5.js WEBGL.

Next video: https://youtu.be/6TPVoB4uQCU

Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://www.designbyhumans.com/shop/codingtrain/
To Support the Processing Foundation: https://processingfoundation.org/support

Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics

Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/


Links discussed in this video:
2017 Google Summer of Code Grand Wrap-Up Post: https://medium.com/@ProcessingOrg/2017-google-summer-of-code-grand-wrap-up-post-16680b1438db
Three.js: https://threejs.org/
p5.js reference: https://p5js.org/reference/
Getting started with WebGL in p5: https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5


Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code

p5.js: https://p5js.org/
Processing: https://processing.org

For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
For Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

Help us caption & translate this video!

https://amara.org/v/dXkd/

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct