Skip to content

A UI for exploring the harmonic series of sine waves. Done with Angular 2, @ngrx, Immutable.js

Notifications You must be signed in to change notification settings

seancmonahan/harmonics-explorer

 
 

Repository files navigation

Harmonic Series Explorer

This is a little Angular 2 application that can be used to explore the harmonic series of sine waves. You have a number of harmonics (sine waves with frequencies that are integer multiples of the base frequency) that you can control individually, and then listen to the result.

See demo

This also serves as an example codebase of the following tech stack:

  • Angular 2
  • @ngrx/store with hot loading
  • @ngrx/effects
  • Immutable.js
  • Angular Material 2
  • Web Audio
  • Canvas graphics

I've added various comments to the code so if you want to see how the project works, I hope you'll find everything you need.

Compiling

To compile change to the root directory and run

yarn

to install dependencies and

yarn run build

to build the files.

License

ISC License

Copyright (c) 2016, Tero Parviainen

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

About

A UI for exploring the harmonic series of sine waves. Done with Angular 2, @ngrx, Immutable.js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 80.0%
  • JavaScript 8.0%
  • HTML 7.9%
  • CSS 4.1%