Scratch. Creative Computing

Similar documents
AN INTRODUCTION TO SCRATCH (2) PROGRAMMING

Lineup. Introduction. What you will need. Import your costumes. What you will make. What you will learn. Hardware. Software

Scratch Lesson 2: Movies Made From Scratch Lesson Framework

Teacher Cheat Sheet - Game Coding Challenges

S3 Scratch Programming

Teaching Kids to Program. Lesson Plan: Catch the Ball

Key Stage 2 Scratch, Python and Kodu (Beginners)

Animate a Name Cards

Add in a new balloon sprite, and a suitable stage backdrop.

ICS 61 Game Systems and Design Introduction to Scratch

You can delete the default blank background by clicking on its Delete button.

All Blocks of Scratch

The Beauty and Joy of Computing 1 Lab Exercise 1: Introduction to Scratch/BYOB - Animations and Communication

Crossley Fields - Computing Vocabulary

The Environment. Scratch Programming. The Environment. The Environment. The Environment. The Environment. Lesson 1: Introduction THE STAGE

Make a game in which you play the notes of a song as they scroll down the stage.

SCRATCH. Introduction to creative computing with Scratch 2.0

1st ESO: Technology, Programming and Robotics. Unit 5: Programming. Autor: Guillermo Gómez

In this lesson you will learn: How to capture the input from the user. How to write programs using variables and lists. Athletics Swimming Gymnastics

Lost in Space. Introduction. Step 1: Animating a spaceship. Activity Checklist. You are going to learn how to program your own animation!

Introduction to Scratch Programming v1.4 (Second Ed) Lesson 6 Calculator

Not For Sale. Glossary

Bridges To Computing

SCRATCH MODULE 3: NUMBER CONVERSIONS

Meet the Cast. The Cosmic Defenders: Gobo, Fabu, and Pele The Cosmic Defenders are transdimensional

Computer Science Concepts in Scratch

Computer Science Concepts in Scratch

Lost in Space. Introduction. Scratch. You are going to learn how to program your own animation! Activity Checklist.

12/15/2008. All about Game Maker. Integrated Development Environment for 2D games Global idea

Anjuli Kannan. Google Earth Driving Simulators (3:00-7:00)

With the Photo-face project learners can incorporate digital media digital photos, and then transform these images in creative and surprising ways.

M O T I O N A N D D R A W I N G

Scratch Programming for Primary School Teachers Quiz Game

Making a maze with Scratch

Animate a Character Cards

How to create interactive documents

The City School PAF Chapter Comprehensive Worksheet April 2018 ICTech Class 7 Candidate Name: Index Number: Section: Branch/Campus: Date:

Version History: 1.0: ab initio. Planning Notes:

ONE HOUR ANIMATION. Will you be a Scratcher upon completion of this session? Definitely. Learn how to write a basic script to animate a sprite.

Mailman Max. The postcode is a great way to work out the next sorting office a letter should go to, so you ll use that.

Creative Uses of PowerPoint 2016

AppyBuilder Beginner Tutorials

Creative Uses of PowerPoint 2003

Lesson 6 page 1. If you look at the bottom right of the Scratch color choices, you will see it say MORE BLOCKS in Purple.

Erasmus+ Project: Yestermorrow Year 1 Maths: Pythagorean Theorem

Tips and Tricks for Microsoft PowerPoint Game

Introduction to Flash - Creating a Motion Tween

Unit 17. Level 1/2 Unit 17 Multimedia Products Development

Scratch & Cartesian Coordinates Background/ stage

Python Games. Session 1 By Declan Fox

The City School. PAF Chapter Comprehensive Worksheet May 2017 ICTech Class 7 Candidate Name: Index Number: Section: Branch/Campus: Date:

Build a balloon pop game!

Microsoft PowerPoint Presentations

Intro to Animation. Introduction: Frames and Keyframes. Blender Lesson: Grade Level: Lesson Description: Goals/Objectives: Materials/Tools: 4th and up

Hello World! Computer Programming for Kids and Other Beginners. Chapter 1. by Warren Sande and Carter Sande. Copyright 2009 Manning Publications

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. App Inventor Workbook

What You're Building 2. Getting Started 3 Introduction 4 Iteration or how we will get to Finished App. 4

Microsoft PowerPoint 2002

Scratch Lesson 11: Mini Mario Game Part II - Sprites

Getting Started with Crazy Talk 6

CSCI 1100L: Topics in Computing Lab Lab 11: Programming with Scratch

OPUS Drag and Drop Word Searches

