Noise

https://noise.jake.fun/

by amadeuspagel • 2 years ago

632 84 2 years ago

noise.jake.fun

Trufa• 2 years ago

This is really nice, the ability to add more and make chords would be interesting, though most might be pretty dissonant I guess.

ww520• 2 years ago

Looks cool. Is it Fractional Brownian Motion or Simplex?

JofArnold3• 2 years ago

Really cool. Related, I asked Claude something like "create a multimedia interactive web experience with audio and mouse interactions" a few months back and it produced something fairly similar. My favourite follow-up prompt was "Make it more Stranger Things" and it turned the background music - which it generated - into a pulsing synthwave sound.

I really need to post these art experiments as some are truly mind-blowing for a machine that can't see.

hackernewds• 2 years ago

I dislike how you have directed the topic to yourself, and don't even post the thing

JofArnold3• 2 years ago

Sorry. You're right of course. Won't do it again.

dahart• 2 years ago

While I agree slightly, this could be just ignored if OT, I don’t feel like it needs to be downvoted to death. And to be fair, HN comments relating the article to personal experience is extremely common and a legitimate part of what HN is about. With only demo and no words in the post it’s hard not to wander, other comments here have done so. You could read the parent comment as being inspired enough to finish a latent project, which is perhaps the same feeling I get from most of the digital/generate/interactive art projects posted here: so cool it makes me want to resurrect mine. Meta topics that are interesting about that: 1- interactive art is often more fun to create than it is to use, and 2- many of us make our livings making and maintaining so much tech for our employers we run out of time to do it for ourselves. ;)

grugagag5• 2 years ago

This is fun and pretty.

revskill• 2 years ago

Boring soon.

grugagag5• 2 years ago

Remember, fun comes from frustration. Keep at it

johnchristopher• 2 years ago

https://www.youtube.com/watch?v=64liF2VuLxI Ratatat - Loud Pipes

Almost there :).

aidos2• 2 years ago

Man, those two first Ratatat albums had such a great sound. I’m not quite sure how they created it but I saw them play in a little club in London and it was every bit as full and textured as on the albums. I have a recording of the gig somewhere.

SSLy• 2 years ago

Share it kindly, I’m pleading you.

etrautmann• 2 years ago

I think their sound was created by time reversing guitar notes? I was never clear how it would be possible to play that live?

sph• 2 years ago

Such an actually underrated band. That album, Classics, as well as their entire discography is a work of art.

blackethylene• 2 years ago

The way they layer sounds is so intricate and dynamic, it pulls you in from the start and keeps you hooked with every listen.

Also the Ratatat Remixes Vol. 1 & 2 are just genius. One of my favourites : https://www.youtube.com/watch?v=LVHCR3W5ITo

password4321• 2 years ago

Never before seen on HN, must upvote favorite song and take the hit for saying so.

grugagag5• 2 years ago

I don’t get the reference with Loud Pipes

v64• 2 years ago

moving around on the noise site, you can get it to resemble parts of loud pipes, especially at around 2:35 [1] with the repeated upward bits

https://youtu.be/64liF2VuLxI?t=155

melenaboija• 2 years ago

Fuck, I spent a few minutes thinking I had heard something similar somewhere and you solved the mistery, thank you so much.

orbital223• 2 years ago

I got more of a Ratatat - Tacobel Canon vibe:

https://www.youtube.com/watch?v=use8dcTn4tI

Norah_C• 2 years ago

It really great I completely agree

owenpalmer• 2 years ago

I don't think I've ever seen a video with 26M views, but no description.

swiftcoder• 2 years ago

The source code is posted on the author's github, by the way:

https://github.com/ja-k-e/noise

y-curious• 2 years ago

He has some files named after GPT3 and GPT4. I wonder what that's about

billyoyo• 2 years ago

looks like they were playing around with getting gpt to write some code to render the particles

andai• 2 years ago

Particles.js

Particles2d.js

ParticlesGPT3.js

ParticlesGPT4-meh.js

ParticlesGPT4.js

lozenge• 2 years ago

Very cool. It would be good to support multi touch, letting the user instantly switch to another noise by reacting to the latest finger. You would need to use viewport meta to disable page zoom as well.

al_borland• 2 years ago

I was thinking multitouch as well, but more about chords than sequential noises.

Jolter• 2 years ago

They are already chords.

binarysneaker• 2 years ago

Absolutely. I sooo wanted to tap a snare or drum with my thumb while playing the chord with my index finger.

nobrains• 2 years ago

this is what i gather: up is noise, down are notes, left to right are different frequencies higher to lower, white dots are noise, color dots are sound frequencies, dots are a visual indication of what components the sound u r hearing is composed of.

kamiheku• 2 years ago

Up is a high-pass filter, down is a low-pass filter, left and right moves between different chords.

abcd_f• 2 years ago

Multi-tap is not supported it seems. Could've been a nice thing to have.

jstanley• 2 years ago

How come it sounds like discrete notes even thought I move continuously? Like I can move around a bit and the note doesn't change very much and then all of a sudden it changes in a discrete jump?

sva_• 2 years ago

Half steps https://github.com/ja-k-e/noise/blob/main/NoteToFrequency.js...

atomicstack• 2 years ago

Quantising the oscillator pitch into discrete steps like this is pretty common when it comes to synthesisers. Generally there is also a fine-tuning control that allows the user to offset the output by up to an octave. Makes it easier to not be out-of-tune with other instruments.

ErigmolCt• 2 years ago

