#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

1 Like
#4

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

1 Like
#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.

2 Likes
#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)

1 Like
#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!

1 Like
#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).

1 Like
#9

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

3 Likes
#10

you were not kidding wow

1 Like
#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.

2 Likes
#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?

1 Like
#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

1 Like
#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!)

30%20PM
Screen Shot 2019-03-13 at 3.38.30 PM.png1151Ɨ908 237 KB

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!

#18

Hi.

I am going to do some visuals with hydra for the first time in a public space. I would love any recommendations on how not to completely mess this up being that this is my first go. :wink: I will be using the hydra editor. One item I am really curious about is how to set up the browser.

Thanks in advance. !!
M

3 Likes
#19

Thereā€™s really almost no setup needed, unless you want to do some of the screen capture feedback stuff. If you didnā€™t find these examples already, have a look: https://github.com/ojack/hydra-examples

You might also get more feedback in the live coding forums, for example, I donā€™t think Olivia hangs out on lines but is active in the TOPLAP chat: https://talk.lurk.org/channel/hydra

It sounds like you want to use the browser editor, but give the Atom plugin a try if you havenā€™t yetā€¦ it can be really useful to have multiple tabs with different precomposed sketches open and available to you, and in general the workflow for opening files / saving them etc. is nicer than having to copy and paste code to/from the browser editor. https://github.com/ojack/atom-hydra

Good luck! I know multiple people who gave their first live coding performances using Hydra (although maybe youā€™ve performed with other live coding systems?) and all of them went extremely well!

2 Likes
#20

i added harmony, above. hereā€™s a pic i drew with it, forever ago:

tumblr_l3s9xj0QsU1qbnlb6o1_1280%20(1)
tumblr_l3s9xj0QsU1qbnlb6o1_1280 (1).jpg1021Ɨ546 129 KB

3 Likes
#21

Hereā€™s a list dragged from my bookmarks. Pretty sure theyā€™re all still up and running.





Also, a handful of simple apps from someone named ryukau on github:

4 Likes