Lesson Planet
Search educational resources
  • Sign In Try It Free
  • AI Teacher Tools
    • Discover Resources Search reviewed educational resources by keyword, subject, grade, type, and more
    • Curriculum Manager (My Content) Manage saved and uploaded resources and folders To Access the Curriculum Manager Sign In or Join Now
    • Browse Resource Directory Browse educational resources by subject and topic
    • Curriculum Calendar Explore curriculum resources by date
    • Lesson Planning Articles Timely and inspiring teaching ideas that you can apply in your classroom
    • Our Story
    • Frequently Asked Questions
    • Testimonials
    • Contact Us
  • Pricing
  • School Access
    • Your school or district can sign up for Lesson Planet — with no cost to teachers
      Learn More
  • Sign In
  • Try It Free

Hi, what do you want to do?

Create a lesson plan
Create a lesson plan
Generate resources with 80+ AI teacher tools
Generate resources with 80+ AI teacher tools
Search 200,000 instructional videos
Search 200,000 instructional videos
Find a teaching resource
Find a teaching resource
Intro to Coloring Instructional VideoIntro to Coloring Instructional Video
Publisher
Khan Academy
Resource Details
Curator Rating
Educator Rating
Not yet Rated
Grade
5th - Higher Ed
Subjects
STEM
1 more...
Resource Type
Instructional Videos
Media Length
4:27
Audiences
For Teacher Use
1 more...
Instructional Strategies
Demonstration
2 more...
Technology
Internet Access
Accessibility
Closed Captions
Usage Permissions
Creative Commons
BY-NC-SA: 3.0
cc
Instructional Video

Intro to Coloring

Curated and Reviewed by Lesson Planet
This Intro to Coloring instructional video also includes:
  • JavaScript Guide
  • Join to access all included materials

Programming without color is like watching the Wizard of Oz in black and white, you understand what's going on, but you lose the visual impact of the story. Here, we learn to add color to the images we are coding. Background, fill, noFill, stroke, noStroke, and color functions are explored in this JavaScript video.

5 Views 3 Downloads

Concepts

javascript, computer code, Computer Programming, coding, computer drawing, animation, technology resources

Additional Tags

programming in java script, drawing and animation coding

Pros

  • Simple introduction to using different functions to add color to lines, objects, and backgrounds
  • Clear explanation 

Cons

  • None

See similar resources:

Instructional Video

The Power of the Docs, Intro to JS: Drawing and Animation, Computer Programming

Khan Academy
While learning to code is an interesting academic pursuit in its own right, it also has other learning benefits. For one, coders learn how to learn. They continually explore, test, and draw conclusions about how certain things work. The...
6 mins 5th - Higher Ed STEM
Instructional Video

Incrementing shortcuts, Computer Programming

Khan Academy
Text messages full of abbreviations can be easier to understand once you know what the letters stand for. The same goes for reading code because computer programmers always devise ways to reduce typing. One typical line of code that...
4 mins 6th - Higher Ed STEM
Lesson Plan

Mondrian - Primary/Secondary Color Study

Curated OER
Utilizing computer software, learners demonstrate the color spectrum. They investigate the life of the artist Piet Mondrian and define his style of artwork. Then they use Photoshop to recreate some of his designs while discovering the...
7th - 12th Visual & Performing Arts
Unit Plan

Teach Engineering: Waves: The Three Color Mystery

TeachEngineering
Students are presented with a challenge question concerning color blindness and asked to use engineering principles to design devices to help people who are color blind. Using the legacy cycle as a model, this unit is comprised of five...
9th - 10th STEM
Activity

Cell Membrane Color Sheet and Build a Cell Membrane

Teach Engineering
A cell of another color is still a cell. Pupils color a cell to identify its structures in the fourth segment of a seven-segment series. Groups work together to build a three-dimensional cell membrane segment, which is combined with...
9th - 12th Science
Activity

The Poor Cartographer—Graph Coloring

Computer Science Unplugged
Color the town red. Demonstrate the concept of graph theory with a task that involves determining the least number of colors needed to color a map so that neighboring countries are not represented by the same color. Pupils...
2nd - 12th STEM
Activity

DNA Forensics and Color Pigments

Teach Engineering
Use food coloring in electrophoresis. The last segment in a four-part series mimics DNA fingerprinting by using chromatography. Teams conduct chromatography on food coloring to find colors that use similar pigmentation in their makeup.
9th - 12th Science
Lesson Plan

Creating Functions with Parameters

Code.org
The pupils practice modifying parameters in a function to add variations to their under the sea scene. The resource also introduces random number functions that alter the scene every time the program runs.
9th - 12th STEM
Interactive

Project: What's for Dinner?

Khan Academy
This creative project may make your young programmers hungry as they practice their Java Script coding. The task is fairly open ended: add shapes using different shape functions, including the fill and stroke functions to add color and...
6th - Higher Ed STEM
Interactive

Challenge: Your First Painting App

Khan Academy
Ever wonder how those neat painting applications work? Completing this coding activity will give you some insight. First, starting with a simple function that draws a small circle as the mouse moves around the screen, adjust the function...
6th - Higher Ed STEM
Try It Free
© 1999-2026 Learning Explorer, Inc.
Teacher Lesson Plans, Worksheets and Resources

Sign up for the Lesson Planet Monthly Newsletter

Open Educational Resources (OER)

  • Health
  • Language Arts
  • Languages
  • Math
  • Physical Education
  • Science
  • Social Studies
  • Special Education
  • Visual and Performing Arts
View All Lesson Plans

Discover Resources

  • Our Review Process
  • How it Works
  • How to Search
  • Create a Collection

Manage Curriculum

  • Edit a Collection
  • Assign to Students
  • Manage My Content
Contact Us Site Map Privacy Policy Terms of Use