Tag Archives: scratch

Scratch Activities, About the Stage, Draw with the Pen

When completing Scratch activities your students will benefit from understanding ordered pairs. This is a mathematical concept that is often not taught until the higher grades. However, it is knowledge that will help young programmers. It can be used to place sprites on the stage by setting the x and y values. It also helps when debugging scripts to determine why the positioning or movement is incorrect.

NOTE: The information in this blog article is from TechnoCode. TechnoCode includes Scratch activities that are ideal for beginners.

X and Y Coordinates

When you place a character on the stage, the Sprite pane shows x and y coordinates. They tell where the sprite is on the stage. If you drag the sprite, the numbers change because the position is now different.

Scratch activities

The X and Y coordinates tell where a sprite is on the stage.

Many Scratch coding blocks list x and y values. These coding blocks can be used to tell a character where to go on the stage.

go to x y  

How do you know the value of x and y? Where do you get the numbers?

About the Scratch Stage

You cannot see it – but the Scratch stage is divided into four parts. This is done using two number lines.

  • The x number line goes from left to right. It tells where a sprite is on the stage horizontally.
  • The y number line goes from top to bottom. It tells where a sprite is on the stage vertically.
  • The center of the stage is where the two number lines meet.
stage - Scratch activities for kids

The Scratch stage is divided into four parts.

What Is the X and Y Value?

Each part of the stage is made up of dots. Each dot has an x value and a y value that tell its location on the stage.

  • The x value tells you how many steps to move right or left from the center point. If the number is positive, move right. If it is negative, move left
  • The y value tells you how many steps to move up or down from the center point. If the number is positive, move up. If it is negative, move down.

Look at the picture below. Where is the dot on the stage? First, count across to get the x value. Then count up or down to get the y value. It is at x: 150, y: 100.

Scratch stage with dot

Where is the dot on the stage?

Where Is the Sprite on the Stage?

The x number line starts at -240 and ends at 240.

The y number lines starts at -180 and ends at 180.

By setting the x and y value for a coding block, you can place a sprite at a specific spot on the stage. For example:

  center of stage    x: 0 and y: 0

  right edge of stage    x: 240 and y: 0

  left edge of stage    x: -240 and y: 0

  top edge of stage    x: 0 and y: 180

  bottom edge of stage    x: 0 and y: -180

Scratch Activities for Kids – Use the Pen to Learn About X and Y

This activity is an excerpt from TechnoCode. The Scratch lesson includes four drawing activities designed to help students comprehend X and Y coordinates.

Drawing in Scratch is like doing a dot-to-dot puzzle. To draw a picture, build a script that puts the pen down at the first dot. Then move the pen from one dot to next. Try it!

Look at the picture of the Scratch stage. What are the x and y coordinates for each dot?

What are the X and Y values for each dot?

How to Draw a Square in Scratch

  1. Start a new Scratch project. Name it square.
  2. Select a sprite to use as a drawing tool.
  3. Resize the sprite to make it small.
  4. Delete Sprite 1.
  5. Click Add Extension. Select Pen.
  6. Build the script:

    About the script: Start when Go is clicked. Move to the first dot. Put the pen down to draw. Draw from one dot to another. See the square for 3 seconds. Erase the square.

Draw a square.

Scratch Activities – Sketch a Drawing

Drawing a picture in Scratch is like doing a dot-to-dot puzzle. In a dot-to-dot, each dot is numbered. A line joins one dot to the next. The lines form a picture.

Use your skills to make your own picture. Pick a suggestion or come up with your own idea.

  • triangle
  • rectangle
  • house
  • letter (T or E)
  • zig zag line

Download the Scratch Stage Worksheet

Download the Scratch Stage Worksheet. Sketch your idea for a drawing. Circle the “dot” at the beginning and at the end of each line. List the x and y values for each “dot” in the order they should be drawn.

TIP: Write pen up after a “dot” or x y value that should not have a line drawn to the next “dot” or x y value in the list.

Download the Scratch Stage Worksheet to plan your drawing.

Do You Need Help? Build the Script in Scratch

Are you stuck for ideas? If you are not sure what to draw, try building this script. What does it make? Use your coding skills to plan your own drawing.

letter

Want More Scratch Activities?

TechnoCode has over 30 assignments that explain step-by-step how to create animated scenes, games, and puzzles. Discover the fun you can have with Scratch!

TechnoCode

TechnoCode is jam-packed full of Scratch activities.

Coding Lessons for Scratch 3

Do you want coding lessons for Scratch 3? Great news! TechnoKids just published TechnoCode for Scratch 3. It is jam-packed full of programming activities for students in elementary and middle school.

Scratch 3 is an app that allows kids, especially those aged 8-16, to program their own creations by sequencing coding blocks together. It is a fun way to have students build scripts that control the movement and appearance of characters. It can be used to make interactive stories, games, puzzles, artwork, music, and more!

If you want your students to design their own unique programs, TechnoCode might be right for you. The coding lessons for Scratch 3 support independent learning. You can use the instructional materials to teach a coding unit, computer science class, or workshop series.

