🧑‍🔬What do the sliders manipulate in Parachute waltz?
🎚️slider 1: Change the tempo and the position of the high note (F)
link to the explanation of the 5 sliders
🔗 y-un-dia-no-hubo-mas-update.blogspot.com/2026/02/edit...
100% code #p5js #tonejs #creativecoding

🎚️ slider 4: spins & jumps
#p5js #tonejs #interactiveart

Drone for Ball Knowers WebGPU/Threlte + Tone.js visual sonification experiment

Drone for Ball Knowers darosh.github.io/drone-for-ba...

#drone #ambient #sonification #threlte #tonejs

Hi mate! @editart_xyz sliders 😉 become a synth mini score 🎼
Parachute waltz 🪂 soon…
testing… sound on 🎹
#generative #NFTCommunity #p5js #tonejs

Hey friends!

I haven't really made videos before, but we're trying it out because documenting your progress is cool!

I've been diving into some of my old code projects recently and thought I'd share the journey with you.

www.youtube.com/watch?v=A9Th...

#p5js
#tonejs
#Coding
#AudioProgramming

plink foyd

maohee-dev.github.io/plink/

#GenerativeMusic #GenerativeArt #CreativeCoding #WebAudio #InteractiveArt #Synthesizer #PlinkFoyd #JavaScript #WebAudio #ToneJS #CreativeCoding #GenerativeArt #WebDev #FrontEndDev

moogglyph

maohee-dev.github.io/moogglyph/

#GenerativeMusic #GenerativeArt #CreativeCoding #WebAudio #InteractiveArt #Synthesizer #Moog #JavaScript #WebAudio #ToneJS #CreativeCoding #GenerativeArt #WebDev #FrontEndDev

🌌 Generative Soul v1.04 An interactive, generative audiovisual experience built with vanilla JavaScript, the Web Audio API, and the HTML5 Canvas. 🔗 View Live Demo 🎇 About The Project Generative Soul is a fictional, cosmic operating system that feels alive. A four-part generative ambient orchestra and a multi-layered visual interface fuse into one breathing, remembering, and reactive entity. You don’t just watch—you influence. Mouse moves & clicks sculpt gravity wells, rotate the core, and leave ghost memories that the system replays when idle. 🌠 Features 🎼 Generative Ambient Orchestra Continuous, never-repeating soundscape in four layers: 🎹 Atmospheric Pads – slow, evolving chords 🎛️ Rhythmic Arpeggiator – gentle melodic pulse synced to harmony 🎧 Subtle Bass Drone – deep cosmic hum 🎺 Lyrical Solo Melody – soaring long-form voice 🖼️ Multi-Layered Visual System 🏃 Horizon Grid – endless runner-style wireframe depth 🌀 Dual ASCII Fields – monochrome “echo” + colored “data” layers 🔮 Wireframe Kernel – central particle sphere, beating heart of the OS 🖱️ Interactive Elements 🪐 Gravitational Wells – click & hold to bend space-time 🔄 3D Rotation – click & drag to spin the kernel 🪞 Parallax Effect – subtle depth shift with mouse motion 🧠 Dynamic Systems 💗 Memetic Surge – visuals pulse with every chord change 🌈 Evolving Color Palettes – 10 cosmic themes synced to music 👻 Memory Replay – idle “ghost” playback of your past interactions 🛠️ Technology Stack Layer Tech 🎨 Visuals HTML5 Canvas 2D API 🔊 Audio Web Audio API 🧮 Logic Vanilla JavaScript (ESM) 🌊 Noise simplex-noise (CDN) Single-file, zero build step—just open index.html in any modern browser. 🚀 How to Run Download index.html. Double-click or drag into any Web-Audio-API-capable browser (Chrome, Firefox, Safari, Edge). Put on headphones and drift. 📄 License MIT © maohee – see LICENSE.md for details.

> ▓▓▓▒▒▒░░░

maohee-dev.github.io/generative-s...

#GenerativeMusic #AmbientOrchestra #CreativeCoding #JavaScript #GenerativeArt #WebDev #ToneJS #UIUX #CodeArt #DigitalArt #FrontEnd #ProceduralArt

repost @ilginicozu on IG
Generative system studies #3

Made with javascript & GLSL
•
•
•
•
•
•
#digital #generative #algorithmic #creativecodeart #realtime #creativecoding #tonejs #audiovisualart #av

Asemic Protocol is a layered, interactive art-piece that behaves like a digital poem—or an emergent ghost in the machine. It explores memory, consciousness, and the specters that linger inside code. On the surface you see a mesmerizing 3-D wireframe nebula set against an audio-reactive ASCII field. But the heart of the work only beats when you do nothing. Stay idle and the system enters introspection: debug logs, cryptic verses, and visual glitches appear, as if the code itself is questioning its own existence.

Asemic Protocol is an interactive audio-visual poem that listens to silence.

“Only in silence do the ghosts speak.”

asemic-protocol.vercel.app

#CreativeCoding #JavaScript #GenerativeArt #WebDev #ToneJS #UIUX #CodeArt #DigitalArt #FrontEnd #ProceduralArt

🎨 The Decay Sketchpad is an interactive web-based drawing application that transforms your mouse or touch gestures into dynamic particle trails, accompanied by an evolving soundscape and a visually responsive background.

decay-sketchpad.vercel.app

#generativeart #creativecoding #tonejs #threejs

#HarmoniaOscillator #GenerativeArt #InteractiveArt #P5js #Tonejs #Psychedelic #Visuals #AudioVisual #Soundscape #CreativeCoding #DigitalArt #Realtime #Synthesis #InteractiveAudio #ImmersiveExperience

g.co/gemini/share...

