🕛
Thursday / Jul 3rd, 20257/3/2025

#150 — AI Rainbows with Runway and p5.js

Languages

RunwayML,p5.js

Topics

StyleGAN,machine learning (ML),latent space
Nebula logo

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.

  • 🚂
    Intro to Runway Part 1

    The video covers the basics of downloading and installing Runway, and running your first pre-trained machine learning model.

  • 🚂
    Intro to Runway Part 2

    This video looks at how to run the PoseNet Machine Learning model (for real-time skeletal tracking of one or more people) in Runway and send the results to Processing (Java).

  • 🚂
    My talk at 2019 eyeo Festival

    I live code an interactive simulation using a variety of creative coding tools including p5.js, ml5.js, and Runway.

  • 🔴
    Coding Train Live 182

    Live Stream with Introduction to RunwayML

  • Editing

    by Mathieu Blanchette

  • Animations

    by Jason Heglund

Passenger Showcase

The Showcase is collection of projects created by viewers like you!

Have you made something? Please share your work!

Submit to the showcase

Try a challenge!

Suggested by the video you're watching

👁

#122 — Quick, Draw!

"Quick, Draw!" challenge

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.

👁

#153 — Interactive Drawing with SketchRNN

"Interactive Drawing with SketchRNN" challenge

This challenge uses the pre-trained SketchRNN machine learning model (available with the ml5.js library) to create a p5.js sketch that finishes a person's drawing.