Giter VIP home page Giter VIP logo

synaesthesia's Introduction

Live demo: https://wheelibin.github.io/synaesthesia/

Intro

This is a little experiment with creating randomly generated music in the browser. It uses the amazing Tone.js (a wrapper around the Web Audio API).

All the sounds are generated using various Synth instruments from Tone.js, there are no samples.

How it works

The "song" is generated like so:

  • A key is chosen (root note and scale, e.g. A Minor)
  • A chord progression is generated for the key
  • A bassline is generated for the chord progression
  • A simple higher octave part is generated for the chord progression
  • Drums patterns for kick, snare, hihat, shaker, openhat are chosen to create percussion
  • A random BPM is chosen within a certain range
  • A random swing amount is chosen

All the elements are randomly chosen from various arrays, collections of instruments, and patterns.

The random number generator is seeded to allow recreation of the same randomly selected song.

Have a play

Live demo available here: https://wheelibin.github.io/synaesthesia/

Getting started

npm install
npm start

Credits

synaesthesia's People

Contributors

wheelibin avatar pfreema1 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.