Witty.ca - Mr. Rich's Professional Archives

  • Home
  • Courses
    • Course Listing & Updates
    • 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
    • Audio / Video >
      • 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
    • Raster Graphics >
      • How to Submit - Raster Graphics
      • Photoshop Activities
      • GIMP Overview
      • GIMP Install & Setup
      • GIMP Activity 1
      • GIMP Activity 2
      • GIMP Activity 3
      • GIMP Activity 4a
      • GIMP Activity 4b
      • GIMP Activity 6a
      • GIMP Activity 6b
      • GIMP Activity 6c
      • GIMP Activity 6d
      • GIMP Activity 6e/f
      • RG Final Project - Magazine Cover >
        • HCS'16 Graphic Art & Design 110
      • RG Final Project - Cereal
      • RG Marking Breakdown
    • Vector Graphics >
      • Inkscape Act.1
      • Inkscape Act.2
      • Inkscape Act.3
      • Inkscape Act.4
      • Inkscape Act.5
      • Inkscape Act.6
      • Inkscape Challenge
    • 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
    • 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 - A 2nd Project
      • Scratch 2 - Teacher Notes
      • Scratch 2 - Choosing another language
    • 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
    • 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 >
      • NMS Volleyball 2019
      • Volleyball Contact
      • (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)

Frogger, Page 1
    Make a Game with Scratch 2

We will be making a simplified version of Frogger.

Never heard of the Frogger video game?
Try here (wikipedia) or here (Konami).
(Or, just do a search for "Frogger".)

If you complete this game, you can post it on scratch.mit.edu and please let me know!

Picture
Scratch Cat (from http://nagelelo.wikispaces.com)

Getting used to Scratch 2

If you haven't used Scratch 2 before, then check out:
  • Introduction to Coding
  • How to use Scratch 2
  • Introduction to Scratch 2 (with exercises)
If you use these tutorials, please let me know.

About Scratch

Scratch is an entry-level  free and open source software programming environment developed by MIT.

Let's Make a Video Game!

Picture
In this unit of study, we'll be building our own Frogger-style video game.

In this unit, we'll cover:
  • positive & negative numbers
  • X and Y coordinates
  • loops and conditions
  • variables and "broadcasts"
  • object-oriented programming
  • input devices (keyboard)
  • event sequences
  • ... and more




    

What you will need:

  • Scratch installed on your computer.
  • Have completed some Scratch tutorials
    (Previous Scripts 1,2&3 will do.)
  • A sense of adventure!

Get the Frog Moving

We are going to build our Frogger video game will only accept input from the arrow keys on the keyboard. 

So, after we remove the cat and get a frog (or other animal), then what?

First, get the right blocks:
    if 
          a key is pressed
    then 
          change the frog's location

And those pieces look like this:
Picture
Now, you have the building blocks,
so change the settings that:
    if
          the up arrow key is pressed
    then 
          move the frog up by 3
                                -->answer <--

Common Problem

Picture
"I clicked the green flag and nothing happened!"

Answer:  Did you press the arrow key on your keyboard?  

Your script is waiting for you to press the arrow key!






The Right Arrow Key

Make all 4 Arrow Keys Work Correctly

Picture
Can you figure out the other 3 arrows?

If "change y by 3" moves up 3, then how can you use a similar block to move down 3 left 3 or right 3? 
                        -->answer <--

Edit the Stage 
To Create a Highway

Next up, making a background!

Select the Stage sprite.
      Select the Backdrops tab.
 
Then, use the drawing tools to create the highway background.

FYI: Scratch2 has 2 very different drawing toolbars:
- Bitmap Toolbar
  (use this)

Bitmap Toolbar
- Vector Toolbar
  (Very different!
  Not used to vectors?
  Try the Inkscape
  lessons.)

Vector Toolbar

Here's what your highway backdrop should look like when finished:
Finished Highway
Finished Highway
Click for larger image

Frog Must Start at Start

At the beginning of each game, the frog should be at the START position.

And since that won't happen automatically, we have to code it!

You'll either need to use 
GO TO  or  GLIDE code. 
Here's a sample, but where to add it?
Picture

Create a Moving Car

To make a car move, we use the same basic structure as when we wanted the cat to bounce around inside the fence.

However, in this case, we have highway lanes that are perfectly horizontal.  So, to make sure that the cars stay in their lanes, instead of  "moving 10 steps", we're going to just "change x by 10".

Trust me, this will keep everything nice and orderly!


NEAT TRICK:
Rather than making hundreds of cars, we're going to re-use our car so that (for now) only one car travels in each lane.

To do this, we're going to make our car drive across the video game screen, and then "teleport" back to the beginning of the lane.

Watch this video to get the idea.

When you're done, you should have a car object in your list of sprites, like this:
Picture
And in your car object, you should have code like this:
Picture
Click for larger image

Common Problem

Picture
Adding a second car is not as easy as it sounds.
If you want to try it now, go ahead!We will teach that in our next page of videos.


Set that Car to Kill

Sadly, in a video game called "Frogger", the whole point is to see how long the frog lasts before it dies.

In this video, we set the car to send a message ("FrogIsDead") to the frog. We use a Data Variable, and a code blocks that look like this.  But where do they go?
Picture

Kill the Frog and then
Bring it Back to Life!

When the Killer Car sends a message to the Frog ("FrogIsDead"), then the Frog must die!

Remember, nothing will happen unless we code it. What should happen when the frog dies?

Oh, and should the frog come back to life so the game can continue?  Then we'll need to code that too.

So, here's a list of all the things that need to happen so the frog can die and come back to life again.

In ALL cars:
  • Sense the Frog and then send a message by setting the FrogIsDead variable

  



Picture
Click for larger image
In the frogger:
  • Receive the message by checking the FrogIsDead variable
  • Frog stops moving as the arrow keys don't work anymore (else)
  • Frog makes dying sound
  • Frog goes back to start (try glide!)
  • Frog comes back to life (FrogIsDead variable)

Options:
  • Frog can say something (Looks palette)
  • Frog can change to a "dead" costume (Looks palette)




No live frogs are harmed in the making of this game!




Picture
Click for larger image



Next:  Frogger (Page 2)
Up:     Return to Scratch 2 (Coding)


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