Trending

#toneJS

Latest posts tagged with #toneJS on Bluesky

Latest Top
Trending

Posts tagged #toneJS

Video

๐Ÿง‘โ€๐Ÿ”ฌ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

0 0 0 0
Video

๐ŸŽš๏ธ slider 4: spins & jumps
#p5js #tonejs #interactiveart

0 0 1 0
Preview
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

1 0 0 1
Video

Hi mate! @editart_xyz sliders ๐Ÿ˜‰ become a synth mini score ๐ŸŽผ
Parachute waltz ๐Ÿช‚ soonโ€ฆ
testingโ€ฆ sound on ๐ŸŽน
#generative #NFTCommunity #p5js #tonejs

0 0 1 0
Dusting off silly ol' programs I made: Chromalphabet - Development Log #1
Dusting off silly ol' programs I made: Chromalphabet - Development Log #1 YouTube video by Cites and Sounds

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

2 0 0 0
Post image

plink foyd

maohee-dev.github.io/plink/

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

5 0 0 0
Post image

moogglyph

maohee-dev.github.io/moogglyph/

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

2 0 0 0
๐ŸŒŒ 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.

๐ŸŒŒ 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

5 0 0 0
Video

repost @ilginicozu on IG
Generative system studies #3

Made with javascript & GLSL
โ€ข
โ€ข
โ€ข
โ€ข
โ€ข
โ€ข
#digital #generative #algorithmic #creativecodeart #realtime #creativecoding #tonejs #audiovisualart #av

3 0 0 0
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 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

3 0 0 0
Post image

๐ŸŽจ 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

3 0 0 0
Post image

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

g.co/gemini/share...

6 0 0 0
Video

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".

0 0 1 0
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.

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...

4 0 0 0
Preview
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...

3 0 0 0
Post image

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

g.co/gemini/share...

6 0 0 0
Post image

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

g.co/gemini/share...

12 0 0 0
Preview
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...

6 0 0 0
Post image

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

6 0 0 0
Preview
โ€Ž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...

4 0 0 0
Preview
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...

2 0 0 0
Audio Reactive Cubes & Fractal

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

#webaudio #threejs #tonejs

0 0 1 0
Post image

not quite finished yet but Iโ€™m cooking #gamedev #tonejs

5 1 0 0
Preview
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! ๐ŸŽงโœจ
0 0 0 0
Preview
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! ๐ŸŽงโœจ
0 0 0 0
Video

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

0 0 0 0
Post image Post image

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.

2 0 1 0
Video

Crossfade audio over partitions
#javascript #tonejs

2 0 0 0