Coding Challenge #150: AI Rainbows with Runway and p5.js

Channel:

The Coding Train

Subscribers:

1,740,000

Published on August 22, 2019 6:35:40 PM ● Video Link: https://www.youtube.com/watch?v=vEetoBuHj8g

Duration: 23:13

66,190 views

1,186

In this challenge I generate rainbows using the StyleGAN Machine Learning model available in Runway ML and send the rainbows to the browser with p5.js! This challenge is based on the live coding talk from the 2019 Eyeo Festival. Code: https://thecodingtrain.com/challenges/150-ai-rainbows-with-runway-and-p5js

Runway brings the power of artificial intelligence to your creative projects with an intuitive and simple visual interface.

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

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

References:
💻 RunwayML ML Lab page: https://app.runwayml.com/all-models
💻 RunwayML download page: https://runwayml.com/download/
💻 RunwayML on GitHub: https://github.com/runwayml
💻 StyleGAN: https://github.com/NVlabs/stylegan
💻 Anastasis Germanidis on GitHub: https://github.com/agermanidis

Videos:
🚂 Intro to Runway Part 1: https://youtu.be/ARnf4ilr9Hc
🚂 Intro to Runway Part 2: https://youtu.be/7btNir5L8Jc
🚂 My talk at 2019 eyeo Festival: https://vimeo.com/354276216
🎥 HTTP Post Request with fetch(): https://youtu.be/Kw5tC5nQMRY
🎥 4D Hypercube: https://youtu.be/XE3YDVdQSPo
🎥 Saving Images and 64 Base Encoding: https://youtu.be/9Rhsb3GU2Iw

Related Coding Challenges:
🚂 #122 Quick, Draw!: https://youtu.be/yLuk0twx8Hc
🚂 #128 SketchRNN Snowflakes with ml5.js: https://youtu.be/pdaNttb7Mr8
🚂 #151 Ukulele Tuner with Machine Learning: https://youtu.be/F1OkDTUkKFo
🚂 #153 Interactive Drawing with SketchRNN: https://youtu.be/ZCXkvwLxBrA

Timestamps:
0:00 Introduction
0:19 RunwayML
1:25 StyleGan
1:58 Checkpoints
2:13 Input source
2:24 Run remotely
3:04 Latent space
4:04 Network tab: HTTP request
5:00 Let's Code!
5:39 generateRainbow()
8:54 vector
11:17 Export vector as json
12:39 truncation
13:14 httpPost
15:03 base64 encoding
18:42 Review
21:15 Anastasis Germanidis

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

#stylegan #machinelearning #latentspace #runwayml #p5js