Coding Challenge #83: Chrome Extension with p5.js Sketch
In this coding challenge, I attempt to make a chrome extension that overlays a drawing canvas (using the p5.js library) on all webpages.
💻Challenge: https://thecodingtrain.com/CodingChallenges/083-doodle-chrome-extension.html
Links discussed in this video:
🔗Programming from A to Z: http://shiffman.net/a2z/chrome-ext/
🔗p5.js Instance Mode reference: https://github.com/processing/p5.js/wiki/Instantiation-Cases
🎥Instance Mode: https://youtu.be/Su792jEauZg
🚂Website: https://thecodingtrain.com/
💡Github: https://github.com/CodingTrain
💖Membership: https://youtube.com/thecodingtrain/join
🛒Store: https://www.designbyhumans.com/shop/codingtrain/
📚Books: https://www.amazon.com/shop/thecodingtrain
🖋️Twitter: https://twitter.com/thecodingtrain
Video editing by Mathieu Blanchette.
🎥Chrome Extensions playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bL9VOMT65ahNEri9uqLWfS
🎥Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
🌐Help us caption and translate: http://www.youtube.com/timedtext_cs_panel?c=UCvjgXvBlbQiydffZU7m1_aw&tab=2
🚩Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
👾Share your contribution: https://thecodingtrain.com/Guides/community-contribution-guide.html
Видео Coding Challenge #83: Chrome Extension with p5.js Sketch канала The Coding Train
💻Challenge: https://thecodingtrain.com/CodingChallenges/083-doodle-chrome-extension.html
Links discussed in this video:
🔗Programming from A to Z: http://shiffman.net/a2z/chrome-ext/
🔗p5.js Instance Mode reference: https://github.com/processing/p5.js/wiki/Instantiation-Cases
🎥Instance Mode: https://youtu.be/Su792jEauZg
🚂Website: https://thecodingtrain.com/
💡Github: https://github.com/CodingTrain
💖Membership: https://youtube.com/thecodingtrain/join
🛒Store: https://www.designbyhumans.com/shop/codingtrain/
📚Books: https://www.amazon.com/shop/thecodingtrain
🖋️Twitter: https://twitter.com/thecodingtrain
Video editing by Mathieu Blanchette.
🎥Chrome Extensions playlist: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bL9VOMT65ahNEri9uqLWfS
🎥Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org
📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
🌐Help us caption and translate: http://www.youtube.com/timedtext_cs_panel?c=UCvjgXvBlbQiydffZU7m1_aw&tab=2
🚩Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
👾Share your contribution: https://thecodingtrain.com/Guides/community-contribution-guide.html
Видео Coding Challenge #83: Chrome Extension with p5.js Sketch канала The Coding Train
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Coding Challenge #82: Image Chrome Extension: The Ex-Kitten-sion!Coding Challenge #84: Word Definition Extension11.5: Chrome Extensions: Pop-ups - Programming with TextCoding Challenge #74: Clock with p5.jsCoding Challenge #5: Space Invaders in JavaScript with p5.jsCoding Challenge #27: Fireworks!Coding Challenge #50.1: Animated Circle Packing - Part 1Coding Challenge #31: Flappy BirdCoding Challenge #81.1: Circle Morphing - Part 111.6: Chrome Extensions: Pop-ups Messaging - Programming with TextCoding Challenge 51.1: A* Pathfinding Algorithm - Part 1Coding Challenge #87: 3D Knots11.1: Introduction to Chrome Extensions - Programming with Text9 Best Chrome Extensions for SEOsBuilding Chrome Extensions in React+Redux with GoGuardianCoding Challenge #156: Peeking inside PiCoding Challenge #114: Bubble Sort Visualization11.3: Chrome Extensions: Content Scripts - Programming with Text