A quick, dirty, and ugly exportation of:
- Open WC's typescript, LitElement, Web Components starter app project generator. Often a little verbose as I was exploring the key concepts and approaches of the generator template. Quick dip into Web Audio and Streams API.
- A game designed to help my kids articulate the concept of higher or lower pitch in sound. As a child, no one explained this to me, and I remember not being offered music lessons at a Scottish primary school 🥲 simply because I couldn't yet match the words to the concept.
- It is not that great a game... so I will leave as is.
- It is made it for my mobile screen.
- It talks (one kid is to young to read).
HighOrLow.mov
To get started:
npm init @open-wc
# requires node 10 & npm 6 or higher
start
runs your app for development, reloading on file changesstart:build
runs your app after it has been built using the build commandbuild
builds your app and outputs it in yourdist
directorytest
runs your test suite with Web Test Runnerlint
runs the linter for your project
For most of the tools, the configuration is in the package.json
to reduce the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.