VinylAndParticles is Marco Gomez's audio-reactive WebGL visualizer: a 3D record sits at the center while a plexus-like particle vortex and shader effects answer the music. It is equal parts compact audiovisual toy and graphics-card workout.
What is VinylAndParticles?
The scene starts with a wonderfully literal idea—put the music on a record—then lets the browser graphics get carried away. Three.js supplies the stage, while vertex and fragment shaders, post-processing, and a dense particle system turn the turntable into a small weather machine. Its open-source sibling was designed as a stress test for modern graphics cards, so the spectacle is also a technical demo wearing club lights.
What you can do there
- Watch a vinyl record drive a vortex of shader-rendered particles
Why we picked it
There is almost no conceptual overhead: record, sound, particles, go. That directness makes the piece easy to enjoy, while the public source leaves a useful trapdoor for anyone who wants to see how the glow and motion are assembled. A tiny portfolio scene manages to feel both playful and instructive.
How to get the most from it
Open it on a WebGL-capable computer, give the scene time to initialize, and have sound available for the intended audio-reactive effect. Chrome was the creator's original recommendation, with Firefox also reported compatible at the time; current controls and browser coverage were not verified.
Good to know
Continuous particle motion and audio are central to the concept, and the original code was explicitly meant to exercise modern graphics hardware. Performance, mobile support, controls, reduced-motion behavior, and current audio provenance remain unverified. The recent HTTP modification date is not treated as a documented project update.
Who made it, and when?
Marco Gomez is the credited creator or organization. The earliest supported launch date we found is June 2018.
Creator’s official page Open VinylAndParticles