Web apps for music/video/etc. making


#1

This is a wiki post that collects web apps that are creative tools for making music, visual and other forms of art.

When adding new apps to this top post, please include the name, a link to the app, and a brief description as to what the app is for. If you created the web app, please feel free to include “created by @your_lines_username”.

If the web app is not free, or causes issues that you know about, it could be good to include that in the description.

Right now it’s just a simple bullet point list, but we can figure out more complex formatting and if it makes sense to add more detail (like if a particular web app outputs MIDI or something) once we get some items in here.

Music-making apps:

Visual creation apps:

  • Hydra - Live coding networked visuals runtime by Olivia Jack
  • Marching - Live coding visual runtime by @charlieroberts
  • Tinkersynth Slopes - An app for creating line art, from Unknown Pleasure-style slopes to static-y donuts by Josh Comeau.

#2

As far as stuff under this top wiki post–I would personally love to see links to things you’ve built using these (if the apps include hyperlink-saved parameters), or audio recordings with some patch notes on what you used, things you tried you liked, ideas for new web apps or early alphas that you want feedback on, etc!


#3

great idea. Happy to be included


#4

beepbox makes glitch beats
https://beepbox.co
as used in https://lcrp.bandcamp.com/track/underground


#5

In case some of you are not familiar with how WIKI posts work on discourse (i.e. this forum). You can edit the first post of this thread by clicking on “edit” in the bottom right corner of the post.


#6

@lettersonsounds thank you for adding the faust playground! It is a ton of fun, reminds me a lot of the BEAP audio package for max. A very cool library of sounds and effects that are accessible right out of the box. Clicking “edit” seemed to get me to what looked to be a pretty complex modulation routing screen, which I will explore sometime.

I couldn’t figure out how to get the online saving to work, but I was able to download this simple generative patch I made of harp and birdsound.

Small_Exemple.jfaust (532.7 KB)


#7

My latest discovery on my hunt for cool web apps got me so excited I felt the need to bump this thread :sweat_smile:

There are a number of WASM-based emulations by Jari Kleimola of popular plugins over at WAM. There are two emulations of the DX7 (including the popular Dexed), the OB-XA, and the CZ-101. I am super impressed with the sound and performance of these, they aren’t even making my computer fan spin!


#8

Added a couple of new apps. First is React-Cital Piano which is a cool little keyboard-controlled piano that includes a few “sheet music” scroes of popular holiday songs–I had fun trying to play a few of them. Our very own @zfigz worked on this as part of a project for a class assignment.

Next up is Tones.fm which is a relatively simple bar-based step sequencer with a 1-oscillator subtractive synth and a simple rhythm track. What is cool about it is that there is both a running feed of new creations using the app, as well as a charts feature for community favorites. I happened upon this one near the top of that, which I thought was a really pretty, contemplative melody.

I think both of these apps highlight something that is a unique benefit to building musical instruments for the web, which is that it is relatively easy to code up additional augmentation features or contextual information right next to the instrument’s controls. There are not the same sorts of panel-size limitations as there are with hardware instruments, or the more imperative-based “pixel placement” style GUI of more traditional music software app dev environments like VSTs (at least I think that is the case).


#9

websdr.org - a literal world of signals and noise to sample


#10

you were not kidding wow


#11

Finally getting around to playing with Hydra–tons of fun. I’ve always thought the LZX stuff seemed very cool, and it is amazing to access to something conceptually similar that was very easy to get started with, and looks to be extremely deep in terms of the types of processing you can do. Here’s what I came up with this evening.


#12

instant THX-1138 soundtrack generator :slight_smile:


#13

Hi!

Recently I saw a post on CDM.link talking about Hydra, a live coding web environment to create visuals, so I started to have interest on it. In the past I’ve seen performances from Ryoiji Ikeda and Alva Noto and I loved it, but the lack of time and being focused in making music with modular synths made me forget the thing.

But now, after spending a couple of days playing with Hydra, I would like to know what kind of software (not web site) could I use to create live visuals to be able to use it offline or with more render power and options … I’m totally lost here, as I’ve seen different platforms like Supercollider that I don’k know if they are suitable for visuals apart from music.

Any tips and tricks here?


#14

I’d still very strongly recommend hydra first. You can actually run it locally on your machine (see docs here: https://github.com/ojack/hydra).

Also, there’s ways to export the shaders generated by hydra to use them elsewhere once your visuals coding skills actually require more power and options :slight_smile:

From my experience in programming visuals, it’s a lot more about the techniques and not so much about the specific tools you use. So anything you learn with hydra will be useful if you decide to switch to something else.


#15

@Cromatica45 There’s an Atom plugin for Hydra: https://atom.io/packages/atom-hydra

Not sure what you mean by “more render power”, but if you’re looking for different types of visuals I’ve been working on a ray-marcher that supports live coding, responds to FFTs etc:

https://charlieroberts.github.io/marching/playground/ (Chrome/Firefox)

Also has an Atom plugin (based on Hydra’s): https://atom.io/packages/atom-marching


#16

Thank you guys! I’ll try all those links next weekend …


#17

Just had a new web app popup on twitter that I wanted to share a screenshot of because it has such a cool UI (kind of reminds me of Teenage Engineering stuff I’ve seen). I also think the integration of purchasing a print is a cool and creative way to derive money from this kind of thing (much better than ads or selling data, imo!) It’s Tinkersynth slopes, which is in the top-post (along with your coding environment @charlieroberts, thanks for posting and apologies for my late addition!)

Also just a note that anyone can update that top post. If you find (or have made) any creative tool web apps, please share them here!