9.18: p5.js with OpenProcessing and Processing IDE - p5.js Tutorial

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


Category:
Tutorial
Duration: 6:32
26,374 views
447

In this video, I demonstrate two programming environments you can use to code p5.js sketches. First I look at the OpenProcessing (https://openprocessing.org) online editor created by Sinan Ascioglu. I also cover p5.js mode in the Processing IDE (https://processing.org/download/).

Support this channel on Patreon: https://patreon.com/codingtrain

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:
Download the Processing IDE: https://processing.org/download/
OpenProcessing: https://openprocessing.org
Interview with Sinan Ascioglu: http://rhizome.org/editorial/2010/feb/26/interview-with-sinan-ascioglu/


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

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

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

Help us caption & translate this video!

http://amara.org/v/72op/

đź“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2017-02-23Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie
2017-02-229.19: Prototypes in Javascript - p5.js Tutorial
2017-02-21Coding Challenge #59: Steering Behaviors
2017-02-20Live Stream #80: Prototypes in Javascript and Butterfly Wings Generator
2017-02-20Coding Challenge #58: 3D Earthquake Data Visualization
2017-02-18Live Stream #79: 3D Earthquake Data Visualization & Steering Behaviors
2017-02-14Coding Challenge #54.2: Star Patterns Update: Law of Sines
2017-02-13Coding Challenge #57: Mapping Earthquake Data
2017-02-11Live Stream #78: More Earthquake Data Visualization
2017-02-11Coding Trade Live 77: Earthquake Data Visualization and more on Star Patterns
2017-02-119.18: p5.js with OpenProcessing and Processing IDE - p5.js Tutorial
2017-02-101.2: p5.js with Brackets - p5.js Tutorial
2017-02-09Coding Challenge #56: Attraction and Repulsion Forces
2017-02-08Coding Challenge #55: Mathematical Rose Patterns
2017-02-07Live Stream #76: Attractors, Algorithmic Roses and p5.js Coding Setups
2017-02-03Q&A #7.3: Comparing p5.js and Processing - Part 3
2017-02-02Q&A #7.2: Comparing p5.js and Processing - Part 2
2017-02-01Q&A #7.1: Comparing p5.js and Processing - Part 1
2017-02-01Coding Challenge #54.1: Islamic Star Patterns
2017-02-01Coding Train Live 75: Islamic Star Patterns
2017-01-31Coding Challenge #53: Random Walker with Vectors and LĂ©vy Flight


Tags:
JavaScript (Programming Language)
live
programming
daniel shiffman
creative coding
p5.js
p5.js tutorial
p5js
javascript (programming language)
tutorial
javascript
coding
challenges
coding train
the coding train
coding beginners