18.8: 3D Custom Shapes - WebGL and p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=DZlw-IS5OkI


Category:
Tutorial
Duration: 9:34
37,978 views
564

In this video I discuss how to use beginShape(), endShape() and vertex() to create custom shapes in p5.js / WebGL.

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:
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

Videos mentioned in this video:
Custom Shapes in p5.js: https://youtu.be/76fiD5DvzeQ
Texturing Flag: https://youtu.be/JunJzIe0hEo


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

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



Other Videos By The Coding Train


2018-01-1810.12: Neural Networks: Feedforward Algorithm Part 1 - The Nature of Code
2018-01-16Coding Challenge #90: Floyd-Steinberg Dithering
2018-01-1510.11: Neural Networks: Matrix Class Improvements - The Nature of Code
2018-01-13Coding Train Live 114: Neural Networks Continued & Dithering Challenge
2018-01-11Reporting a WebGL Bug for p5.js
2018-01-1010.10: Neural Networks: Matrix Math Part 4 - The Nature of Code
2018-01-0910.9: Neural Networks: Matrix Math Part 3 - The Nature of Code
2018-01-0910.8: Neural Networks: Updating Code to ES6 - The Nature of Code
2018-01-08Coding Challenge #89: Langton's Ant
2018-01-06Live Stream #113: The Return of Neural Networks
2018-01-0318.8: 3D Custom Shapes - WebGL and p5.js Tutorial
2018-01-0218.7: Loading OBJ Model - WebGL and p5.js Tutorial
2018-01-01ITP Winter Show 2017
2017-12-31The Coding Train - Processing Community Day 2017
2017-12-3018.6: createGraphics() as WebGL Texture - WebGL and p5.js Tutorial
2017-12-299.23: createGraphics() - p5.js Tutorial
2017-12-28Coding Challenge #86: Cube Wave by Bees and Bombs
2017-12-2718.5: Camera and Perspective - WebGL and p5.js Tutorial
2017-12-2618.4: Texture - WebGL and p5.js Tutorial
2017-12-25Coding Challenge #88: Snowfall
2017-12-23Coding Train Live 112: Happy Holidays from the Coding Train!


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
coding challenge
tutorial
coding
challenges
coding train
the coding train
live stream
itp nyu
class
webgl
3d javascript
3d canvas
webgl p5js
p5js 3d
3d animation
3d lights
3d material
p5.js
p5.js tutorial
3d
javascript
webgl js
webgl javascript
webgl browser
webgl 3d
webgl processing
custom shape
custom 3d shape
beginshape
endshape