https://github.com/zachwinter/kaleidosync Skip to content Sign up * Product + Features + Mobile + Actions + Codespaces + Packages + Security + Code review + Issues + 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 [ ] * # 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 {{ message }} zachwinter / kaleidosync Public * Notifications * Fork 45 * Star 595 A WebGL Spotify visualizer made with Vue, D3, and Three.js. www.kaleidosync.com 595 stars 45 forks Star Notifications * Code * Issues 8 * Pull requests 3 * Actions * Projects 0 * Wiki * Security * Insights More * Code * Issues * Pull requests * Actions * Projects * Wiki * Security * Insights This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository. master Switch branches/tags [ ] Branches Tags Could not load branches Nothing to show {{ refName }} default View all branches Could not load tags Nothing to show {{ refName }} default View all tags 4 branches 0 tags Code Latest commit @zachwinter zachwinter Merge pull request #63 from zachwinter/dependabot/ npm_and_yarn/three-... ... 7256614 Feb 23, 2022 Merge pull request #63 from zachwinter/dependabot/npm_and_yarn/ three-... ...0.137.0 Bump three from 0.121.1 to 0.137.0 7256614 Git stats * 199 commits Files Permalink Failed to load latest commit information. Type Name Latest commit message Commit time public 6.1.3 Jan 7, 2021 server 6.2.3 Sep 4, 2021 src Merge pull request #66 from r-Larch/ux-improvement Feb 23, 2022 .browserslistrc 6.0.0 Dec 31, 2020 .eslintrc.js 6.0.0 Dec 31, 2020 .gitignore 6.0.0 Dec 31, 2020 .npmrc Legacy. Sep 5, 2021 README.md 6.1.5 Jan 11, 2021 babel.config.js 6.1.3 Jan 7, 2021 package-lock.json Merge pull request #63 from zachwinter/dependabot/npm_and_yarn/ three-... Feb 23, 2022 package.json Bump three from 0.121.1 to 0.137.0 Jan 27, 2022 vue.config.js Updated. Sep 4, 2021 View code [ ] kaleidosync Try it out at www.kaleidosync.com! Background Running Locally Changelog Version 6.1 Version 6.0 Version 5.5 Version 5.4 Version 5.3 Version 5.2 Version 5.1 Version 5.0 Version 4.0 Version 3.0 Version 2.0 Version 1.0 README.md kaleidosync A WebGL Spotify visualizer made with Vue, D3, and Three.js. Try it out at www.kaleidosync.com! Background The Echo Nest represents the comprehensive algorithmic analysis of music. Having been acquired by Spotify, their analysis resources are available via the Spotify API. Each song within Spotify's library has been fully analyzed: broken up into individual beats, segments, tatums, bars, and sections. There are variables assigned to describe pitch, timbre, and more esoteric descriptors like mood and "danceability." It's even possible to derive realtime volume information, all without processing the audio stream directly. This project is my take on using this data to produce visual experiences using the power of WebGL. Running Locally As of version 6.0.0 you won't be able to run this project locally in any reasonable/useful way due to how coupled it is with my (unpublished) shader authoring tools. If you absolutely must get this running on your machine, feel free to reach out to me and I'll walk you through the hurdles and what you'll need to build in order for it to be useful. Changelog Version 6.1 * Introduces dev mode, allowing live-editing of shaders and the creation of editable uniforms. Version 6.0 * Complete re-write. * Sketches have been removed from the codebase and are now stored in a database. * New architecture connects directly with my visualizer authoring tools, enabling the publishing of new visualizers with the push of a button. * Leverages the Spotify Web Playback SDK (when available), and falls back to legacy polling in browsers that are unsupported. Version 5.5 * Cleanup / bug fixes. * There are now 8 visualizers to choose from. Version 5.4 * Reduces the complexity of adding new visualizers. * Reverts back to the traditional polling when running the dev server. * Surfaces a control interface for WebGL scenes. Version 5.3 * There are now 7 visualizers to choose from. Version 5.2 * Refactor / rate limit debugging. Version 5.1 * There are now 6 visualizers to choose from. Version 5.0 * Major refactor. * There are now 5 visualizers to choose from. * Includes an interface for rendering fragment shaders. Version 4.0 * Project backbone has been abstracted away into its own library, spotify-viz. * Adoped @vue/cli for the UI layer. * There are now 4 visualizers to choose from. * User settings now persist when revisiting the site. * More graceful error handling and authentication flow. * This project now fully represents what's hosted on www.kaleidosync.com, instead of the bare-bones implementation that it was before. Version 3.0 * Complete refactor with no front end dependencies. * Transitioned to webpack from gulp. * Reactive data store using ES6 Proxies, semi-inspired by Vuex. * (Hopefully) less spaghetti and more comments. Version 2.0 * Re-implemented with requestAnimationFrame() * Now mobile-friendly, even on older devices. * Improved tweening. * Adjusts itself on window resize. * More accurate syncing with Spotify, including automatic self-correction. Version 1.0 * Holy shit, it's working... kind of. About A WebGL Spotify visualizer made with Vue, D3, and Three.js. www.kaleidosync.com Resources Readme Stars 595 stars Watchers 14 watching Forks 45 forks Releases No releases published Packages 0 No packages published Contributors 3 * @zachwinter zachwinter Zach Winter * @r-Larch r-Larch Rene Larch * @dependabot[bot] dependabot[bot] Languages * Vue 73.5% * JavaScript 25.4% * Other 1.1% * (c) 2022 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.