Whether you purchase TechnCode or design your own coding lessons for Scratch 3, make the instructional goal to develop a deep understanding of programming. To achieve this aim, divide each project into four parts: Exploration, Practice, Freestyle, and Reflection. This approach will gradually transform your students into programmers. Instead of mindlessly copying scripts, they will independently create their own unique programs.

coding lessons for scratch 3

Have students think like programmers.

Tips for Designing Coding Lessons for Scratch 3

Follow these tips to support the learning process:

Understand It, Before Building It

It is tempting to supply a bunch of scripts that students copy to make a project in Scratch. Instantly it appears as if you have a class full of programmers! Stories, games, and puzzles are quickly made. The downside to this approach is that students may not comprehend what they have built or why it works. When teaching programming to kids it is recommended that you begin with the basics and gradually build in complexity.

Exploration

To start, use guided discovery to develop an understanding of the function of coding blocks. When students are learning how to code, it is essential that they recognize the purpose of commonly used Scratch blocks. This knowledge will allow them to select the appropriate block and sequence instructions correctly to complete a task. This awareness also highlights creative possibilities when designing a project.

There are over 70 coding blocks in Scratch. They are organized in categories based on their purpose. If your students are beginners, they do not need to know them all. However, many are essential for building simple scripts. Use questioning techniques to help your students learn how to complete common tasks.

Not sure where to start? Consider the questions you can pose for the move 10 steps block:

  • From the Motion palette, can you find the block that will move a sprite 10 steps?
  • What happens if you change the number of steps to 200? Or -50?
  • How many steps does it take your sprite to walk across the stage?

Want help? TechnoCode includes introductory activities that have students discover the purpose of coding blocks. They explore the program to answer questions. This investigation helps students to construct their understanding of which blocks they can use to solve a problem or do an action.

Practice

Learning how to code, is like learning any other subject – it takes time and practice! Once students know the function of coding blocks, they can start to build scripts that have a specific purpose. TechnoCode has coding lessons for Scratch 3 with step-by-step instructions. The assignments explain how to sequence coding blocks to construct fun projects such as an animated scene or story.

When teaching how to code using Scratch 3, begin by demonstrating how to build a script. It is a good idea to use natural language during this task to explain what is happening at each step. For example, “When the green flag is clicked, the character will move ten steps to the right, say Hi, and then play a meow sound.”

scratch 3 script

Describe what will happen in the script.

Provide sample scripts that students can re-create. Afterwards, have them customize the settings, rearrange the order, or add additional blocks to personalize the action. This will help your students gain confidence as they thoughtfully build scripts. Repetition is important. Students cannot learn how to code by building a script only once.

Freestyle

Once students know how to sequence instructions they are ready to freestyle. Freestyle doesn’t mean randomly snapping together coding blocks. Happy accidents are great! It can be fun to get unexpected results that look fantastic when coding using Scratch 3. However, the instructional goal should be to have students intentionally build scripts.

Freestyle means uniquely applying coding skills to achieve a specific goal with limited guidance. This instructional approach has students develop their own method for completing a task. It gives them an opportunity to consolidate learning and transfer skills.

think like a programmer

Have students apply coding skills to build their own scripts.

When freestyling, the assignment could be open-ended. For example, “Create an animated scene”. However, if you are teaching beginners, this might be too broad. Instead, you may wish to narrow the focus of the activity. Provide students with a problem they must solve using their existing knowledge.

