Drawing with Color Finder

Use the color finder to let the sprite know to start drawing when it sees a certain color in the webcam. Set a color to find, and when it shows up in the webcam video, the sprite will draw! Build upon this starter project to create something even more exciting. Sprite creds to Alexandra Zutto.

Download the project and launch Cognimates!

Have you implemented a Drawing with Color Finder activity? Have feedback to share? Questions about how to get started? Get in touch!

Here is a tutorial to get you started:

  • Step 1: Start by loading the project.

  • Step 2: This project allows you to draw using our color tracking extension!

  • Step 3: When the webcam sees a certain color, the sprite will draw a line. It will stop drawing when the color disappears. Right now, the code says to start drawing when the computer sees green, and stop once it doesn't. See what happens when you put a green object in front of your camera!

  • Step 4: Edit the code so that the sprite draws when you see other colors like red or blue.
    How does the program know whether or not there's a certain color in the frame? Think about how computers might recognize the color, and how it decides that there's enough green to have the sprite start drawing.

Drawing with Color Finder at a Glance