coderfin / tracking-training

Basketball Game Using Color Tracking

Basketball Game Using Color Tracking

Demo

• Find a yellow, cyan, or magenta colored object or print one of the colored hoops in the content folder.
• Launch https://coderfin.github.io/tracking-training/.
• Allow camera use.

About

This prototype basketball game was used for a work training. It does not represent a complete working game; there are bugs, quirks, and missing features.

Libraries Demonstrated

• tracking.js
• matter.js

Run

In order to run this project you need a web server running at the root directory. I like to use live-server for quick testing and live reload.

1. Download and install Node.js
   • https://nodejs.org
2. In Terminal (Mac) or Powershell (Windows) run the following commands:

   > cd { path/to/this/project }

   > npm install -g live-server

   > live-server

3. Open your browser to https://localhost:8080

This code has only been tested in version 51 of Chrome on a MacBook Pro