Skip to content

Exploring LitElement and the Open WC template: Scrappy little game for kids to learn the difference between high and low notes.

License

Notifications You must be signed in to change notification settings

rc1/HighOrLowGame

Repository files navigation

High or Low Game

A quick, dirty, and ugly exportation of:

  1. 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.
  2. 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.
  3. It is not that great a game... so I will leave as is.
  4. It is made it for my mobile screen.
  5. It talks (one kid is to young to read).
HighOrLow.mov

Open-wc Starter App

Built with open-wc recommendations

Quickstart

To get started:

npm init @open-wc
# requires node 10 & npm 6 or higher

Scripts

  • start runs your app for development, reloading on file changes
  • start:build runs your app after it has been built using the build command
  • build builds your app and outputs it in your dist directory
  • test runs your test suite with Web Test Runner
  • lint runs the linter for your project

Tooling configs

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.

About

Exploring LitElement and the Open WC template: Scrappy little game for kids to learn the difference between high and low notes.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages