Youth Creating Online Games What Adults Need to

Youth Creating Online Games: What Adults Need to Know Trudy Dunham, Jay Staker, Molly Reisman & Vishal Singh May 2010 CYFAR Annual Conference, San Francisco CA

Learning the Scratch Language • Scratch (scrăch) n. An interpreted dynamic visual programming language – Teach programming concepts to youth by enabling them to create games, animations, videos, and music – Create and animate characters that dance, sing, and

Before the Creating Can Begin… There is some research (program outcomes) you need to know, and then… some important sites and buttons on the Scratch Program that you need to know…

The Scratch Skill-Building Set • Information & Communications Skills – Information & Media Literacy – Communication • Thinking & Problem Solving Skills – Critical Thinking, Systems Thinking – Problem Identification, formulation, solution – Creativity & Intellectual Curiosity • Interpersonal & Self Directional Skills – – Interpersonal & Collaborative Skills Self-Direction Accountability & Adaptability Social Responsibility • Reference: http: //llk. media. mit. edu/projects/scratch/papers/Scratch 21 st. Century. Skills. pdf

The Scratch Community • Low floor / High ceiling / Wide Walls • In a world of social media and participatory online learning • Share, mash, learn from others • For youth & educators • New Members, Beginners, Advanced, & more • Talk in the forums • Share yours & check out other’s work

What Makes An Educational Game • Animation is good, game is better • Play - how we teach our culture, share tools • “Humanity's most serious activities belong to the realm of make-believe. Culture comes from play. ” -- J Huizinga • What is fun for one person can be tedious for another • “A game is a system in which players engage in an artificial conflict, defined by rules, that results in a quantifiable outcome. ” – Salen & Zimmerman • Games are a disruptive medium: possibility spaces • Gaming process and sharing knowledge is more important than getting a high score • Game playing alone is often not a learning event, but contributes to learning. Reflection following game play is where the learning takes place: identifying strategies, rules, the system

What Makes An Educational Game - 2 • Game making: a learning activity which comprises the solving of an ill-structured problem. Means cognitive benefits are hard to identify, to predict. • Think of games as systems: simple to complex, dynamic • Game elements can subvert the learning: make things happen faster, or more dramatically, or skip over tedious steps. Increases fun but at the expense of accuracy • The more you care about content, the less tolerant you are of game elements. When the house is on fire & you need to learn to put out the fire, you don’t want to play a game • Game elements (score) can focus users on besting that element rather than learning the material • Too little game is boring; too much: silly & distracting • Balancing simulation elements, game elements, and pedagogical elements is an art - unquestionably ! • Understanding the trade-offs is critical

Some Scratch Basics • • Download at no charge Guide available in number of languages Teach in 10 minutes, continue to learn Hardware: – – The Display: 1024 x 768 or larger, 16 -bit color or greater Operating System: Windows 98 or later, Mac OS X 10. 3 or later 120 megabytes of free space to install CPU & memory requirements are soft. Most computers have enough memory to run Scratch – Speakers & microphone to use audio features • Audience: – Works well with school age, teen and adult audiences – Build complexity of task by adding features for more advanced users

Some Scratch Handouts • “Cheat Sheet –Overview of how to do http: //www 1. cyfernet. org/conffav/05 -10 -Dunham-Scratch. Cheat. Sheet. doc • Labels on Images to aid your understanding of the instructions • http: //www 1. cyfernet. org/conffav/05 -10 -Dunham-Scratch. Cheat. Sheet. Image. ppt

The Scratch Control & Design Screen

Tabs Palat e Blocks Script Area Important Terms & Functions Green Flag Stage (the white Space – but you can change it!) New Sprite Buttons Sprite List

The Basics - SPRITE • New Sprite Buttons – The Scratch objects are called Sprites – Think Character in your movie or game – Make as many as you need – Each has its own • Paint your own Sprite • Choose an image for a new Sprite • Get a surprise Sprite

The Basics: Costume • Change Sprite’s Look with a costume change • Click on Costumes tab • Import to add a Costume • To modify using the paint function, click Edit • Make a Copy before Edit • Any image can be used • Create animation via

The Basics: Script Blocks • Drag blocks from Palate area • Snap blocks together to create a script • When you double click on a script, your program will run • Blocks are color-

Activity #1 “Chase the Cat”

