bensonruan / Color-Tracking

Color Tracking with tracking.js

Color Tracking

Color Tracking using javascript library tracking.js

Live Demo

https://bensonruan.com/color-tracking-with-tracking-js/

Installing

Clone this repository to your local computer

https://github.com/bensonruan/Color-Tracking.git

Point your localhost to the cloned root directory

Browse to http://localhost/index.html

Start Color Tracking

• Tracking colors in the selected image with bounding boxes
• Pick new color from color picker or from the image
• Add selected color for tracking

Default tracking colors

By default tracking.js color tracker provides out of the box three default colors, they are: magenta, cyan and yellow.

Library

• jquery - JQuery
• tracking.js - JavaScript library for real-time color tracking, face detection
• color-picker - color picker plugin written in pure JavaScript
• rangeslider.js - jQuery polyfill for the range slider element
• broiler.js - jQuery plugin to get the color of an image pixel by click

Support me