aiji-logo

A curated collection of inspirational AI-powered JavaScript apps

footer-icon

Built by Elle, Asim, Osama - hosted on Azure

Musical Spinners From Latent Space


An AI-powered interactive music experience

DemoCode

  • TensorFlow.js
  • Magenta.js
  • Three.js
  • Tone.js

Animation

This is a generative music experiment based on the Multitrack MusicVAE model from Google Magenta.

It presents a 7x7 grid of musical measures, which you can move around in freely to play music. Each row in the grid is an interpolation between two measures in the latent space. Each column represents a decoding of the same measure for 7 different chords.

You can play the app by just improvising - moving around randomly and making shapes. Or you can play tonal chord progressions by using the keyboard shortcuts 1-7 to switch to the I-VII chords respectively.

The app uses Magenta.js (and TensorFlow.js) to generate the measures and Tone.js to sequence the music. The visuals are built in Three.js.

Try the demo on Glitch.