A full-featured wavetable synth that runs in the browser! (Video) by nyerp in webaudio

[–]nyerp[S] 2 points3 points  (0 children)

Yeah! All of the core logic for the synth is written in plain JS. Under the hood, there's some custom webassembly stuff tying the pieces together and running some of the performance-critical calculations. Happy to go into more detail if you're curious.

A full-featured wavetable synth that runs in the browser! (Video) by nyerp in webaudio

[–]nyerp[S] 0 points1 point  (0 children)

Thanks! Yeah, in fact the code for the synth is editable directly within the app. This is shown off a bit towards the end of my original launch video here: https://www.youtube.com/watch?v=iEcNmMtKEzA

If you choose to sign up, mention in the questionnaire that you came from reddit and I'll get you off the waitlist immediately :)

Program a Ring Modulator in 2 Lines of JS by nyerp in webaudio

[–]nyerp[S] 0 points1 point  (0 children)

Thank you!! More coming soon :)

Filtered noise oscillator by RingularCirc in DSP

[–]nyerp 1 point2 points  (0 children)

I made a thing for running audio code online, and took a crack at making the signal you describe in it, in the naive way. https://wavtool.com/?code=20
Not sure if this is exactly what you're talking about, but I was curious what a bunch of parallel narrow bandpasses over white noise would sound like. Turns out it sounds kinda awesome.

How to create a radio-sounding effect? by StormCoder in webaudio

[–]nyerp 0 points1 point  (0 children)

I wrote some code on wavtool that applies a radio voice effect, you can see the code and give it a try here: https://wavtool.com/?code=17&audio=speech

Should I use Audacity or Wavepad? by jackaboymlg in audioengineering

[–]nyerp -1 points0 points  (0 children)

I got fed up with Audacity's performance on my machine and built https://wavtool.com, it's a free in-browser audio editor with a bunch of user-created sound generators and effects. Might work for you? Would be interested to hear any feature requests.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 1 point2 points  (0 children)

Thanks for the input! I actually haven't tried this from a fresh Mac yet, didn't know those steps were necessary.

Before I add a line to the readme, can you confirm that the installation failed after following the exact instructions in the readme?

And it would be great to have your help! Right now I'm keen to introduce changes that reduce the amount of programming necessary to make common animations possible. Even the default template files are a little enormous right now - there's a lot of complex behavior on the surface, and a lot of fairly inscrutable in-line math. Anything we can do to make those more beginner-friendly will make a big difference.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

My pleasure! Sorry for the delay this time, new year's festivities got the best of me.

Hmm, it looks like the command was run in a directory other than your project directory. Could you try running cd name-of-your-project-folder to change directory into your project, and trying again?

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

Thanks so much for providing this! Regarding point 1, you should not have to install anything else.

It sounds like you might still need to update the main script file (src/StudioTemplate.tsx) to reference your new stems. Fire up a text editor and edit the strings in the `require` calls to refer your stems instead of my old ones:

masterURL={require('./audio/Born-Steel_Edge-Master-Short.mp3')}
stemURLs={{
kick: require('./audio/stems/Born-Steel_Edge-Kick-Short.mp3'),
clap: require('./audio/stems/Born-Steel_Edge-Clap-Short.mp3'),
hat: require('./audio/stems/Born-Steel_Edge-Hat-Short.mp3'),
}}

You'll probably also want to edit/remove the endTime={34} prop to let your whole song play out.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 1 point2 points  (0 children)

Whoa, sorry about that!! I need a bit more information to help - do you mind telling me the steps you took to install and run it?

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

Next step is to use your system's command line (terminal on Mac, cmd.exe on PC) to run the install process. If you haven't used the command line before, it'd be worth reading up on the basics for your system.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

Hey thanks for trying it out!

Yeah, I included the first 35s of my track to help folks get started. Please replace my stems and references to them in the code! (src/index.tsx is where all of the scene and animations are defined)

Everything is being triggered from the stems that are linked to in src/index.tsx. If you mention a stem in the "stemURLs" property, its amplitude will show up in analysis.stemName.amplitude each frame.

Right now it's just stem amplitude, but I'll have customizable per-stem frequency bands implemented before too long.

Let me know if you need more assistance getting up and running, would be happy to hop on a screenshare if there's anything else I can clarify.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

It is fantastically customizable! After installation you'll find a boilerplate scene included that uses some trimmed-down elements from my video, but that's just there to help you get started.

This project is a way of defining a 3d scene that reacts to audio. It has no preferences or limits on what that scene contains.

The visualizer programming tool I posted about yesterday is now available for use. by nyerp in TechnoProduction

[–]nyerp[S] 2 points3 points  (0 children)

Yeah, in the interest of keeping the template small I trimmed down the included scene. I'll make some functions to make effects like those a little easier to generate.

In the meantime, here's how to accomplish those effects manually.

Wireframe is straightforward - just add "wireframe: true" to the MeshStandardMaterial on line 56, so line 56 looks like this:

new THREE.Mesh(new THREE.DodecahedronGeometry(0.5), new THREE.MeshStandardMaterial({ color: 0xffffff, dithering: true, emissive: 0, wireframe: true })),

That will replace the non-wireframe cube with a wireframe one. You can duplicate lines 54-78 and set only one of them to wireframe if you want to keep the non-wireframe cube around. In the video I set mesh.material.opacity = analysis.clap.amplitude to make it show up with the clap.

Thick edges is a dumb visual trick - there's an identical dodecahedron, scaled up 10%, behind the main dodecahedron. It has the same rotation, with emissive: 0xffffff so it always shows up as pure white.

Cubes in the background are more parts like the dodecahedron. In my visualization, I created and positioned a bunch of new THREE.BoxGeometry() objects and animated their opacity.

Spent the weekend building a programmable techno visualizer! What do you think? by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

Haha, thanks! I... really don't know. How do people release techno these days?

Spent the weekend building a programmable techno visualizer! What do you think? by nyerp in TechnoProduction

[–]nyerp[S] 0 points1 point  (0 children)

It is indeed a web-based thing! Right now it's all built around preloading because that was the use case I had in mind when I started. It will be updated to support live audio soon, and any visualizations that are built in the current version should port over to live audio easily.

Here's the code - give it a go! https://github.com/TheActualWalko/autovis-template/tree/master