Coding Challenge #122: Quick, Draw! Continued

Channel:

The Coding Train

Subscribers:

1,740,000

Published on December 5, 2018 2:26:46 PM ● Video Link: https://www.youtube.com/watch?v=EcRK6oFddPQ

Game:

Quick, Draw! (2016)

Duration: 15:14

17,843 views

388

In this multi-part coding challenge, I take a closer look at the Quick, Draw! dataset and create a simple node API to "replay" drawings of rainbows and cats using p5.js. Code: https://thecodingtrain.com/challenges/122-quick-draw

🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/HyRPosF07

Other Parts of this Challenge:
📺 Quick, Draw! Part 1: https://youtu.be/yLuk0twx8Hc

🎥 Next video: https://youtu.be/7gNzMtYo9n4?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

References:
🖌 Quick, Draw! The Data: https://quickdraw.withgoogle.com/data
💾 sketch-rnn: https://magenta.tensorflow.org/sketch-rnn-demo
💾 Quick, Draw! Web Component: https://opensource.googleblog.com/2018/11/introducing-web-component-and-data-api-for-quick-draw.html
🔗 Quick, Draw! API: https://github.com/googlecreativelab/quickdraw-dataset

Videos:
🎥 Doodle Classifier: https://www.youtube.com/watch?v=pqY_Tn2SIVA&list=PLRqwX-V7Uu6Zs14zKVuTuit6jApJgoYZQ
🎥 What is JSON?: https://www.youtube.com/watch?v=_NFkzw6oFtQ
🎥 Building an API with Node: https://www.youtube.com/watch?v=P-Upi9TMrBk

Live Stream Archive:
🔴 Coding Train Live 161: https://youtu.be/v8lm5XZ2V6M?t=4041s

Related Coding Challenges:
🚂 #128 SketchRNN Snowflakes with ml5.js: https://youtu.be/pdaNttb7Mr8
🚂 #153 Interactive Drawing with SketchRNN: https://youtu.be/ZCXkvwLxBrA

Timestamps:
0:00 The Quickdraw API
2:11 The API Google group is no longer available
4:11 The project page
5:20 Add the API key to the URL query string
9:00 Paste the code from Part 1
14:38 Conclusion

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://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

📄 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

#quickdraw #machinelearning #doodleclassifiers #sketchrnn #p5js #nodejs #javascript

Other Statistics