Coding Train Live 27: Checkbox Mirror and Painting with Pixels in p5.js

Channel:

The Coding Train

Subscribers:

1,750,000

Published on April 5, 2016 6:25:08 PM ● Video Link: https://www.youtube.com/watch?v=VPnmA4vl6YU

Duration: 1:27:45

864 views

17

Live from sfpc.io!
In this video, I show you how to manipulate DOM elements and also paint with pixels, both according to a live video capture, using the p5.js library.

Timestamps:
13:30 - Intro to today's project
30:44 - Checkbox Mirror in p5.js
1:07:32 - Painting with Pixels
1:21:10 - Conclusion

🚂 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://thecodingtrain.com/discord
💖 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

GitHub Repository for p5.js projects:
https://github.com/CodingTrain/Rainbow-Code/tree/master/p5.js

For More Video Manipulations with p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aKKsDHZdDvN6oCJ2hRY_Ig

Help us caption & translate this video!

http://amara.org/v/QbtH/

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