In TechnoCode, students are given freestyling challenges to complete. This helps students apply their coding skills in a new way. For example:

  • In your animated scene, the character makes a sound effect. Can you add a music track that plays throughout the entire scene?
  • In your story, the character sends a message to a friend using broadcasting. Can you add another object that does an action when the same broadcasted message is sent?
  • In your game, the character scores a point when it hits a target. Can you add another target that when touched causes the character to lose a point? Or can you add a second target that is worth more points?
  • Reflection

    Finally, the Scratch project is complete. Before moving onto the next coding project or curriculum unit, take the time to reflect upon the experience. This will provide students with the opportunity to acknowledge their success, recognize their progress, and generate new ideas for future learning. This can be done using a worksheet, coding journal entry, or Scratch project presentation.

    TechnoCode Has Coding Lessons for Scratch 3

    TechnoCode has coding lessons for Scratch 3. It is a technology project that uses this four part approach. The goal of the activities is not to simply make things in Scratch 3. Instead, the objective is to have students think like programmers as they develop coding solutions. Reviews, skill reviews, and extension activities support learning.

    Teaching Ideas for Programming with TechnoCode

    coding with Scratch

    TechnoKids’ newest release is TechnoCode, a technology project that introduces coding with Scratch to elementary and middle school students. It is an ideal project for Grades 4 and up. Jam-packed with programming activities, TechnoCode sparks an interest in computer science. Step by step instructions explain how to build animations, stories, games, art, music, and simulations.

    Empower students with real-world skills they can use in the workplace. The instructional materials in TechnoCode encourage students to think like programmers. Resources include sample videos to inspire imaginations, planning sheets with guiding questions to help design scripts, assessment tools to evaluate student work, and coding journal logs to reflect upon learning.

    Ideas for Implementation

    The TechnoCode project has students create animated scenes, construct mazes, broadcast stories, engineer games, design artwork, compose music, build a diorama, and more! The activities are suitable for any teaching situation. Select the option that works best for you and your students:

    • Coding Unit with Elementary Students: Assignments in Sessions 1-3 in TechnoCode are ideal for students new to Scratch. The activities are perfect for Grades 4 and up. Students design animations, create art, develop games, and compose music. The emphasis is on coding basics including how to build scripts, sequence commands, control action with if then conditions, and create simple loops. The activities focus upon directing movement, synchronizing sound, and understanding x and y coordinates.
    • Coding Unit with Middle School Students: Once students understand the fundamentals of coding in Sessions 1-3, they extend their learning in Sessions 4-6. The activities are ideal for students that understand the fundamentals and are ready for a challenge. The critical and computational thinking required is ideal for students in Grades 6-8. They produce a story, engineer a game, develop a treasure hunt, build a diorama, and remix a project. The emphasis is on having students manipulate the appearance of sprites, direct the timing of events with broadcasting, and create original artifacts using conditions, variables, and operators.
    • Scratch activities for kids.

      Build games using Scratch. Learn how to use variables to track the score.

    • Computer Science Course: TechnoCode has 25 assignments designed to ignite an interest in computer science. The focus is on thinking like a programmer. Each coding activity is divided into four parts – exploration, practice, freestyle, and reflection. Using a question and answer format, students discover the function of command blocks. Next, they follow guided instructions to build scripts. Afterwards, they apply their skills to complete open-ended challenges. Once a Scratch project is finished, students write a coding journal entry to reflect upon the experience.
    • Hour of Code: If you only have one class to teach coding there are many assignments in TechnoCode that can be used for this purpose. If your students are beginners, they can develop simple animations. Assignment 5 targets how to build a script, Assignment 6 explores directing movement, and Assignment 14 focuses upon changing the appearance of a sprite. If your students have existing knowledge of Scratch, the skill reviews in Sessions 2-5 are excellent challenges.
    • Coding Workshop Series: If you are running a workshop series as part of an after-school program or community event, then you will need to select assignments that fit the number of classes offered. As well, consider the age range and coding abilities of students.

    Coding with Scratch is highly addictive and fun! Your students will develop a host of essential technology skills as they create unique games, interactive stories, animations, and more!

    Add the A to STEM Education

    Educators agree that STEM education is essential to prepare students for the challenges of the 21st century workforce. The skills they learn in science, technology, engineering, and math subject areas also develop vital skills necessary for success: critical thinking, creativity, problem solving, and collaboration. Although there’s quite a debate about whether the A for the arts needs to be added to STEM to make STEAM or if it’s already there inherently, it’s evident that fine arts, language, and music play a key component in a curriculum to prepare young people to face the complex challenges of the future.

    steam career readiness

    The Arts are a vital part of STEM education

    Education Models for the Future

    Traditional school curriculum segregates studies into separate subject areas. However, project-based learning is an instructional approach that blends subjects. Students are faced with an authentic, meaningful, real world challenge. And these are non-Googleable questions! Students investigate a problem and propose viable solutions in an interdisciplinary study. Technology is commonly used as a tool. Whatever skills are required to solve the problem – math, science, language arts – must be learned and mastered. Students need to be able to think innovatively, plan, create, and communicate the resulting project. Usually STEM subject areas are needed, and students build valuable job skills such as computational thinking, initiative, perseverance, and communication.

    Where Do the Arts Appear?

    To answer these ‘big’ project-based challenges, students need to integrate the arts. Creative thinking and design are a central part of innovation. Being able to imagine an outcome, visualize a product, or communicate an abstract idea requires artistic skills integrated with multiple STEM skills.

    Here are a couple of examples of the arts integrated with STEM in the real world:

    STEM Education requires the Arts

    • Product Design
      Designing an innovative product may require engineering, mathematical, and scientific problem solving. But it also needs an attractive appearance to make an emotional connection to consumers. These are artistic decisions.
    • Advertising
      When a new product is brought to the market, communication skills are essential. Advertisers excel in persuasive writing. In addition, the creation of new logos requires a knowledge of graphic design. The success of a venture often depends on artistic choices.
    Arts and STEM education

    Infuse the arts into STEM education.

    The Arts in Computer Science

    We’ve been working with Scratch recently to develop a STEM project, TechnoCode, that teaches coding skills. The students will learn programming skills as they make animations, games, or interactive stories.

    Coding design decisions should be engaging so that the user who interacts with the finished product is intrigued and captivated. Also, artistic choices affect if the project is user friendly and fun to play. Some of the stylistic choices students need to make when programming include:

    • Drawing custom characters
    • Designing backgrounds
    • Adding sensory cues – motion, sound, visual – to build interest, express an idea, and hook the user
    • Creating “Game over” messages that encourage and entice the user to try again
    • Making scoring and timing decisions using aesthetic choices that appeal to players

    The brainstorming, problem-solving, and decision making involved in programming demand innovation and ingenuity in design choices. To foster the trailblazers of tomorrow, STEM education needs to acknowledge and incorporate the arts.