Coding Challenge #45: Saving p5.js Drawings to Firebase

From the creator

In this coding challenge, I make a HTML5 canvas doodling application with p5.js. Users can save and share drawings in real-time with the Database as a Service (DBaaS) Firebase. Code: https://thecodingtrain.com/challenges/45-p5js-firebase-drawings 🎥 Previous video: https://youtu.be/uw3GbsY_Pbc?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 Next video: https://youtu.be/hacZU523FyM?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 🔗 Firebase: https://firebase.google.com/ 🔗 Firebase Documentation - Read and Write: https://firebase.google.com/docs/database/web/read-and-write 🔗 Aaron Koblin's Sheep Market: http://www.aaronkoblin.com/work/thesheepmarket/ 💻 Programming from A to Z: https://github.com/Programming-from-A-to-Z/A2Z-F16 Videos: 🎥 Web Sockets and p5.js Tutorial: https://youtube.com/playlist?list=PLRqwX-V7Uu6b36TzJidYfIYwTFEq3K5qH 🎥 Database as a Service with Firebase: https://youtube.com/playlist?list=PLRqwX-V7Uu6agS82Le9lLCBbeaW8inATT Livestream Archive: 🔴 Livestream #30: https://youtu.be/JljMBn69fZM 🔴 Livestream #69.1: https://youtu.be/nAQNmjyAUTY?t=5424s 🔴 Livestream #69.2: https://youtu.be/HWt2a72IZbw?t=439s Related Coding Challenges: 🚂 #122 Quick, Draw!: https://youtu.be/yLuk0twx8Hc 🚂 #130 Drawing with Fourier Transform and Epicycles: https://youtu.be/MY4luNgGfms Timestamps: 0:00 Introduce the coding challenge 0:23 Mention shared canvas tutorial 0:42 Mention Firebase tutorial 0:

Published 2016-12-11 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.