Phyllotaxis: An audio-reactive LED display
245 points by evakhoury 2 days ago | 41 comments

throwaway219450 18 hours ago
Very cool. 5-fold symmetry on the PCB to use up the board allowance is particularly neat.

A trick that poor hobbyists learn early on is to make pads a little larger than necessary for SMT parts so you've got somewhere to wick solder onto. Neopixels (5050 LEDs) are reasonable to hand-solder since the pads extend up the sides of the package, but you can also do QFNs with a bit of practice by placing a big via to get to the central pad from underneath.

reply
petsfed 5 hours ago
Because I desperately want to make my own (and maybe modify it a bit to fit my own hardware biases), I found the repo for the hardware:

https://github.com/jagnat/fib_quintant_minimizer

It would be really neat if the author could put the relevant licensing stuff on there.

(but mainly, I want to hear about how they accomplished 5-fold symmetry!)

reply
jagiii 4 hours ago
author here, good digging! I added the MIT license.

Getting 5-fold symmetry to work was tricky, but the repo you found has the processing sketch where I figured it out. I basically took the point generation process I described and rotated it upon itself 5 times. I tested this with different radial symmetry numbers actually, and 5 also happened to look the best and also was convenient for manufacturing the PCBs.

Then I had AI add the ability to rotate a bounding rectangle for one 'quintant' around the shape, and found the division of cells which minimized the area, since PCB cost scales with that.

reply
lukeify 17 hours ago
Cool! Remarkably similar to Voria Labs who produce a product called Lumanoi https://voria.com/

Perhaps an example of convergent evolution? :)

reply
pbronez 11 hours ago
The common element appears to be the use of a Voronoi tessellation to map a field of scattered points (LED locations) to cells.

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

reply
asdfasdfe 10 hours ago
I see only a very slight superficial resemblence and non of the inner works are related at all.

Where do you see similarities?

reply
busssard 8 hours ago
its an organic looking cellular light sculpture for walls
reply
XRG 15 hours ago
Love how the 5 PCBs slot into each other to form the final shape.

With respect to the assembly: do yourself a massive favor and let the PCB fab also assemble the LEDs. With a simple bill of materials like this it will add very little cost, it saves you a _lot_ of time, and it might also reduce the chance of component damage from adding too much heat or from accidental ESD strikes. (I don’t know how much these Neopixels can handle, though.)

reply
petsfed 5 hours ago
I'll bet there's some creative board layout so that the relevant controller IC and supporting passives can be soldered onto the back of one of the 5, then have solder jumpers or some such to actually connect it into the circuit. That way, you're not adding miles of unused trace to an active bus.

Of course, having a 5x PCB fab, but 4x+1 assembly would probably double the cost for a single turn of the device.

I would love to hear more about the process of making 5-fold symmetry work for board layout. That sounds maddening to get right.

reply
throwaway219450 3 hours ago
As long as you can design the outline as a vector file somewhere else, it's easy enough to import as a board outline and then lay out on top of it. I also get the lure of assembly these days, but I would hand-solder a board like this for a one-off art project. Call me old fashioned, but I'm confident enough with soldering that I'd estimate a couple of hours to assemble and I like buying domestic which is less economical than the JLPCB special. If people started to ask for kits though...

I think your idea is pretty sound if you connect all but one of the boards in a ring and use a jumper for the control section.

reply
petsfed 3 hours ago
I could go either way on hand-soldering a single assembly. But doing this more than once would be torturous.

I can only go so many days carefully monitoring diet and minimizing stimulant intake to minimize associated tremors. And I don't have rework microscope, so my eyes would definitely suffer.

reply
scoot 13 hours ago
> do yourself a massive favor and let the PCB fab also assemble the LEDs

From the article:

What's next? ...using PCB assembly...

reply
asdfasdfe 10 hours ago
I don't agree with this. The board and components are trivial to hand solder.
reply
realo 5 hours ago
Well...

I bought one of those some time ago.

Might interest the HN crowd...

https://www.evilgeniuslabs.org/one-inch-fibonacci128

reply
michaelbuckbee 11 hours ago
Neat trick to use mulberry paper under a clear printed part. I wonder if you could simulate stained glass like that.
reply
shellfishgene 11 hours ago
I find it's pretty easy to come up with lighting projects like this, but to make it actually look high quality with a good finish is quite hard.
reply
jan_Sate 9 hours ago
This kind of audio visualization reminds me of the old Windows Media Player. I enjoyed watching it back when I was a kid.

Too bad. Software audio visualization's no longer common. But hey your hardware visualization's better than software! :D

