Latest posts tagged with #tonejs on Bluesky
Generative sound design for visual data created with #p5js + #Tonejs 🍂🔊
-p5: frame difference algorithm. Visual interface
-Tone: piano, music box, polysynth, and DAW 🎶
Video by Martina Tomsic.
#generativeart #creativecodeart #soundart #autumn
🧑🔬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 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 #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...
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...
Neurocrypts Game (Psychedelic)
#React #JavaScript #CreativeCoding #GenerativeArt #PsychedelicArt #InteractiveArt #CanvasAPI #ToneJS #AudioVisual #DigitalArt #Animation #Trippy
g.co/gemini/share...
Synthetic Shamanism
#SyntheticShamanism #ReactJS #WebAudio #ToneJS #DigitalArt #InteractiveArt #GenerativeArt #ParticleSystem #DataVisualization #CreativeCoding #AudioVisualization #ConsciousnessArt #NeuroInterface #MindMachine #PsychedelicArt #VisionQuest #BiofeedbackArt
claude.ai/public/artif...
Drone reworks
Audio files and visualiser in three.js
thisisnotlondon.com/audio/index3...
#webaudio #threejs #tonejs
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
