stagas

If it was clipping it would show as red in the amplitude visualizer, however the bass does have a lot of energy and that might be the cause for the clipping you're hearing. You can multiply it by a factor to reduce its amplitude.

What I like in comparison to sample-based software like Tidal and Strudel is exactly the ability to create very novel and interesting sounds using synthesis, something which I prefer. Genres like Techno rely a lot on timbre novelty.

This is actually cool. They have a web playground[0] as well.

[0]: https://pattrns.renoise.com/

In loopmaster you can define functions and abstract slowly and build your tools as well. Not yet with callbacks but it's in the works to do more complex SuperCollider-style stuff.

Sign up please and teach us.

When you learn to use it you can throw a lot of intention into it, knowing the output even before you hit play. Yes, you can go the other way and "subtract" your way out of a chaos, but you can also intentionally piece together the components and produce an output you imagined beforehand. The missing pieces here for this format, my instinct tells me, are layers of abstraction or additional UI elements that will help in composing a final piece, using code for the fundamental components plus something else that hasn't been invented yet or noone has thought of glueing it together.

Yes, there is a `sidechain` function designed specifically for this. I wanted to keep this tutorial simple so I skipped a lot of mixing techniques or were left as an exercise to the reader, but I will try to cover those as well in future tutorials. Sign up to get notified for when they arrive!

For now you can see how it's done here[0] on line 139. I pretty much use it on every other track I've made as well.

[0]: https://loopmaster.xyz/loop/6221a807-9658-4ea0-bfec-8925ccf8...

Quantization and repetition are what some genres depend on. It won't be the right instrument for a Rock ballad, but for a Techno track you need this kind of "everything being quantized". That said, in loopmaster you can add swing and noise to the note offsets to humanize a sequence, a lot is left to the imagination and ability of the creator.

My understanding is that because it's a very small sample, it's basically a combination of a subset of sine waves, and because we're very sensitive to the nuances of high-pitched sounds, even small changes in that space make a lot of difference. Every RNG seed produces a different sounding hihat, and if you don't reset it, it continues producing different hihats, which is unnatural. Another explanation is also to resemble sample-based audio, but perhaps it's all of these things combined.

Thanks! I tried to make it as familiar as possible, inspired by JS. It's not yet open-source, mainly because the source is a bit of a mess, but it will be once I tidy things up. Follow me on GitHub[0] for updates. Also that sounds to me like Tech-House/Electro-House :D Very nice!

[0]: https://github.com/stagas

Fair point, and that's the challenge in both the software's abilities and the creator's skills.

If you see it as yet another instrument you have to master, then you can go pretty far. I'm finding myself exploring rhythms and sounds in ways I could never do in a DAW so fast, but at the same time I do find limiting a lot of factors, especially sequencing.

So far I haven't gotten beyond a good sounding loop, hence the name "loopmaster", and maybe that's the limit, which is why I made a 2 deck "dual" mode in the editor, so that it can be played as a DJ set where you don't really need that much progression.

That said, it's quite fun to play with it and experiment with sounds, and whenever you make something you enjoy, you can export a certain length and use it as a track in your mix.

My goal is certainly to be able to create full length tracks with nuances and variations as you say, just not entirely sure how to integrate this into the format right now.

Feedback[0] is appreciated!

[0]: https://loopmaster.featurebase.app/

The backend now is in WASM. I have a plan on how do this in a VST, I had done a version with a Rust+WASM backend in the past. My main concern is getting a Webview working for the editor, which is custom made, but I think that's also solved by now. The goal would be exactly the Web version working as a VST plugin with its real-time audio engine.

Click Export Audio next to the title here[0], there is a buymeacoffee button :) tysm

[0]: https://loopmaster.xyz/loop/75a00008-2788-44a5-8f82-ae854e87...

I'm considering a VST version but for now there is an Export Audio feature you can use to get a perfect audio loop to use with Ableton (or any other DAW) with oversampling up to 8x for great quality.

Thanks! For anyone trying this, it's being HN crushed right now and hitting rate-limits, you should try again in a bit if you see an error.

