Light

teropa / harmonics-explorer Goto Github PK

View Code? Open in Web Editor NEW

213.0 8.0 17.0 93 KB

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

Home Page: http://teropa.info/harmonics-explorer/

JavaScript 5.61% TypeScript 83.45% HTML 8.38% CSS 2.56%

harmonics-explorer's Introduction

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.

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.

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.

harmonics-explorer's People

Contributors

Stargazers

Watchers

Forkers

neophyt3 mikeryandev bkinsey808 zhentian-wan frankhock freetomik nicolasandersen justmelnyc loooog imaginary seancmonahan loorlab markusbuchholz itspectre yetanotherfork fork2keep

harmonics-explorer's Issues

Unable to run project locally

Hello,

When trying to run project locally (git clone, npm install, npm run start), everything is compiled successfully, but when I go to localhost:8080, there remains only "Loading..." text and in browser console is following error:

TypeError: ctorParameters.map is not a function
http://localhost:8080/vendor.js line 1807 > eval
Line 61

Any help appreciated.

Unable to build project locally

Hello,

I am trying to build project locally. I clone it, run npm install, then npm run build and following error message appears:

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration has an unknown property 'htmlLoader'. These properties are valid:
   object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry, externals?, loader?, module?, name?, node?, output?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, stats?, target?, watch?, watchOptions? }
   For typos: please correct them.
   For loader options: webpack 2 no longer allows custom properties in configuration.
     Loaders should be updated to allow passing options via loader options in module.rules.
     Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader:
     plugins: {
       new webpack.LoaderOptionsPlugin({
         // test: /\.xxx$/, // may apply this only for some modules
         options: {
           htmlLoader: ...
         }
       })
     }

How to solve it, please?

license?

This is a great demo of a few different things. Thank you for sharing. I was wondering if you'd be willing to license it for reuse? MIT perhaps? ;) I'm particularly interested in your hmr implementation, which seems nice and clean.

If not, no worries, you've already taught me something, so thank you.

Cheers,
Daphne

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.