#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
#22

thank y’all for sharing all these cool things and reviving the thread.

very interested in seeing your hydra patches if you wanna share them (I think linking to specific patches works), good luck at your event @melaniemarie

2 Likes
#23

I don’t know if it’s been mentioned before, but Tooll2 is free and kind of code-by-blocks to create cool visualizations.

http://tooll.io/

I used it for my last video.

1 Like
#24

Thank you so much. I really appreciate your response. I definitely do the atom plugin. :slight_smile:

#25

@neauoire just saw your tweet showing orca running in the browser (!!!)

When you get a chance would you mind sharing the apps you are porting to the web in the wiki (if you would like, no pressure)? Very excited to add these to the collection!

#26

Have you considered porting that list to a kind of repo to which we can make pull requests to? That might be a better format than a forum thread to invite collaboration.

Something in the veins of this as an example.

In the video, you can see Orca, but my sampler is not really an app at the moment, it’s more like an html file with a bunch of samples, I might make it into something more customizable in the future :slight_smile:

2 Likes
#27

That’s a cool idea, I’ve used similar repos in the past as references and for ideas (the ones that are like (the ones that are like awesome-[react|next.js|etc.]).

This wiki was started shortly after discourse wiki-threads had been introduced on lines…my thinking was that it could be cool to create one so that people could share apps they’ve gotten use out of at the top, and then in the body share creations they’ve made:

There’s been a bit of that (which is awesome), but also I feel like I might have dropped the ball a bit on keeping the discussion flowing.

Maybe moving this to a github repo would get more eyes on it, and these apps into the hands of more people? I’m open to porting, what do people think?

In the video, you can see Orca, but my sampler is not really an app at the moment, it’s more like an html file with a bunch of samples, I might make it into something more customizable in the future

Sounds great! I know you have a whole suite of cool apps you’ve made (a drawing one too), so figured I’d check with you so you could point people to all the different things they could try. Not sure exactly which ones your planning on porting to the browser.