Also, there is an AI DJ mode[0] where you set the mood/genre and the AI generates and plays music for you infinitely.

[0]: https://loopmaster.xyz/editor?aidj

If you enjoy this kind of tutorials then you will also enjoy this one:

> How to Synthesize a House Loop[0]

[0]: https://loopmaster.xyz/tutorials/how-to-synthesize-a-house-l...

Location: Greece

Remote: Yes (EU)

Willing to relocate: Yes (EU)

Technologies: TypeScript, Node.js, React

GitHub: https://github.com/stagas

Résumé/CV: https://drive.google.com/file/d/1hFIBClD_dLlS2v7ul-nKgptbBk3...

Email: gstagas@gmail.com

--

Expert Full-Stack Engineer with 20+ years of experience in web development, specializing in TypeScript, Node.js, and React ecosystems. Proven track record of building scalable, maintainable applications while leading distributed development teams. Passionate about delivering exceptional user experiences through clean and performant code, along with an eye for detail and aesthetic design principles.

Thanks! I'm using Cloudflare's TURN service[0] which has a generous 1,000gb/mo free tier, which should be more than enough for this demo, works really well.

[0]: https://developers.cloudflare.com/realtime/turn/

Location: Greece

Remote: Yes (EU)

Willing to relocate: Yes (EU)

Technologies: TypeScript, Node.js, React

GitHub: https://github.com/stagas

Résumé/CV: https://drive.google.com/file/d/1hFIBClD_dLlS2v7ul-nKgptbBk3...

Email: gstagas@gmail.com

--

Expert Full-Stack Engineer with 20+ years of experience in web development, specializing in TypeScript, Node.js, and React ecosystems. Proven track record of building scalable, maintainable applications while leading distributed development teams. Passionate about delivering exceptional user experiences through clean and performant code, along with an eye for detail and aesthetic design principles.

Thanks! It's open source[0], your contribution would be very welcome :)

[0]: https://github.com/stagas/sound

Location: Greece

Remote: Yes (EU)

Willing to relocate: Yes (EU)

Technologies: TypeScript, Node.js, React

GitHub: https://github.com/stagas

Résumé/CV: https://drive.google.com/file/d/1ein7lIg73ruIQIO194LVsWOb_jf...

Email: gstagas@gmail.com

--

Passionate about coding, UX and DX. Always exploring new Web technologies and integrations. Building tools and libraries that aim to reduce friction and accelerate development speed. Obsessed with visual performance and delivering smooth and seamless experiences.

In their docs[0]:

> Your source code is sent to the server, compiled, cached at the edge, and served to the browser as a JavaScript module.

[0]: https://esm.sh/#tsx

If you like this and are interested in a less hacky way, I've also implemented it using a Service Worker[1] that intercepts and transpiles modules on-the-fly.

[1]: https://github.com/stagas/tssw

As per another commenter's suggestion, I gave it a shot using a Service Worker and it looks like it works as well[1].

[1]: https://github.com/stagas/tssw

Thanks for this! I gave it a shot and it works[1].

[1] https://github.com/stagas/tssw

The thing with Tailwind, however, is it reduces your options by picking a certain set of values, where with CSS you can choose whichever, so it becomes easier to have something that is more symmetric and looks better using Tailwind rather than CSS for this reason.

Impressive. I'm glad you took that challenge and did it! The other option was vendoring ffmpeg wasm which is a few mbs. This is just a few kbs, doesn't require npm, I simply used the release .mjs file, the AI picked up its API right away and did everything for me. Perfect.

Mediabunny is pretty cool! I'm actually using it in the other Show HN, VinylSpin.video to generate mp4 videos from the canvas animation so that no frames are dropped, unlike the MediaRecorder API. The output is perfect. Didn't know it could also play videos! That's awesome really.

Thank you so much! I will definitely consider it :) Superlaunch looks pretty cool!

No engine, just the board for now and the constraints of the game. Yes, I agree, I might look into it. Do you want to help? I can put it on GH just needs some cleaning up.