jberg / Butterchurn
Licence: mit
Butterchurn is a WebGL implementation of the Milkdrop Visualizer
Stars: ✭ 592
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Butterchurn
Playcanvas Ar
Fast and Easy Augmented Reality for the Web 🚀
Stars: ✭ 172 (-70.95%)
Mutual labels: webgl, webgl2
Glchaos.p
3D GPUs Strange Attractors and Hypercomplex Fractals explorer - up to 256 Million particles in RealTime
Stars: ✭ 590 (-0.34%)
Mutual labels: webgl, webgl2
Twigl
twigl.app is an online editor for One tweet shader, with gif generator and sound shader, and broadcast live coding.
Stars: ✭ 145 (-75.51%)
Mutual labels: webgl, webgl2
Webgl2examples
Rendering algorithms implemented in raw WebGL 2.
Stars: ✭ 353 (-40.37%)
Mutual labels: webgl, webgl2
Mesh.js
A graphics system born for visualization 😘.
Stars: ✭ 156 (-73.65%)
Mutual labels: webgl, webgl2
Engine
Oasis Engine is a web-first and mobile-first high-performance real-time development platform.
Stars: ✭ 2,202 (+271.96%)
Mutual labels: webgl, webgl2
Melonjs
a fresh & lightweight javascript game engine
Stars: ✭ 3,721 (+528.55%)
Mutual labels: webgl, webgl2
Player
Experience the fast and beautiful anti-aliased rendering of WebGL. You can create rich, interactive graphics, cross-platform applications and games without worrying about browser or device compatibility.
Stars: ✭ 13 (-97.8%)
Mutual labels: webgl, webgl2
Timechart
An chart library specialized for large-scale time-series data, built on WebGL.
Stars: ✭ 149 (-74.83%)
Mutual labels: webgl, webgl2
Detect Gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
Stars: ✭ 460 (-22.3%)
Mutual labels: webgl, webgl2
Tile based webgl deferredshader
WebGL2 Deferred Shading Demo
Stars: ✭ 165 (-72.13%)
Mutual labels: webgl, webgl2
Babylon.js
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
Stars: ✭ 15,479 (+2514.7%)
Mutual labels: webgl, webgl2
Hedgehog Lab
Run, compile and execute JavaScript for Scientific Computing and Data Visualization TOTALLY TOTALLY TOTALLY in your BROWSER! An open source scientific computing environment for JavaScript TOTALLY in your browser, matrix operations with GPU acceleration, TeX support, data visualization and symbolic computation.
Stars: ✭ 1,797 (+203.55%)
Mutual labels: webgl, webgl2
Sketch
Explorations on cross-hatching, engraving, and similar non-photorealistic rendering.
Stars: ✭ 136 (-77.03%)
Mutual labels: webgl, webgl2
Ray Tracing Renderer
[UNMAINTAINED] Real-time path tracing on the web with three.js
Stars: ✭ 444 (-25%)
Mutual labels: webgl, webgl2
Butterchurn
Butterchurn is a WebGL implementation of the Milkdrop Visualizer
Try it out
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
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].