May 18
Generative sound design and visual data tracking using #p5js, #ml5js, and #Tonejs 🍚🔊
-ml5.js: object detection
-Tone: samplers and DAW 🎶
People and cars trigger notes from a Bach prelude 🥡😊
Video by David Lomax.
#generativeart #creativecodeart #soundart #HongKong
3
87
May 4
Took the project a little further today 😄
My grid of geometric shapes is now a synthesizer, thanks to tone.js and @omma_ai
Each creature I created plays its own note… it's a bit weird, but I love it.
🔊 Don't forget to turn on the sound to enjoy the video!
Anyone want to give it a try?
using #threejs #tonejs #omma
1
3
31
1,976
May 1
this is made with threejs, tonejs, and some shaders
each text character or symbol is drawn using 3D voxels and then there's a volumetric lighting shader
there are audio controls at the top-right (tempo, synth type, interval range)
i'm adding more symbols as we speak, lmk of any requests
1
19
1,606
Submitted my entry Music Tetris to the Vibe Jam 2026 last night.
Music Tetris is a rhythm-reactive 3D Tetris game built in @threejs where falling-block gameplay is wrapped in a glowing audiovisual world. The board is a 3D playfield, the tetrominoes are rounded volumetric blocks and the side areas contain abstract morphing sculptures and clustered particle constellations that react to the beat.
ToneJS was used to create the base beat that changes based on the gameplay.
Shader effects used inspired from @DannyLimanseta
- Noise-based water shimmer: To create soft caustic, refraction-like motion in the side gutters so the background feels liquid and alive.
- Fresnel rim lighting: To add glowing edge highlights to the 3D blocks, making them feel dimensional while keeping the pastel Tetris colors readable.
- Dynamic color grading: Shifts saturation, tint, flash color, and frenzy mood through a post-processing shader as the game state changes.
- VHS post-processing: Adds subtle scanlines, grain, chromatic separation, and rolling distortion during heightened moments.
- Block wobble shader: Makes blocks breathe with the beat, sway slightly over time, and visually react during line clears.
Link to the game: musictetris.anshuldhawan.com…
Another great #vibejam by @levelsio !!
And.....✅ DONE!
The Vibe Jam of 2026 sponsored by @cursor_ai @boltdotnew @heyglif @tripoai is officially closed
🕹️ 945 games submitted
🛝 242,212 players
👁️ ~12 million views on X
Now me and @s13k_ will start the judging process, probably pre-vetting games first with some help from AI (like if the games load at all) and then they go on to all the judges
I want to thank everyone who participated! ❤️ There's only 3 cash prizes but even if you don't win, I hope you all had fun creating things, which is the best part of AI for me, it lets me create things I could never have dreamt of making before
It's already clear to me from the submissions that AI's ability to help you create beautiful and fun games has progressed a lot, last year's games looked clunky and basic, this year's games are starting to look like stuff you could find on Steam
There's no specific deadline for when judging is done but we'll try to be as fast as possible, last year it took 2 weeks I think!
THANK YOU!!!
4
1
11
992
Apr 24
i made a pendulum wave synthesizer
each string is tuned at a different length to create waves that move in and out of sync as the animation progresses
the pendulums play notes from a japanese yo scale as they travel
the pattern makes a perfect loop in 2:46
viewer beware: watching may cause sleep, hypnosis, or worse
[made with threejs and tonejs on canvas]
Apr 22
day 2 of turning a pendulum into an instrument
20 pendulums mapped to a C minor 9 arpeggio sequence with a sawtooth wave and some pitch bend
11
27
240
32,608
Apr 21
i made a pendulum simulator
16 pendulums oscillate through wave patterns making music along the way
built with kimi k2.6, threejs, tonejs
you are getting very sleepy ..
26
48
547
65,835
Apr 20
Generative sound design of visual data created with @p5xjs and #Tonejs 🍂🔊
-p5: blob tracking. Visual interface
-Tone: samplers and DAW 🎶
The lines between two leaves make a sound 😊
Video by Kelly
#generativeart #creativecodeart #soundart #p5js #autumn
4
163
en mi defensa usé tonejs y le dije a claude que haga la música de hackathones.com 😂
3
105
Mar 12
draw some doodles, get a drum beat: funwithcomputervision.com/sq…
a little web app made with js, tonejs, kimi 2.5
Mar 11
i'm building a pixel art editor drum sequencer which makes music as you draw
using javascript, tone js (sounds inspired by Roland TR-909 drum machine), and kimi k2.5
dm if you want to try this prototype
8
6
64
6,101
prototyping
ボロノイ図 マルコフ連鎖でポリリズムマシン
セル面積→ピッチ
セルの重み（面積の正規化、0～1）→ローパスフィルタ
ドロネー三角形の辺を経路にマルコフ連鎖をする。
#Tonejs #sequencer #voronoi #markovchain #claudeai
1
1
22
912
A lovely ambient digital harp experimentation with #tonejs and #mediapipe
1
3
52
Remixed an old idea of mine with Figma Make by combining tonejs and winamp's milkdrop visualization.
Fractal Drift: A generative audio and visual experience: suds-cable-82893924.figma.si…
Combines generative binaural sounds and notes with dynamic frequencies produced by ToneJS, and live reactive browser-based MilkDrop visualizations with 200 visualizations available.
It was fun to experiment with Figma Make and see how far it could be pushed.
#figmamakeathon
1
4
161
Feb 24
Was curious about webaudio in a cli or server process. Turns out you can totally do it and even re-use tonejs nodes along with 3d panning.
1
3
170
Jan 27
Hi mate! @editart_xyz sliders 😉 become a synth mini score 🎼
Parachute waltz 🪂 soon…
testing… sound on 🎹
#generative #NFTCommunity #p5js #tonejs
2
1
6
85
🎵 ComposeYogi Update🎵
Big features just dropped for our open-source browser DAW! 🚀
✨ MP3 Export — Export your tracks in MP3 format with quality options:
• 128 kbps (smaller files)
• 192 kbps (balanced)
• 320 kbps (studio quality)
📂 Audio Import — Drag in your own samples!
• Supports WAV, MP3, OGG, FLAC, M4A
• Preview with one click
• Drag & drop onto tracks
• Works offline (stored locally)
All running in your browser. No account needed. 100% free & open source.
Try it → composeyogi.com
Star us ⭐ → github.com/AppsYogi-com/Comp…
#WebAudio #DAW #MusicProduction #OpenSource #JavaScript #ToneJS #NextJS
3
39
Jan 18
🥤 A beat machine made from recycling plant sounds.
Recycled Records by @MerlinDotStudio lets you sequence rhythms using samples from conveyor belts, crushers, and sorting lines. WebGL particles react to your mix in real time, and the whole thing exports to video without touching a server.
🔗 webgpu.com/showcase/recycled…
#WebGL #CreativeCoding #AudioVisualization #Tonejs #GenerativeArt
5
1
14
1,844
Jan 1
Todo código, nada de playlists. Pruébalo aquí:
👉 demoscanvasgemini.pablofelip…
Y toda la historia, aquí:
👉 linkedin.com/posts/pfelipm_c…
#CreativeCoding #WebAudio #IndoorCycling #ToneJS
1
4
283