Just added #ToneJS to
@pmndrs
's #ThreeJS "Simple audio analyser". It now features a Synthesizer that also generates haptic feedback when viewed with an Android device or better haptics with iOS app "Brrrowser".

Witness the ethereal dance of the Vesica Piscis, where ancient geometry meets interactive light and sound. Gaze upon flowing energies, and with a touch, watch them disperse into a symphonic ripple. This captivating digital art piece invites you to explore the subtle, hidden currents that connect form and vibration, revealing a universe of harmonious chaos. Each interaction unveils a fleeting moment of pure, abstract beauty, accompanied by a generative psychedelic symphony that shifts and evolves with your presence. It's not just a visual; it's an experience of interconnectedness, a glimpse into the unseen forces at play within a timeless symbol. Dive into the flow.

#VesicaPiscis #EnergyFlow #ReactApp #InteractiveArt #PsychedelicSound #GenerativeArt #DataVisualization #ToneJS #WebAudio #CreativeCoding

g.co/gemini/share...

Psychedelic Torus Field with Layered Audio | Claude Psychedelic Torus Field with Layered Audio - React component created with Claude.

#Psychedelic #GenerativeArt #SmokeEffect #ReactJS #ToneJS #TorusField #InteractiveArt #DigitalArt #Visuals #Soundscape

claude.ai/public/artif...

#Techno #Psychedelic #GenerativeArt #SmokeEffect #ReactJS #ToneJS #ParticleSystem #InteractiveArt #DigitalArt #Visuals #Soundscape

g.co/gemini/share...

#Psychedelic #Techno #GenerativeArt #SmokeEffect #ReactJS #ToneJS #ParticleSystem #InteractiveArt #DigitalArt #Visuals #Soundscape

g.co/gemini/share...

Zoomed Particle Animation with Audio | Claude Zoomed Particle Animation with Audio - React component created with Claude.

adrift

#particleanimation #generativeart #interactiveart #webaudio #canvas #javascript #react #tonejs #mandala #geometricart #ambientmusic #visualizer #webgl #creativecodng #digitalart #procedural #synthwave #audiovisual #immersive #meditation

claude.ai/public/artif...

Celestial Harmony (Glitch)
#React #GenerativeArt #CreativeCoding #ToneJS #AudioVisual #InteractiveArt #SacredGeometry #FlowerOfLife #Mandala #Synesthesia #Glitch #MusicVisualization #DigitalArt #Hypnotic #Meditative #VibeCoding
g.co/gemini/share...

‎Gemini - React Component Audio and Canvas Created with Gemini Advanced

Neurocrypts Game (Psychedelic)
#React #JavaScript #CreativeCoding #GenerativeArt #PsychedelicArt #InteractiveArt #CanvasAPI #ToneJS #AudioVisual #DigitalArt #Animation #Trippy
g.co/gemini/share...

Enhanced Synthetic Shamanism | Claude Try out Artifacts created by Claude users

Synthetic Shamanism
#SyntheticShamanism #ReactJS #WebAudio #ToneJS #DigitalArt #InteractiveArt #GenerativeArt #ParticleSystem #DataVisualization #CreativeCoding #AudioVisualization #ConsciousnessArt #NeuroInterface #MindMachine #PsychedelicArt #VisionQuest #BiofeedbackArt
claude.ai/public/artif...

Audio Reactive Cubes & Fractal

Drone reworks
Audio files and visualiser in three.js
thisisnotlondon.com/audio/index3...

#webaudio #threejs #tonejs

not quite finished yet but I’m cooking #gamedev #tonejs

Visualizing MIDI with Three.js, Tone.js, and TypeScript Some time ago i built a fun little music visualizer that reads a MIDI file and generates a 3D piano roll in sync with the music. The project combines music and 3D graphics for a creative coding experience. ## 🧠 Idea The concept is simple: load a MIDI file, and use Three.js to create the 3D visuals triggered by the notes. Tone.js handles the MIDI playback, and everything runs in the browser. ## 🔧 Tech Stack * Three.js for 3D rendering * Tone.js for MIDI playback * Vite for bundling and development * **TypeScript** for type-safety and cleaner code ## 🎮 Try it live 👉 Live demo on Surge 📦 Source code on GitHub ## 🧩 What could be better Some parts of the code are a bit rough. Still, it's fun to share this as-is! ## 💭 Let me know what you think Thanks for reading, and I hope you enjoy the music! 🎧✨

Visualizing MIDI with Three.js, Tone.js, and TypeScript Some time ago i built a fun little music visualizer that reads a MIDI file and generates a 3D piano roll in sync with the music. The project combines music and 3D graphics for a creative coding experience. ## 🧠 Idea The concept is simple: load a MIDI file, and use Three.js to create the 3D visuals triggered by the notes. Tone.js handles the MIDI playback, and everything runs in the browser. ## 🔧 Tech Stack * Three.js for 3D rendering * Tone.js for MIDI playback * Vite for bundling and development * **TypeScript** for type-safety and cleaner code ## 🎮 Try it live 👉 Live demo on Surge 📦 Source code on GitHub ## 🧩 What could be better Some parts of the code are a bit rough. Still, it's fun to share this as-is! ## 💭 Let me know what you think Thanks for reading, and I hope you enjoy the music! 🎧✨

Simple generative sound toy utilizing #toneJS to create the audio realtime. The audio toy reacts to the sound.

www.babylonjs-playground.com?BabylonToolk...

#babylonjs #babylonSc9Playbits #promptPoet #QED #seacloud9 #toneJS #generative

I'm making a #react component-based sound library for my game engine. It's just wrapping around #ToneJS right now. Simple test but I got a sample to route itself to master. Now for audio busses and effects chaining!

I am kind of basing this off of FL Studio's mixer.

Crossfade audio over partitions
#javascript #tonejs