https://github.com/jberg/butterchurn Skip to content Sign up Sign up * Why GitHub? Features - + Mobile - + Actions - + Codespaces - + Packages - + Security - + Code review - + Project management - + Integrations - + GitHub Sponsors - + Customer stories- * Team * Enterprise * Explore + Explore GitHub - Learn and contribute + Topics - + Collections - + Trending - + Learning Lab - + Open source guides - Connect with others + The ReadME Project - + Events - + Community forum - + GitHub Education - + GitHub Stars program - * Marketplace * Pricing Plans - + Compare plans - + Contact Sales - + Education - [ ] [search-key] * # In this repository All GitHub | Jump to | * No suggested jump to results * # In this repository All GitHub | Jump to | * # In this user All GitHub | Jump to | * # In this repository All GitHub | Jump to | Sign in Sign up Sign up {{ message }} jberg / butterchurn * Notifications * Star 650 * Fork 47 Butterchurn is a WebGL implementation of the Milkdrop Visualizer butterchurnviz.com/ MIT License 650 stars 47 forks Star Notifications * Code * Issues 4 * Pull requests 3 * Actions * Security * Insights More * Code * Issues * Pull requests * Actions * Security * Insights master Switch branches/tags [ ] Branches Tags Nothing to show {{ refName }} default View all branches Nothing to show {{ refName }} default View all tags 6 branches 0 tags Go to file Code Clone HTTPS GitHub CLI [https://github.com/j] Use Git or checkout with SVN using the web URL. [gh repo clone jberg/] Work fast with our official CLI. Learn more. * Open with GitHub Desktop * Download ZIP Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching GitHub Desktop If nothing happens, download GitHub Desktop and try again. Go back Launching Xcode If nothing happens, download Xcode and try again. Go back Launching Visual Studio If nothing happens, download the GitHub extension for Visual Studio and try again. Go back Latest commit @jberg jberg render on internal canvas ... 6c4fabb Apr 4, 2021 render on internal canvas 6c4fabb Git stats * 188 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time .github/workflows Change output folder to dist Feb 12, 2021 config Remove extraImages, moved to butterchurn-presets Feb 12, 2021 examples Change output folder to dist Feb 12, 2021 experiments/wasm-eel Remove extraImages, moved to butterchurn-presets Feb 12, 2021 loaders Use more WASM (#47) Jan 25, 2021 src render on internal canvas Apr 4, 2021 .eslintrc Update eslint config and deps Sep 21, 2020 .gitignore Change output folder to dist Feb 12, 2021 LICENSE initial code commit Apr 23, 2018 README.md Add Syqel to README Feb 12, 2021 netlify.toml Support WASM Presets (#35) Sep 20, 2020 package.json Specify which browsers we support to remove some Babel transforms (# 58) Mar 1, 2021 yarn.lock update caniuse Mar 7, 2021 View code Butterchurn Try it out Usage Installation Create a visualizer Browser Support Integrations Thanks License README.md Butterchurn Butterchurn is a WebGL implementation of the Milkdrop Visualizer Try it out Screenshot of Butterchurn Usage Installation With yarn or npm installed, run $ yarn add butterchurn butterchurn-presets or $ npm install butterchurn butterchurn-presets Create a visualizer import butterchurn from 'butterchurn'; import butterchurnPresets from 'butterchurn-presets'; // initialize audioContext and get canvas const visualizer = butterchurn.createVisualizer(audioContext, canvas, { width: 800, height: 600 }); // get audioNode from audio source or microphone visualizer.connectAudio(audioNode); // load a preset const presets = butterchurnPresets.getPresets(); const preset = presets['Flexi, martin + geiss - dedicated to the sherwin maxawow']; visualizer.loadPreset(preset, 0.0); // 2nd argument is the number of seconds to blend presets // resize visualizer visualizer.setRendererSize(1600, 1200); // render a frame visualizer.render(); Browser Support Butterchurn requires the browser support WebGL 2. You can test for support using our minimal isSupported script: import isButterchurnSupported from "butterchurn/lib/isSupported.min"; if (isButterchurnSupported()) { // Load and use butterchurn } Integrations * Webamp, the fantastic reimplementation of Winamp 2.9 in HTML5 and Javascript, built by captbaritone * Butterchurn Extension, use Butterchurn to visualize the audio from any page * Rekt Networks, Live DJs, Archives & Exclusive Releases, built by Zei * mStream, your personal music streaming server, built by IrosTheBeggar * pasteur, trippy videos generated from your music, built by markneub * ChromeAudioVisualizerExtension, put on some music and turn your browsing session into a party! built by afreakk * Karaoke Forever, an open karaoke party system, built by bhj * Syqel, the World's Best AI Powered Music Visualizer Thanks * Ryan Geiss for creating MilkDrop * Nullsoft for creating Winamp * All the amazing preset creators, special thanks to Flexi License This project is licensed under the MIT License - see the LICENSE file for details About Butterchurn is a WebGL implementation of the Milkdrop Visualizer butterchurnviz.com/ Topics visualization webgl wasm music-visualizer webaudio-api reimplementation webgl2 assemblyscript Resources Readme License MIT License Packages 0 No packages published Used by 45 * @aerofuzz * @Awesome-King * @ruslauz * @nukeop * @LunatiikXD * @berschirker * @pinnet * @1oskaras + 37 Contributors 7 * @jberg * @captbaritone * @evoyy * @markneub * @bhj * @joshribakoff * @dhannyz Languages * JavaScript 84.4% * HTML 9.9% * TypeScript 5.7% * (c) 2021 GitHub, Inc. * Terms * Privacy * Security * Status * Docs * Contact GitHub * Pricing * API * Training * Blog * About You can't perform that action at this time. You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.