Lesson 5: Creating Art with Code
Overview
In this lesson, students will take control of the Artist to complete drawings on the screen. This Artist stage will allow students to create images of increasing complexity using new blocks like move forward by 100 pixels and turn right by 90 degrees.
Purpose
Building off of the students' previous experience with sequencing, this lesson will work to inspire more creativity with coding. The purpose of this lesson is to solidify knowledge on sequencing by introducing new blocks and goals. In this case, students learn more about pixels and angles using the new blocks, while still practicing their sequencing skills. Also, students will be able to visualize new goals such as coding the Artist to draw a square.
Agenda
Warm Up (10 min)
Main Activity (30 min)
Wrap Up (10 - 15 min)
Extended Learning
View on Code Studio
Objectives
Students will be able to:
- Create a program to complete an image using sequential steps.
- Break complex shapes into simple parts.
Preparation
- Play through the lesson to find any potential problem areas for your class.
- (Optional) Obtain protractors for your class to visualize the angles they must use to complete the puzzles.
- Print one Turns & Angles - Student Handout for each student.
Links
Heads Up! Please make a copy of any documents you plan to share with students.
For the Students
- Turns & Angles - Student Video
- Turns & Angles - Student Handout
- Think Spot Journal - Reflection Journal
Support
Report a Bug
Teaching Guide
Warm Up (10 min)
Introduction
Show the students one or both of the following videos as an introduction to angles:
Artist Introduction - Student Video (1.5 minutes long)
Turns & Angles - Student Video (2 minutes long)
Use the Turns & Angles - Student Handout to show the students interior versus exterior angles for different shapes. This document can be used as a hand out or you can choose to print it out as a poster for students to refer to.
Ask:
Discuss the square and triangle shapes from the document.
- How would you code a computer to draw that shape?
- What order do the instructions need to be in?
Tell the students that in these puzzles they will be moving a character who leaves a line everywhere he goes. The students will be writing code that gets the character to draw various shapes, including a square.
Main Activity (30 min)
Online Puzzles
In this set of puzzles, the artist will no longer be constrained to 90 degree angles. Having physical protractors available can be help students better visualize the angles they need. Otherwise, the stage provides images of the angles as the student selects which angle to use. (Please note: Angle choices are limited to two inside of the dropdown menu, reducing the number of options students have to work through.)
Before sending the students to the computers to work on the puzzles, it might be beneficial to give a brief presentation of how to use the tools in this level. We recommend puzzle 5 as a good puzzle to show how to use the protractor online.
The eighth puzzle asks the students to draw a 6 sided polygon. This might be challenging for some students. We recommend getting the students to try a few times, ask a peer, then ask the teacher for help. Below is an image that might be helpful for the students.
Wrap Up (10 - 15 min)
Journaling
Having students write about what they learned, why it’s useful, and how they feel about it can help solidify any knowledge they obtained today and build a review sheet for them to look to in the future.
Journal Prompts:
- What was today’s lesson about?
- How did you feel during today’s lesson?
- What are the interior angles that make up a square. What about for a triangle?
- Sketch a simple shape on your paper and imagine the code used to draw it. Can you write that code out next to the shape?
Extended Learning
Use these activities to enhance student learning. They can be used as outside of class activities or other enrichment.
The Copy Machine
- Give students two pieces of paper
- On one sheet draw a simple image, using straight lines only.
- On the second sheet draw instructions for recreating that image commands to move straight and turn at various angles.
- Trade instruction sheets and attempt to recreate the image using only the provided instructions.
Student Instructions
Free Play: This is Laurel the Adventurer! Move her around and get as much treasure as you can. Use the collect block to pick up the treasure!
Drag blocks into the workspace and try to figure out how to get treasure. Get at least one item to pass this level.
Student Instructions
Move Laurel to the treasure, then use the collect block to pick it up.
Student Instructions
"Sequence matters!"
The blocks you need are already in the workspace, but not connected.
Order these blocks to collect the treasure and solve the puzzle.
Student Instructions
"Sequence matters!"
The blocks you need are already in the workspace, but not connected.
Put these blocks in order to collect all of the treasure and solve the puzzle.
Student Instructions
"Help me collect each bit of treasure!"
These blocks are in the wrong order. Can you fix them?
Student Instructions
"Help me collect all of the treasure!"
These blocks are in the wrong order. Reorder them to collect all of the treasure.
Student Instructions
Challenge: "What is going on here?"
Even if we put these in the right order, there will still be some missing.
Use blocks from the toolbox to collect all of the treasure.
Student Instructions
"Keep up the good work! Help me collect all of the treasure."
Student Instructions
"Let's get all of the treasure!"
Student Instructions
Help Laurel collect all of the treasure.
Student Instructions
Look at this code carefully. What do you think will happen when the program runs?
Laurel will collect 4 pieces of treasure using this code.
Laurel will try to collect treasure where there is not any and it causes an error.
Laurel will collect all of the treasure.
I don't know.
Student Instructions
You're almost done!
Collect as many pieces of treasure as you can to finish the stage!
Student Instructions
Student Instructions
There are 20 pieces of treasure in this cave. Collect at least 10 to finish the challenge!
Standards Alignment
View full course alignment
CSTA K-12 Computer Science Standards (2017)
AP - Algorithms & Programming
- 1A-AP-09 - Model the way programs store and manipulate data by using numbers or other symbols to represent information.
- 1A-AP-11 - Decompose (break down) the steps needed to solve a problem into a precise sequence of instructions.
- 1A-AP-14 - Debug (identify and fix) errors in an algorithm or program that includes sequences and simple loops.
Cross-curricular Opportunities
This list represents opportunities in this lesson to support standards in other content areas.
Common Core English Language Arts Standards
L - Language
- 2.L.6 - Use words and phrases acquired through conversations, reading and being read to, and responding to texts, including using adjectives and adverbs to describe (e.g., When other kids are happy that makes me happy).
SL - Speaking & Listening
- 2.SL.1 - Participate in collaborative conversations with diverse partners about grade 2 topics and texts with peers and adults in small and larger groups.
Common Core Math Standards
G - Geometry
- 2.G.1 - Recognize and draw shapes having specified attributes, such as a given number of angles or a given number of equal faces.5 Identify triangles, quadrilaterals, pentagons, hexagons, and cubes.
MP - Math Practices
- MP.1 - Make sense of problems and persevere in solving them
- MP.2 - Reason abstractly and quantitatively
- MP.4 - Model with mathematics
- MP.5 - Use appropriate tools strategically
- MP.6 - Attend to precision
- MP.7 - Look for and make use of structure
- MP.8 - Look for and express regularity in repeated reasoning
OA - Operations And Algebraic Thinking
- 2.OA.1 - Use addition and subtraction within 100 to solve one- and two-step word problems involving situations of adding to, taking from, putting together, taking apart, and comparing, with unknowns in all positions, e.g., by using drawings and equations with a sy
Next Generation Science Standards
ETS - Engineering in the Sciences
ETS1 - Engineering Design
- K-2-ETS1-1 - Ask questions, make observations, and gather information about a situation people want to change to define a simple problem that can be solved through the development of a new or improved object or tool.
- K-2-ETS1-2 - Develop a simple sketch, drawing, or physical model to illustrate how the shape of an object helps it function as needed to solve a given problem.
- K-2-ETS1-3 - Analyze data from tests of two objects designed to solve the same problem to compare the strengths and weaknesses of how each performs.