Coding Challenge #128: Sketch-RNN Snowflakes with ml5.js

Channel:

The Coding Train

Subscribers:

1,740,000

Published on December 26, 2018 12:51:00 PM ● Video Link: https://www.youtube.com/watch?v=pdaNttb7Mr8

Duration: 21:57

35,167 views

901

In this holiday coding challenge, I use ml5.js and Sketch-RNN to generate snowflake drawings. Code: https://thecodingtrain.com/challenges/128-sketch-rnn-snowflakes

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

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

References:
💸 Support the Processing Foundation: https://processingfoundation.org/support/
💻 Magenta Project: https://magenta.tensorflow.org/
💻 Draw Together with a Neural Network: https://magenta.tensorflow.org/sketch-rnn-demo

Videos:
🚂 Text Generation with LSTM and Spell with Nabil Hassein: https://youtu.be/xfuVcfwtEyw
🚂 Coding Challenge #122: Quick, Draw!: https://youtu.be/yLuk0twx8Hc
🔴 Coding Train Live Holiday Telethon 2018: https://youtu.be/WACLmPBxMaw?t=8207s

Related Coding Challenges:
🚂 #122 Quick, Draw!: https://youtu.be/yLuk0twx8Hc
🚂 #127 Brownian Tree Snowflake: https://youtu.be/XUA8UREROYE
🚂 #129 Koch Fractal Snowflake: https://youtu.be/X8bXDKqMsXE
🚂 #150 AI Rainbows with Runway and p5.js: https://youtu.be/vEetoBuHj8g
🚂 #153 Interactive Drawing with SketchRNN: https://youtu.be/ZCXkvwLxBrA

Timestamps:
0:00 Introduction
0:55 SketchRNN
2:49 ml sketchRNN module
4:02 Let's Code!
4:29 Create model
6:31 Stroke object
9:14 strokePath
13:08 Ask for the next point
14:02 Pen up or down
16:45 Check for pen ending
18:25 Snowflakes!
19;46 Scaling the snowflakes

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

#sketchrnn #machinelearning #quickdraw #ml5js #p5js