1.4: Color - p5.js Tutorial

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


Category:
Tutorial
Duration: 17:26
240,901 views
4,052

In this video I discuss how color works: RGB color, fill(), stroke(), and transparency. Code: https://thecodingtrain.com/tracks/code-programming-with-p5-js/code/1-intro/4-color

πŸ•ΉοΈ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/rJ9MQSwvm

πŸŽ₯ Previous video: https://youtu.be/c3TeLi6Ns1E?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ Next video: https://youtu.be/LuGsp5KeJMM?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
πŸŽ₯ All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

References:
🎨 Oscillation Sketch: https://editor.p5js.org/natureofcode/sketches/SJPtYPPOl
πŸ’Ύ p5.js Reference: https://p5js.org/reference/

Timestamps:
0:00 Introduction
2:48 R, G, B
6:40 Grayscale
13:23 Alpha
15:30 Assignment

Editing by Mathieu Blanchette
Animations by Jason Heglund
Music from Epidemic Sound

πŸš‚ Website: http://thecodingtrain.com/
πŸ‘Ύ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide
🚩 Suggest Topics: https://github.com/CodingTrain/Suggestion-Box
πŸ’‘ GitHub: https://github.com/CodingTrain
πŸ’¬ Discord: https://discord.gg/hPuGy2g
πŸ’– Membership: http://youtube.com/thecodingtrain/join
πŸ›’ Store: https://standard.tv/codingtrain
πŸ–‹οΈ Twitter: https://twitter.com/thecodingtrain
πŸ“Έ Instagram: https://www.instagram.com/the.coding.train/

πŸŽ₯ Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
πŸŽ₯ Intro to Programming: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

πŸ”— p5.js: https://p5js.org
πŸ”— p5.js Web Editor: https://editor.p5js.org/
πŸ”— Processing: https://processing.org

πŸ“„ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct

This description was auto-generated. If you see a problem, please open an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new



Other Videos By The Coding Train


2018-09-21Style Transfer using Spell with Yining Shi
2018-09-20Workflow: Git
2018-09-19Workflow: Shell
2018-09-18Workflow: Visual Studio Code
2018-09-17Introduction to Spell (for Machine Learning in the Cloud)
2018-09-14Introduction to My Workflow
2018-09-12Coding Challenge #115: Snake Game Redux
2018-09-11Build a Full Stack Twitter Clone with Coding Garden
2018-09-111.6: Code Comments - p5.js Tutorial
2018-09-101.5: Errors & Console - p5.js Tutorial
2018-09-101.4: Color - p5.js Tutorial
2018-09-07Coding Train Live #150: Coding for Total Beginners with p5.js + Snake Game Redux
2018-09-07Coding Train Live #151: 2018 Workflow (VSC, iTerm, zsh, etc.)
2018-09-071.3: Shapes & Drawing - p5.js Tutorial
2018-09-061.2: p5.js Web Editor - p5.js Tutorial
2018-09-051.1: Code! Programming for Beginners with p5.js
2018-08-27Coding Challenge #114: Bubble Sort Visualization
2018-08-22Coding Challenge #113: 4D Hypercube (aka "Tesseract")
2018-08-21Coding Challenge #112: 3D Rendering with Rotation and Projection
2018-08-20Matrix Multiplication for 3D Rendering
2018-08-16ml5.js: Feature Extractor Regression


Tags:
javascript
learning
tutorial
processing
Processing (Programming Language)
creative coding
JavaScript (Programming Language)
Intro
Lesson
Lessons
Teacher
p5js
daniel shiffman
p5 js
p5.js tutorial
coding
programming
programming beginners tutorial
programming beginners guide
tips for programming beginners
coding for beginners
coding train
html5
html5 canvas
intro programming
intro coding
introduction programming
intro to color
color rgb
rgb explained