reply
asdfasdfe 9 hours ago
I would love to know how the paper used as diffusor was fixed to the 3d model
reply
jagiii 4 hours ago
I took the very thin 3D printed cell outline shape, a grey screenshot in my post, and used it to trace the mulberry paper. Then cut and glued paper onto the bottom of that cell outline, and screwed the outline plate into the main assembly.

This is by far one of the biggest areas where I could improve the design. I'm not happy with how fragile it is. The good thing about using just paper screwed from the top is it's thin enough to prevent light bleeding between cells.

reply
UncleOxidant 4 hours ago
same, this would seem to be tricky especially since you don't want the glue to wick into the paper as it would mean non-uniform light transmission.
reply
jagiii 4 hours ago
I had this concern at first, but using a glue stick seemed fine. The gluing doesn't have to be extensive either, since the paper gets clamped between the plastic parts when I screw it together.
reply
mordv 12 hours ago
Cool. CadQuery is perfect fit for such organic modeling. I wonder if there is anything similar for pcb design.
reply
yeehawjared 10 hours ago
WLED on that would be awesome. Pop an esp32 and make a 2d map
reply
doawoo 6 hours ago
Insanely cool and very well built! Natural patterns are a great basis for visuals
reply
miles_io 17 hours ago
Always wanted to build something like this. The way the sound drives the phyllotaxis patterns is truly mesmerizing.
reply
rishabhaiover 9 hours ago
Very cool!! Love that it takes uploaded Wasm sketches, so people can contribute to it by writing their own patterns for it!
reply
busssard 8 hours ago
very nice+ I have a project on my "will i ever start this" list for putting this onto a sphere with integrated IMU/acc
reply
Vakaiser 16 hours ago
Excellent choice in music for the demonstration.

https://music.apple.com/us/album/neon-pattern-drum/134973653...

reply
simlevesque 7 hours ago
You could make millions selling these to audiophiles.
reply
nesk_ 15 hours ago
Love it! I'm currently learning electronics (again, did some in high school) and this kind of project is really inspiring.

Thank you for sharing the build process.

reply
r0b05 16 hours ago
Nice work. Love to see some vintage HN content
reply
joking 13 hours ago
very inspiring. it's nice to see how an idea evolves from a though to a product / installation.
reply
aanet 17 hours ago
This is brilliant
reply
hugoj0s3 16 hours ago
very cool!
reply
hajjamixcv2012 15 hours ago
Phyllotaxis spirals (derived from the golden angle) make such an elegant coordinate space for radial audio visualization because they avoid the density distortion of concentric circular rings.

The trickiest part in these builds is usually balancing transient response with temporal smoothing so the LEDs don't devolve into jittery noise during busy frequency passages. Curious if you're doing per-bin decay filters on the FFT or handling dynamic gain normalization upstream?

reply
jagiii 4 hours ago
I'm still not perfectly happy with the audio response, tbh. But it mostly suffices.

I experimented with both approaches, and landed on mixing the band energy normalized by global energy vs. per-bin max energy, with a very arbitrary coefficient that seems to work. I also keep a few copies of the levels per band with different rates of decay, so I can add features in the sketches which should be sensitive to transients, vs. features which can rely on slower rates of change.

Not at all an expert in any of this and it was a lot of trial and error, still lots of room for improvement.

reply
turbine401 16 hours ago
[dead]
reply
hizlikovboy27 17 hours ago
[dead]
reply
onelpawarai-X 14 hours ago
[flagged]
reply
onelpawarai-X 14 hours ago
[dead]
reply
shevy-java 15 hours ago
I don't like the word phyllotaxis.

I understand it was inspired by https://en.wikipedia.org/wiki/Phyllotaxis, but arrangement on leaves serves the purpose of growth in a specific niche. The pattern arises because naturally leaves serve to capture light - see the images on wikipedia there. Phyllo means green. The LEDs used here do not really tap into any of that, and the name is also a misnomer. That's not good.

reply
pierrec 8 hours ago
The pattern in OP's project can be called phyllotaxis. This is supported by the link you provide which gives even looser examples that are still described as "exhibiting phyllotaxis". A lot of words refer to nature if you look into semantics, not surprising if you consider the amount of beautiful and useful patterns it gives us.
reply
rglullis 14 hours ago
There is no worse form of bikeshedding than naming pedantry.
reply
HappMacDonald 14 hours ago
Agreed. All variable names should be single-letters as the Greek Gods intended :D
reply
cwmoore 12 hours ago
I disagree with sibling comments. You are correct to express the confounding implications of a word choice. And they have only detracted from the point you make.

Of course the design is cool and beautiful, but it is not the thing it is called here.

reply