Giter Site home page Giter Site logo

gro's Introduction

GRO

GRO is a dynamic musical composition for web browsers.

Five audio loops of differing lengths are stacked together to create an effect similar to Phasing or Euclidean Rhythm.

Initial parameters (such as the key and the tempo) change slightly with every page load, and the volume of each loop continuously fluctuates.

The result is a pleasant drone and a simple melodic phrase that subtly evolves over time.

The piece should play on any recent device with any major web browser except IE. Chrome is recommended.

Process & Credits​

Pipe organ samples provided by the Leeds Town Hall Organ, as captured by Samplephonics and Dr. Simon Lindley.

Loops created with Ableton Live 9.

Musical arrangement created with JavaScript and the Web Audio API.

JavaScript implementation of the Schroeder-based "Freeverb" taken from TONE.js.

Stereo Panner Polyfill created by @mohayonao.

CSS Normalization pulled from Tachyons.io.

Inspiration & Advice provided by @tambien, @jakealbaugh, @wizgrav, and @wam.

Troubleshooting

If you experience glitches or playback issues, make sure that you aren't simultaneously running other dynamic web pages or applications, and make sure your browser is up to date.

If you still experience trouble, please file an issue here on Github.

License

MIT

gro's People

Contributors

badfrienddigital avatar

Stargazers

 avatar

Watchers

 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.