Doin’ the “Cat Chase” • Keep Cat Sprite Costume 1 & 2 • Make your Cat Sprite: • Change Color • Walk • Undergo a Costume Change • Click on ‘Choose’ or ‘Surprise’ Sprite • Edit or Import to create 2 nd costume for 2 nd Sprite (to create motion/animation) • We’ll make it chase the Cat!

Setting the Stage • Before you can begin to move blocks onto the Script Area – Click on the “Scripts” tab – The tab should be pale blue

Color Change 1. Click on “Control” from the Palate. 2. Click and pull the block Script Area. 3. Click on “Looks” from the Palate. onto the 4. Click and pull the block Script Area. 5. Snap the two blocks together. onto the

Color Change - Your Design & Control Center Screen should look like this. - Hit the space bar and watch your Sprite change colors.

Cat Sprite Starting Position These are your (x: ) and (y: ) coordinates for your stage. 1. Click on “Motion” from the Palate. 2. Click on and pull the block onto the Script Area. Click on the white holes and type in 0 for (x: ) and 0 for (y: ). This will be your starting point.

Cat Sprite Starting Position 3. Click on “Control” from the Palate. 4. Click and pull the block Script Area. onto the 5. Snap the two blocks together. 6. Click on the green flag and watch your sprite change locations. Experiment with position by changing your (x: ) and (y: )

2 nd Sprite Starting Position These are your (x: ) and (y: ) coordinates for your stage. Remember each Sprite has its own 1. script!!! Click on “Motion” from the Palate. 2. Click on and pull the block onto the Script Area. Click on the white holes and type in 139 for (x: ) and 80 for (y: ). (or anywhere you want) This will be your 2 nd starting point.

Sprite Starting Position - Your Design and Control Center Screen should look like this. - You can now position your Sprite and change colors.

Moving 1. Click on “Control” from the Palate. 2. Click and pull the blocks and Script Area. 3. onto Click the on “Looks” , , from the Palate. 4. Click and pull 2 blocks onto the Script Area. Click on the arrow in the costume 1 box and select costume 2.

Moving 5. You should have 2 separate blocks for , that say “Costume 1” and “Costume 2”. 6. Click on “Motion” from the Palate. 7. Click and pull 2 blocks Area. 8. Snap the blocks together as shown. onto the Script and

Moving 8. Stack the remaining blocks in this 9. pattern. Click on the and drag your new stack of blocks into the space in the block. IMPORTANT If you do NOT click on the block then your complete stack of blocks will NOT stay together when moved. The blocks will come apart

Moving - Press the green flag and watch! - Experiment with different # of steps, wait, sounds & backgrounds - Press the space bar to see the new changes.

Make Project Notes • Use the Project Notes option to track your steps & leave instructions for others who look at your Scratch programs • Think of as your Project Science / Engineering Journal • Click on File, and select Project Notes

From one Project to Another • Click Save to save your work – The file could be named “Cat Chase” • Click New to begin a new program

Activity #2 Your Time to Be Creative!!

Sounds 1. Click on “Control” from the color palate. 2. Click and pull the blocks onto the scripts area. and 3. Click on “Sound” from the color palate. 4. Click and pull the block 4 times into the script area. For two of the blocks, click on the arrow in the 48 box and change the value to 40.

Animation 1. Click on “Motion” from the color palate. 2. Click and pull the blocks , , , and onto the scripts area. Note: You need 2 of each for these blocks… Turn Left Turn Right Glide Ignore the numbers at this point.

Animation 3. Enter your values and variables: • In the block type in 3 for the seconds area and (x: ) 140 with (y: ) as 50 • In another block type in 3 for the seconds and (x: ) -135 with (y: ) -157 • For the 2 blocks and the 2 blocks have 1 Left and 1 Right stay at 15 degrees • Type in 30 degrees for the other 2 blocks • The should say x: (0), y: (0)

More Resources • Sensor Board: make your Scratch project respond to (sense) things going on in your world outside your computer • Additional Lesson / Activities: http: //learninggameslab. org/scratch. html • Translations and Supplemental Materials for special populations: http: //scratch. wik. is/Support/Translation • Understanding Games: http: //boing. net/2007/03/21/understanding_ games. html

Getting Ready to Take the Knowledge Home • Like it? – If you want your animation or game: email to yourself or download to flash drive – For Questions or Comments Contact: • cyf@umn. edu http: //scratch. mit. Now that you have the Scratch basics edu it is time for you to create scripts of your own!