Tynker 101

Mrs. Hulstrom

Computer Science Home

6th Grade Tech Ed

7th Grade Computer Science

8th Grade Computer Science A

Gmail     
Google Drive    
Google Classroom

Infinite Campus

Typing.com
(Join Class through Google Classroom)

Schoology

Code.org

Tynker Coding Website

Tynker Resource Page

Tynker Online Support Video Help

Quizlet | Quizlet LIVE

Everfi

Khan Academy

Social Media Tips

Netsmartz

Code HS
Karel the Dog class code: 1251

CSTA Standards

ISTE Standards

Programming 101 Animation

Let’s get animated! In this lesson, students will learn the basics of animation by switching through multiple costumes in a loop. Additionally, students will learn how to control the speed of animation by using delays.

New Code Blocks

Objectives

• Use code blocks to animate Actors with simple costume handling
• Create simple animations

Students complete all Animation modules on their own:
1. Codey Causes Trouble (Video)

• Professor Ada tells students that they need to learn how to train Codey to catch Dr. Glitch.
• This module includes captions that are not read aloud by the software. Optional: Read the text to your students or ask for a volunteer to read.

• This module introduces three coding concepts:
  • "Wait" block- Sometimes, students will need to use a “wait” block in order to slow down the animation so they can see changes.
  • Switch/next costume- These two blocks switch to the next costume (picture) of an Actor, which makes the animation happen.
  • "Forever" block- The “forever” code block repeats the blocks inside it in an endless loop as long as the program is running.

• This module is an example of a project where Codey chomps down and eats whenever he is clicked or tapped! Tell students that they will create their own version of this project the next module.
• Tell students to tap (for mobile) or click (for web) the red button to move on to the next module.

• This module guides students through the process of creating a project similar to the one they viewed in the previous module.
• Tell students to follow the step-by-step directions to animate Codey by switching costumes and using delays.
• Optional: Reinforce the concept of animation by playing a short video about how classic cartoons are made or pass along a flip book (Note: You can create your own flip book using post-it notes). Explain to your students that switching between similar pictures of a character makes the character appear to be moving. The faster you switch between slightly different images, the smoother the animation looks.
• Bonus: Encourage students to try out different values for the “wait” blocks to see how the program changes.

• This module is an example of a project where Codey will follow your mouse-pointer (for web) or touch location (for mobile).
• Students will create their own version of this project in the next module.
• Tell students to tap (for mobile) or click (for web) the red button to move on to the next module.

• This DIY module explains how showing several pictures, or costumes, of Codey in different positions makes it look like he’s walking.
• Students are taught how to use the “if on edge, bounce” block to make sure Codey doesn’t leave the Stage.
• Check that students are connecting blocks inside the “forever” block, not outside of it.

• In this puzzle module, students will need to program Codey to follow the mouse-pointer (for web) or touch location (for mobile) to get all the jelly beans. Can they collect all the jelly beans before time runs out?!

• In this module, students will view a project where a bird flaps its wings and flies.

• Students will need to draw their own flying bird and add more costumes to their bird. Optional: Play the “Draw an Actor” video for your students. https://www.tynker.com/support/videos
• Are students struggling with their animation? Tell students to try dragging or re-ordering their bird drawings.
• On web, students can add a background by double-clicking on the Stage and then clicking “Add Background.” On mobile, students can add a background by tapping on the three dots on the Stage, selecting “Properties,” and then selecting “Add Background.”
• If students finish early, ask them to try the “Bonus” activity, which encourages students to make the bird fly back and forth across the Stage!

• Students will watch a short video where Codey alerts Ada of something conspicuous...could it be Dr. Glitch?

U.S. Standards

• K-12 CTSA Computer Science Standards (Revised 2017)
  Computer Science Teachers Association: 
  • 1B-AP-10
  • 1B-AP-11
  • 1B-AP-12
  • 1B-AP-15
  • 2-AP-12
  • 2-AP-13
  • 2-AP-15
  • 2-AP-16
  • 2-AP-17
  CCSS-Math: MP.1
  
• CCSS-ELA: RF.5.4.A, 6-8.RST.3, 6-8.RST.4, 6-8.RST.7
  
• CS CA: 3-5.AP.10, 3-5.AP.12, 3-5.AP.13, 3-5.AP.14, 3-5.AP.17, 6-8.AP.12, 6-8.AP.13, 6-8.AP.16, 6-8.AP.17
• ISTE: 1.c, 1.d, 4.d, 5.c, 5.d, 6.b