Storytelling with Code

https://bit.ly/49PbxJO

Storytelling with Code

Storytelling with Code

Transforming stories into retro video games

INDEX

Footer

MakeCode Basics

Header

Game Emulator

Toolbox

Editing Area

Story Outline

MakeCode Template

THANKS

https://bit.ly/49PbxJO

MakeCode Basics

Learn about the basics of Microsoft MakeCode Arcade

https://bit.ly/49PbxJO

MAkEcoDE aRCADE

MAkEcoDE aRCADE

• Uses Block, JavaScript, or Python based coding.
• Can login through google.
• Stores all projects on the website
• Some tutorials are included.
• Can download programs onto devices.
• Can share and edit games belonging to others.
• On the approved app list for PWPSD

Back

Back

The Game Emulator

• Simulates your game
• Each control can be used by clicking the mouse or with the keyboard
• Menu - Shows some options such as sound
• Refresh arrow - starts the code over.
• The stop button - stops the code
• The bug enters de-bug mode, making problems easier to find. You must exit de-bug to continue coding
• Speaker - mutes/unmutes the console.
• Camera - takes a screenshot of your game
• The square with the corder hats opens full screen mode.

Back

Sprites: Creates, destroys, and manipulates objects within game. Controller: Programs buttons (D-Pad, A/B), single or multiplayer. Game: Controls gameplay, dialogue, and text prompts. Music: Controls sound effects, songs, volume, and tempo. Scene: Manipulates screens, maps, camera, walls, and locations. Info: Creates score and life counters and countdown. Loops: Controls when code should be executed and for how long. Logic: Creates conditional, comparison, and Boolean statements. Variables: Stores data that can be changed and/or manipulated. Math: Manipulates numbers and data. Extensions: Allows users to import external code from database. Animation: Allows users to animate created sprites. Images: Advanced manipulation of graphics. Functions: Stores code that can be called using a short command. Arrays: A large variable that can store multiple things, like a list. Text: Allows users to further manipulate text. Console: Writes a line of text to the console output (not visual).

Back

The editing area is infinite and can be moved by clicking and dragging withy your mouse.

1. Moving Blocks
1. Blocks can be clicked on from the toolbox and will appear on the screen.
2. You can drag blocks where you want them.
1. When dragging blocks that have other blocks connected, you will be moving ALL blocks below it.
2. You can drag JUST ONE block by holding down CTRL while removing it.
2. Deleting Blocks
1. Dragging lcoks from the editing area to the menu will throw them out
2. You can click on a block set to select it. You can use the backspace or delete buttons to remove it.
3. Right click on the block to delete it.
3. Duplicating Blocks
1. Right click on the block and select duplicate
2. Click on the block to select it. Use the keyboard shortcuts for copy (CTRL+C) and paste (CTRL+V)

Back

Story Outline

Suggested storytelling formula

https://bit.ly/49PbxJO

Story OUtline

Story OUtline

Somebody WantedButSoThen

Somebody WantedButSoThen

Credit: Nathan Lott and Michelle Strasser of BC

Story OUtline

Story OUtline

Somebody WantedButSoThen

Somebody WantedButSoThen

Green-haired Warrior

Life Potion

A locked door and a Monster are in the way

Found the key to open the door

Slayed the monster and got the potion

MakeCode Templates

MakeCode templates and complete game.

https://bit.ly/49PbxJO

Green Haired Warrior

Green Haired Warrior

Story Template

Story Template

Green Haired Warrior Complete

Green Haired Warrior Complete

https://bit.ly/49PbxJO

© 2024 GENIALLY PRESENTATION

THANKS

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

• Visit the Analytics settings;
• Activate user tracking;
• Let the communication flow!