+ Inheritance. Sometimes we need to create new more specialized types that are similar to types we have already created.

Creating Breakout - Part 2

SCRATCH PROGRAMMING. Lesson 7: Create a Scratch Cartoon Animation

MAKING YOUR GLOG USING GLOGSTER

Quick Reference Tables

Introduction to Unreal Engine Blueprints for Beginners. By Chaven R Yenketswamy

Review of Computer Science and Scratch Concepts

VISUAL PROGRAMMING BY SCRATCH

Basic Classroom Tools Promethean Module 1 (ActivInspire)

Asset List & Content Creation

Story 1: Greedy dog. 1. Beginning: setting background and casting characters. 2. Middle: Developing the story.

Lesson 3 Creating and Using Graphics

Student Success Guide

Interactive Powerpoint. Jessica Stenzel Hunter Singleton

Kidspiration Quick Start Tutorial

COMP Summer 2015 (A01) Jim (James) Young jimyoung.ca

Cartoon Animation Tutorial

GETTING STARTED 8 December 2016

Getting Started with the elearning Portal. (Blackboard 9.1)

CPS111 Victory Thru Scratch Lab

E U R O P E A N P R O J E C T P R O M O T E D B Y :

INVIGILATED BY MARKED BY MARKS TALLIED BY

Decisions, Decisions. Testing, testing C H A P T E R 7

Tutorial. Creating activities in Expert mode

In this lesson you are going to create a drawing program similar to Windows Paint. 1. Start with a new project and remove the default cat sprite.

St. Paul s Convent School (Secondary Section) ELMO Student User Guide

How Your First Program Works

Windows Movie Maker / Microsoft Photo Story Digital Video

XtraNormal Directions

What are different approaches of Computer Art? How can computation create art? 9/17/12. Human uses computer to modify digital images

[ the academy_of_code] Senior Beginners

Instructions for Using the e-learning Module on Service-Learning for Students

ebooks & ecomics WHAT: Book Creator is an ipad and Android app that lets you design and publish your own customized ebook.

Computer and Programming: Lab 1

Using Graphics to Enhance A PowerPoint Presentation

Chapter 1- The Blender Interface

App Development with MIT App Inventor

Transcription:

Scratch Creative Computing

Section 1 INTRODUCTION TO SCRATCH

Scratch Browser based Created at MIT Creative Computing Using a tool to easily create a computer program. Typically a drag-and-drop tool. Emphasizes creativity instead of programming syntax The ease of use allows beginners to be creative while programming.

Section 1 Objectives By the end of this unit, students will: Understand the concept of computational creation, in the context of Scratch be able to imagine possibilities for their own Scratch-based computational creation become familiar with resources that support their computational creation Mr. Stoll s account: sestoll99

Scripts and Commands Command A statement that tells the computer what to do. In Scratch each command is called a Block Other scripting languages (block = set of commands) Script - list of commands that are executed by a certain program or scripting engine. Scratch uses scripts Python is a scripting language

Sprite Sprite - an image and its location on the stage (screen). Three sprites on the stage (screen) The Parrot sprite is selected Work with Parrot Scripts What are score and birdcounter? (top of screen)

The Scratch Interface Script Menus (Motion Menu Selected) Stage Sprites Motion Commands Script Window

Part of the Sound Menu Creating Scripts (Lego Block Concept) Create scripts by snapping blocks together Command blocks applied to the sprite Part of the Motion Menu

Dancing Cat Demonstration Control Repeat 10 Repeat the following four statements 10 times: Motion - Move 10 steps Sound - Play drum Sample Script (move and play drum repeatedly) Motion - Move 10 steps Sound - Play drum

Tips For Using Scratch Drag a set of blocks from the top While dragging a block, everything below moves as well Separate blocks from the bottom Recommended: The green flag event is useful for setting up your scene Programming commands are under the tab. Most script commands apply to a specific Sprite Sprite1 is selected

Time to Explore Scratch 1. Sign-up for Scratch: http://scratch.mit.edu Use account information you can remember. Forgetting this may hurt your grade in the future. 2. Play with Scratch Try to make something surprising happen to a sprite. Work together if desired!!! Be ready to discuss what you have learned.

Section 2 TALKING SPRITES

Making Sprites Talk Make sure you select the desired sprite first. The when this sprite clicked event is very useful

Mr. Stoll s Example (About Me) Click Here to Review the Project in Scratch

Create Your Own Project Create your own (About Me) project Make it more elaborate than mine. It is due at the beginning of the next class period Advanced students: Make it way better than mine.

