Witty.ca - Mr. Rich's Professional Archives

  • Home
    • Lunch
    • Support
    • Intro
    • Cyber
    • Newest
    • Hour of Code
  • Courses
    • DMS 2023-2024 >
      • Tech and Design 6
      • Tech and Design 7
      • Tech and Design 8
    • -----------------------
    • DMS Archive 2022-2023 >
      • Tech and Design Grade 6 2022-2023
      • Tech and Design Grade 7 2022-2023
      • Tech and Design Grade 8 2022-2023
    • DMS Archive 2021-2022 >
      • Tech and Design Grade 6 2021-22
      • Tech and Design Grade 7 2021-22
      • Tech and Design Grade 8 2021-22
    • HCS Archive 2015-2016 >
      • HCS'15 Media Studies 120
      • HCS'15 Nutrition for Healthy Living 120
      • HCS'15 Visual Art 9
      • HCS'16 Intro to Electronics 110 >
        • Purchasing a Computer in 2016 >
          • HCS'15 Visual Art 110/120
      • HCS'16 Housing & Design 120
      • HCS'16 Visual Arts 10
      • HCS Winter Decoration Ideas
    • HCS Archive 2014-2015 >
      • HCS'15 - Digital Production 12
      • HCS'15 - Graphic Art & Design 11
      • HCS'15 - Media Studies 12
      • HCS'15 - Visual Art 10
      • HCS'14 - BBT 10
      • HCS'14 - Info Tech 11/12
      • HCS'14 - Visual Art 9
      • HCS'14 - Visual Art 11/12
      • HCS Art Club
      • HCS Announcement Text
    • HCS Archive 2013-2014 >
      • HCS'14 - English 12
      • HCS'14 - Graphic Design 11
      • HCS'14 - Individual & Family Dynamics 12
      • HCS'14 - Info Tech 12
      • HCS'14 - Social Studies 8
    • Student Introduction Form
  • Tech Units
    • Safety & Citizenship >
      • Work Place Safety
      • Digital Safety & Citizenship
      • Digital Communication
      • Digital Rights & Responsibilities
      • Digital Etiquette
      • Digital Wellness
      • Digital Business
      • Digital Access
      • Digital Literacy
      • Digital Law
    • Scratch Coding >
      • Scratch Explained
      • Scratch 3 - Crossy Road 1
      • Scratch 3 - Crossy Road 2
      • Scratch 3 - Teacher Notes
      • OLD - Scratch 2 (Coding) >
        • Scratch 2 - Introduction to Coding
        • Scratch 2 - How to
        • Scratch 2 - Introduction
        • Scratch 2 - Frogger (p1)
        • Scratch 2 - Frogger (p2)
        • Scratch 2 - Frogger (p3)
        • Scratch 2 - Frogger (p4)
        • Scratch 2 - Frogger (p5)
        • Scratch 2 (Coding) >
          • Scratch 2 - A 2nd Project
          • Scratch 2 - Teacher Notes
          • Scratch 2 - Choosing another language
      • OLD - Scratch 1 (Coding) >
        • Scratch 1 (Coding)
        • Scratch (Scripts 1 & 2)
        • Scratch (Script 3)
        • Scratch (Frogger)
        • Scratch (Frogger 2)
        • Scratch (Frogger 3)
        • Scratch (Frogger 4)
        • Scratch Mini-Challenge 1
        • Scratch Final Project
        • Notes for Teachers >
          • Teaching Scratch
    • Graphic Design with Inkscape >
      • Graphic Design Overview
      • Inkscape Act.1
      • Inkscape Act.2
      • Inkscape Act.3
      • Inkscape Act.4
      • Inkscape Act.5
      • Inkscape Act.6
      • Inkscape Bonus Challenge
    • Photoshop with The GIMP >
      • GIMP Overview
      • GIMP Install & Setup
      • GIMP Activity 0
      • GIMP Activity 1
      • GIMP Activity 3
      • GIMP Activity 4a
      • GIMP Activity 4b
      • GIMP Activity 6b
      • GIMP Activity 6e/f
      • GIMP Final Project - Cereal-Box
      • GIMP Final Project - Magazine Cover >
        • HCS'16 Graphic Art & Design 110
      • GIMP Bonus Assignment
      • GIMP Marking Breakdown
      • Raster Graphics Explained
      • Old GIMP Activities >
        • GIMP Activity 2
        • GIMP Activity 6a
        • GIMP Activity 6c
        • GIMP Activity 6d
    • Excel
    • Sewing
    • Audio / Video >
      • Videography
      • Sound (Audacity)
      • Video (One Minute PSA)
      • Make a Movie Trailer
      • Blender Video Editor - Test
    • Automotive >
      • Auto - Careers
      • Auto - Engines
      • Auto - 4-Stroke vs 2-Stroke
    • Coding - Teacher Start
    • Python (Coding) >
      • Python - CS 110 PD - July 2016
      • Python - CS 110 PD Part 2 (Projects)
      • Python - CS 110 PD Part 3 (GUI)
      • Install Python 3.5 + PyGame
    • Design (AutoCAD) >
      • Design Act. 1
      • Design Act. 2
      • Design Act. 3
      • Design Act. 4
      • Design Act. 5
      • Design Act. 5b and 5c
      • Design Act. 6
      • Design Act. 7
      • Design Act. 8
      • Design Act. 9
      • Design Act. 10
      • Design Act. 11
      • Design Act. 12
    • Design (Sketchup) >
      • Sketchup House Setup
    • Portable Apps >
      • Cam Studio
      • Virtual Dub
      • Scratch (and Zip File for Students)
      • TuxPaint (and Zip File for Students)
      • TuxTyping (and Zip File for Students)
      • Google Chrome
    • Project Management >
      • Intro to Project Mgmt.
      • Assignment for Project Management
    • Database >
      • Tasks Database
    • Final Projects and Exam Review >
      • Final Project - BBT 10 - 2015
      • Final Project - Digital Production 2015
      • Final Project - Media Studies 2015
      • Exam Review 2013
    • Cybersecurity
  • Art Units
    • Elements and Principles >
      • Elements of Art
      • Principles of Design
    • Photographic Composition
    • Visual Art 9
    • Graphic Art & Design 110 >
      • Colour Theory
      • Layout
      • Fonts and Type
    • Visual Art 110
    • Previous Box Projects - Visual Art 10
  • Other Units
    • Housing >
      • How to Design a House
    • Media Studies >
      • Media Studies Handouts
      • What is media? Why study media?
      • Film, Television and Video
      • Advertising, Marketing and You
      • Media and the Internet
      • Self-Study Project
    • Nutrition >
      • Recipes >
        • Black Bean Cake and Cupcake
  • Sports
    • Volleyball >
      • Volleyball Contact
      • (Old) NMS Volleyball 2019
      • (Old) Volleyball 2017
      • (Old) Volleyball Spring 2016
      • (Old) 2016 Tournament - MS Boys Volleyball
      • (Old) Volleyball Spring 2015
      • (Old) 2015 Tournament - MS Boys Volleyball
    • Soccer >
      • (Old) Soccer Fall 2015
    • Basketball
  • Blogs
    • Computer Science Blog
    • Personal Blog
  • Contact
  • About
    • About Mr. Rich
    • About Technology and Computer Science
  • Archives
    • Teaching Software >
      • Purchasing a Computer (notes) >
        • Purchasing a Computer
        • Computer Scenarios
        • Computer Presentation
        • PAC Test Instructions
        • PAC Peer Review
        • How to Submit Computer Comparisons
        • How to Submit Computer for Helen
      • Scratch 2 (Coding)
      • Scratch 1.4 (Programming)
      • ARCHIVED - GIMP (Raster Graphics)
      • ARCHIVED - Inkscape (Vector Graphics)
      • AutoCAD (2D Design)
      • Sketchup (3D Design) >
        • Google Sketchup (2011)
        • Google Sketchup (2012)
      • Excel vs Calc (Spreadsheet)
      • Cam Studio (Screen Capture Videos)
      • TuxPaint (for young kids)
      • TuxTyping (Typing Tutor)
    • Links >
      • Career Links in Fredericton
      • Job Hunting Tips
    • Presentations >
      • Scratch Workshop Oct 11, 2013
      • Scratch Workshop Sept 18, 2013
      • Math for French Immersion
    • Software That Is No More >
      • Setup (for an older version of Weebly) >
        • Setup - Day 1
        • How To Setup Your Weebly Pages
        • Marks (link to Canvas)
        • Web Portfolio
    • Previous Teaching >
      • Old Teacher's Logs >
        • Teacher's Log 2015-2016
        • Teacher's Log 2014-2015
        • Teaching Notes - Hartland 2014
        • BBT9 Teacher's Log (Apr-June2013)
        • BBT9 Teacher's Log (Jan - Apr 2013)
        • BBT9 2012
      • Sept2010-Jan2012 >
        • Old Home
        • Middle School >
          • Literacy
          • Social Studies 6
          • Social Studies 7 >
            • Online Test - Canada at Confederation
      • Jan2012-Nov2012 >
        • Book Blog >
          • Blog to Book
        • About Mr Rich
    • PD Sessions >
      • BBT9-10 Oct6 2016
      • BBT Teachers PD (Jan 2013)
      • Cyber-bullying (May 2013)