This is really cool, but I had complete silence in the room, and the sound on my computer was turned up to the maximum. My cat was lying on me. When I clicked on the screen, my cat (and I, too) got so scared that she scratched my legs. But it's a fun thing, of course!

867-5309• 2 years ago

if only the titling were less ambiguous..

deergomoo• 2 years ago

I had my speakers muted and assumed it referred to visual noise, given the graphics

glass-z13• 2 years ago

Anyone has a general solutions for this? Lots of time that i open such apps featured on hn they're always on 100% volume with no way to turn it down and it blows up my ears... I'm using firefox and tried some volume extension but it was a 20% chance if it worked on the website or not

lewantmontreal• 2 years ago

Set ‘media.default_volume’ to 0.3 or so in about:config.

cdfuller• 2 years ago

In Chrome I set all sites to be muted by default. I assume Firefox has the same feature.

rambambram• 2 years ago

A physical volume knob on or near your keyboard.

dizhn• 2 years ago

On linux there's a suite of audio effects that work with pipewire. Compressor and limiter are included so it should be possible to do what you need.

https://github.com/wwmm/easyeffects

raincole• 2 years ago

Noice.

keepamovin2• 2 years ago

This is incredible. Do you know what you've done?

You've created an instrument!

emursebrian• 2 years ago

Kaoss Pad!

https://en.wikipedia.org/wiki/Kaoss_Pad

john2x• 2 years ago

Does it work with multiple inputs on touch screens?

keepamovin2• 2 years ago

No, and that was not a limitation for me. Restrictions often lead to more creativity. Embrace that.

but at the same time a multitouch version would be cool. Why don’t you make one?

Also, the author needs to add something like user select none on touchscreen and make it aggressive because otherwise iOS Likes to select anything You tap too long. iOS is sticky and easy and eager to please like that ha ha ha!

squarefoot• 2 years ago

A possible improvement: add filter resonance control assigned to mouse wheel.

cubefox• 2 years ago

Neal fun, Jake fun, who's next?

susam• 2 years ago

While not as impressive, I have a small set of fun pages here: https://susam.net/links.html#fun

These are tiny hobby projects I've developed in the limited spare time I get. They serve as creative outlet and keep alive the fun in computing I first discovered many decades ago while learning the Logo programming language.

I'm curious to see what others here do to keep the fun in computing alive for themselves.

isoprophlex2• 2 years ago

My son wanted to know why all planets move in one direction around the sun.

https://strangeloop.nl/max.html

I struggled a bit with finding the right way of controlling this, but with some patience you can set up a cloud of nicely rotating particles, and try to reverse the overall direction of the swirl by adding particles that rotate in the other direction.

kaeruct• 2 years ago

Definitely not as polished, but I make silly visual things from time to time and recently published my favorite ones here: https://kaeruct.github.io/gallery/

nilslindemann• 2 years ago

I like how this performs on my 700 euro Laptop. And it sounds cool. Well done!

4ggr0• 2 years ago

woah my earplugs were at 100% volume, what a jumpscare. but nice tool!

orko• 2 years ago

This is fun, and the whole website is full of funny and creative projects like this! Well done!

pruetj• 2 years ago

If you’ve ever been by a Tesla coil in person, that static-y noise near the top of the screen is almost a perfect match.

butterfly42069• 2 years ago

Absolutely excellent. It bought me much joy to have a pad like this (that used to cost me money) pop up on the front page of HN to stick my finger into.

hummusFiend• 2 years ago

lol

BMc2020• 2 years ago

I found making a white - purple - red - white triangle over and over pleasing.

jedimastert2• 2 years ago

It appears you can get different modes using search params <https://github.com/ja-k-e/noise/blob/main/Sound.js#L8>

Using locrian as the default is wild <https://github.com/ja-k-e/noise/blob/main/Sound.js#L26C6-L26...>

arendtio• 2 years ago

To use it, do you have to add a mode parameter like so?

https://noise.jake.fun/?mode=major

jedimastert2• 2 years ago

Yuppers.

rav• 2 years ago

The default chords from left to right sound pretty standard in my ears: vii⁰, I, ii, iii, IV, V, vi - but maybe it's locrian if you take the leftmost chord to be the tonic, and a plain major if you take the second from the left to be the tonic?

andrew-v• 2 years ago

Nice, you can also pass other modes and keys (root notes) as URL search params. It’s G locrian by default.

https://github.com/ja-k-e/noise/blob/3c90aadf4db49505878a203...

jjcm• 2 years ago

Complete aside, but Jake of jake.fun is an absolute delight. I work with him over at Figma and he’s such a genuine person who makes little nuggets like this on a constant basis. He’s one of those people who make tech a fun industry to be in.

jeffreygoesto• 2 years ago

Reminds me of https://soundbox.cognable.com/ which we use to interest disabled children in touch screens, preparing for a talker.

cvoss• 2 years ago

The chord progression is i^o II iii iv V VI vii, which are the successive triads of a locrian scale, which is like a major scale but you start from the 7th note of the scale (ti). In this case, use A flat major, but start on G.

rurban• 2 years ago

Too much melody, not enough noise. The brain needs to be stimulated better. https://open.spotify.com/playlist/0z5lCJUAge5gHjCFGZNnqQ?si=... (Spotify artists removed lot of their songs in between)

hermitcrab• 2 years ago

"Cloudflare, what is best in life?" "To crush your enemies, see them driven before you and hear the lamentation of the Patent Trolls."

racefan76• 2 years ago

Wow, this is like something I'd find on the Bored Button website.

aabbcc1241• 2 years ago

It doesn't work on firefox (no error message in console) and it works on chrome.

Noise

Related Stories