About Me Project Review Review student projects with class: Ask for volunteers Select some students randomly if necessary.

Section 3 ANIMATION DANCE PARTY

Dance Party Project Dance Party - a Scratch project in which sprites get down with cool costumes and funky beats. ie. claptrap from Borderlands For the next three slides we will create a Dance Party Scene. We will: Define Sprite Define Costume Different images for a given sprite. Assemble code blocks so sprite dances when clicked.

Sprite Sprite - an image and its location on the screen. Games have been using them for decades. Used to be hardware dependent. Sprite on Stage Sprite definition Press the in the upper left corner of the sprite definition to see details about the sprite.

What is a Costume A sprite may have many costumes. Costumes are typically used for animation.

Dancing Ballerina 1. Press choose sprite from library button 2. Select a sprite from the library and press the OK button. 3. Create the following script:

Adding Music to Ballerina Separate simultaneous notes into separate block sets. They run in parallel At the same time, when the ballerina is clicked..4 secs is the same as.4 beats Synchronize music and animation. Drum 4 is the symbol. It plays at the end of the animation

Sprites and Costumes Review What is the difference between a sprite and a sprite s costume? When might you want to use a sprite? When might you want to use a costume?

Resetting Your Scene Initialize To assign starting values. This is a set of code blocks for a sprite. This block: 1. Executes when the green flag is pressed. 2. Moves the sprite to its starting point 3. Displays its initial costume (Picture1) There are several things you can initialize in your scene. Most of them are in the and menus.

Incremental Incremental - increasing gradually by regular degrees or additions. Always add and test small amounts of code at a time.

Assignment: Dance Party Dance party Assignment Requirements 1. Sprites / Costumes Select from one of these two options: Find a sprite (in Scratch or outside of Scratch) that has multiple costumes. Take an existing sprite and modify it to have different costumes. 2. Animate the sprite when the user clicks on it Move the sprite and change its costume. 3. Play at least two notes each time the sprite changes costumes. Notes to be played at the same time must be in separate sets of blocks. Review P. 49 of your Scratch Guide Everyone must have a unique project

Section 4 GAMES

Blocks for Games (Variables) Examples: health; movespeed; ammo; defensepoints happiness (Sims); lives (old school games) Score Variable Initializing the Score Incrementing the Score Display/Hide Score See PP. 65 66 For More Information

Blocks for Games (Random) Very Useful: Enemy appears in random place on screen. Enemy starts with random # health points Dice rolls for video Monopoly Card drawn in a video card game Anybody Have an Example for us??: Sims Tetris Mario Kart

Blocks for Games (Visibility) The visibility of sprites Visible Invisible See PP. 65 66 For More Information

Blocks for Games (Timing) Timing Examples: Consistent game speed same on slow and fast computers Change the image on the screen to display the next frame of animation. See PP. 65 66 For More Information

Blocks for Games (Events) Event - an action or occurrence detected by the program that may be handled by the program. key press events Code executes when user clicks on the sprite. Initialization Event Code that executes when program is starting to run. Green Flag To Initialize Sprites and Variables

Blocks for Games (Comparisons) The player must not get a point unless the Orange touches the Parrot without touching the Cat sprite. Don t increase the birdspeed if it is already moving at 15 or above. See PP. 65 66 For More Information

Blocks for Games (Collision Detection) Collision Detection Detecting when one sprite overlaps another sprite. If this sprite is touching specified sprite, edge, or mouse-pointer. If this sprite is touching a specific color If a specified color on this sprite is touching another color.

Games Assignment (Make a game) Review P 65-66 (blocks for games and collision detection)

Blocks for Games (Strings) I currently plan to wait to discuss strings until we start working with Python. See PP. 65 66 For More Information

Section 5 PROGRAMMING CONCEPTS

PROGRAMMING CONCEPTS (How they relate to blocks) Decisions - Allows the program to compare two or more values. Most programming languages use the "if" keyword. Loop Repeat one or more commands until a condition is met. Variable - Stores a value to be used later in the program. Random - Event - an action or occurrence detected by the program that may be handled by the program. Etc.

Decision Structure Scratch Python if mrstollsage > 49: print ( You are old ) if playerhealth < 10: movespeed = 3

Sequential Structure Scratch Python Print ( Hello ) movespeed = 3 xposition = xposition + 10 yposition = yposition + 10

Loops Scratch Python while guessestaken < 6: Command Command etc. while True: command command etc.

Variables Scratch Python Score = 17 birdcounter = 30 birdspeed = 5

Random Numbers Scratch Python random.randint(1, 10)