UPDATE:
The instructions below are for the older Scratch 2.
For the newer Scratch 3 instructions, click here.



Project: MY FIRST VIDEO GAMES!

Learn to code by making your own video games!

Scratch Cat
"Scratch is a programming language and online community where you can create your own interactive stories, games, and animations -- and share your creations with others around the world. In the process of designing and programming Scratch projects, young people learn to think creatively, reason systematically, and work collaboratively."
- from Scratch web site

Picture
You can Scratch online
or download Scratch 2.0

This unit created Dec 2013 by Graham Rich with help from a number of people.

Graham has extra Teacher Notes for this unit here.

Questions?  
Contact Graham.

STUDENT ACTIVITIES (a list only, the activities are linked)

INTRODUCTION
  • What is Coding?

WARM-UP - HOUR OF CODE
  • Do the Hour of Code activity with Scratch (click "Tips", then "Hour of Code")
    or Do the Hour of Code activity with Scratch online (Holiday Card)
    or Do the Hour of Code activity at learn.code.org (Angry Birds, Plants vs. Monsters)

WARM-UP - SCRATCH
  • What is Scratch? ( Students //  Parents //  Teachers //  Teachers Notes from Mr. Rich )
  • Introduction exercises for all Scratch beginners

MAIN PATH

FIRST GAME - FROGGER
Page 1
  • Get your Frogger moving using the arrow keys on the keyboard
  • Draw the Highway on the "Stage" (background)
  • Set your Frogger to start at the Start
  • Create a moving car
  • Set your car to kill the Frogger
  • Have your Frogger die and then
    come back to life!

Page 2
  • Duplicate cars into the other lanes
  • Fix these duplicated cars so that they stay in their new lanes.

Page 3
  • Create a separate finish area and then code Frogger to "Level Up" when it gets there
  • Keep track of points
  • Keep track of lives
  • Set speed to increase on level up

Page 4
  • Make a "Level Up" Mini-Splash Screen
  • Make a "Frogger Has Died" Mini-Splash Screen
  • Make a "Game Over" Full Splash Screen
    (including a "New Game" broadcast)
  • Make a "Welcome" Full Splash Screen

Page 5
  • Make the cars stop moving when the Frogger has died.
  • Make the cars stop moving on Level Up
    (when Frogger has reached the Finish Area)
  • Set the cars to begin off-screen and drive off the screen (almost)
  • Change the frogger's costume if it dies 
    (and changing it back when it is alive again)


SECOND GAME (if time permits)
  • Choices:
    - Dress Up / Space Shooter / PACMAN
  • Suggestions for game planning and coding
  • Explain your game play (detailed)
  • Afterwards, describe where your plan (outline) matches your code (and where it doesn't)
  • Explain what you learned through this activity
SIDE PATHS

SIDE PATH WITH SCRATCH
Teachers are free to create their own curriculum that promotes the development of systematic reasoning in students.
  • Create an animation or story
    by following a tutorial
    - Official Video Tutorials
    - User-made Tutorials & Samples
        (here, here, here, here or here)
  • Pluralsight video tutorial for Scratch



SIDE PATH WITH ANOTHER LANGUAGE
**Notes about choosing another language
These sites charge $ but offer free courses.
  • Codecademy.com (code along)
  • CodeSchool (code along + video)
  • Pluralsight (video only)
  • Treehouse (video)
  • See others here on Code.org
Other examples here.


SIDE PATH WITH ARDUINO 
                         or  RASPBERRY PI
Teachers who are confident in their skills and have access to electronics may also wish to build student activities involving Arduino or Raspberry Pi.  These small electronics projects would have coding elements and could be developed to also incorporate other skills.
  • Arduino            Arduino on YouTube, TED
  • Raspberry Pi      Raspberry Pi on YouTube,
                                TED, TED with students


Description

You will design video games that can be played on your computer or uploaded to play online.  The games will have scores, levels, lives and sound effects!  The first game is explained step-by-step and the game is played using the keyboard.  With the second game, you can choose to play the game using the keyboard, mouse, webcam or a combination!

Objectives

You will design video games using Scratch.  The games will have scores, levels, lives and sound effects!

Game #1 is a game of Frogger, where the frog has to cross the highway without becoming roadkill.  To play this game, the player uses the keyboard arrows to get the frog past the traffic.

Game #2 is a game of your choice.  Some popular choices are:
  •  Dress Up (beginner)
  •  Matching Game for Dress Up (intermediate to advanced)
  •  Space Shooter (beginner to advanced)
  •  Choose Your Own Adventure Story (beginner to advanced)
  •  PacMan (advanced)
 
Daily Blogging will help you and your teacher track your progress through these activities.  Each blog entry must answer 2 questions:
 - One sentence about one thing you worked on today
 - One sentence about one thing you learned while working in Scratch today
Also, if you have any questions for your teacher, be sure to add that to your blog.
 
All of your hard work will result in fun games that you can post online for everyone to enjoy!  Through these activities, you will get to see what goes into game development and testing.

Group Size

Recommended Group Size: 1
  • Coding is best done individually, where each student has their own computer.
  • However, most students benefit from working alongside other students where they can share questions and suggestions.  In most cases, this will also reduce the number of questions coming to the teacher, and increase the number of students hearing the answers to those questions.

Materials

REQUIRED MATERIALS
  • Internet Web Browser  (Internet Explorer, Mozilla Firefox, Google Chrome/Chromium/Iron, Opera, Konqueror, etc.)

RECOMMENDED MATERIALS
  • Scratch 2.0 (locally installed version - download here)
    While the web-based version does work, delays between click and action are very frustrating.  A local installation removes most of these delays.
  • Google Chrome browser (or Chromium or Iron browsers based on Chrome.)
    Both Chrome and Iron can be installed permanently by an administrator or temporarily by a student using apps from www.PortableApps.com.
  • Student accounts at Weebly.com, Edmodo, KidBlog.org or similar blog/website
    Students benefit from seeing their work published!
    Students should also blog about their progress.  
      -  Good: submit paper or enter into a MS Word file after every class
      -  Better: blog your progress online after every class
  • Image Editor
    Scratch has two image editors built-in, but these are limited.  At some point, you may want more.  If you already know how to make images, then be sure to save as PNG format.  Want a new image editor?  Try these:
    Raster Graphics - Adobe Photoshop, Paint.NET, The GIMP, etc.
       (Mr. Rich's GIMP exercises are here.  The GIMP is free and open source software [FOSS].) 
    Vector Graphics - Adobe Illustrator, CorelDRAW, Inkscape, etc.
       (Mr. Rich's Inkscape exercises are here.  Inkscape is free and open source software [FOSS].)

Time Required

  • "Hour of Code" activities can be completed in one hour, but likely will take two classes (depending on the age and computer ability of the students).
  • Game #1 (Frogger) is designed to take 5-6 hours (for able students who are on task).
  • Game #2 (Independent project) will likely take 10-15 hours, depending on the complexity of the selected game.  Teachers can limit the hours simply by limiting the expectations of the finished game.

Assessment

  • Assessment for introductory exercises (Recommend: "Complete / Incomplete")
  • Assessment for Game #1 (Can be per task/video: "Complete / Incomplete" or can be per rubric)
  • Assessment for Game #2 (Rubric)
  • Assessments for Blog Entries (Recommended) (Rubric)


Copyright © Graham Rich 2010-2023.   Site made using Weebly.com.