9.23: createGraphics() - p5.js Tutorial

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


Category:
Tutorial
Duration: 13:29
32,235 views
725

In this video, I discuss the p5.js function createGraphics(). createGraphics() creates a 2D graphics "context" (also sometimes called "buffer") that you can use as an "offscreen canvas."

createGraphics() as WebGL Texture: https://youtu.be/3tTZlTq4Cxs

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/


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-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!
2017-12-2218.3: Light and Material - WebGL and p5.js Tutorial
2017-12-20Coding Challenge #87: 3D Knots
2017-12-19Live Stream Archive - ITP Winter Show 2017
2017-12-1918.2: 3D Geometries - WebGL and p5.js Tutorial
2017-12-1818.1: Introduction to WebGL in p5.js - WebGL and p5.js Tutorial


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
p5.js
p5.js tutorial
javascript
programming challenge
createGraphics
graphics buffer