Microsoft MakeCodeArcade Part 1—Blocks
Wednesday May 20th, 2020
7:30–8:00am PT
Microsoft Code of ConductMicrosoft’s mission is to empower every person and every organization on the planet to achieve more. This includes all Microsoft events and gatherings, including on digital platforms, where we seek to create a respectful, friendly, fun and inclusive experience for all participants.
We expect all digital event participants to uphold the principles of this Code of Conduct, which covers the main digital event and all related activities. We do not tolerate disruptive or disrespectful behavior, messages, images, or interactions by any party participant, in any form, at any aspect of the program including business and social activities, regardless of location.
Microsoft will not tolerate harassment or discrimination based on age, ancestry, color, gender identity or expression, national origin, physical or mental disability, religion, sexual orientation, or any other characteristic protected by applicable local laws, regulations, and ordinances.
We encourage everyone to assist in creating a welcoming and safe environment. Please report any concerns, harassing behavior, suspicious, or disruptive activity to Business Conduct Hotline (1-877-320-MSFT or [email protected]). Microsoft reserves the right to refuse admittance to or remove any person from Microsoft Build at any time at its sole discretion.
MakeCode Team
Peli de Halleux
@pelikhan
Jacqueline Russell
@jaqster
Joey Wunderlich
@joeywunderl
MakeCode Arcade home page
Create a New blank Project
Step-by-step Tutorials
Game examples
Import Projects (via a File, URL, Repo)
Open your recent Projects
Mod Eat the Fruit Game
Eat the Fruit—move your sprite around the screen and eat as much fruit as you can before the time runs out!
Create a new Project
Getting familiar with MakeCode Arcade
Game Simulator
Block Toolbox
ProgrammingWorkspace
Set the background
• From the Scene Toolbox drawer, drag a Set Background Color onto the Workspace
• Drop into the On Start block
Pick a background
color
Create a Player Sprite
• From the Sprites Toolbox drawer, drag a Set sprite block onto the Workspace
• Drop into the On Start block after the Set Background block
Pencil SizePencil
Rectangle
Circle
Marquee—select an area
and move
Shortcut
colors
16 Color
Palette
Canvas Size
Eraser
Fill
Line
Pan
Switch between Editor and Gallery
of existing Sprite designs
Undo/
RedoZoom
Control the movement of your Sprite
• From the Controller Toolbox drawer, drag a Move block onto the Workspace
• Drop into the On Start block after the Set sprite block
Try it out in Simulator
• Click on the joystick buttons in the Simulator to move your Sprite around the screen
• Or use the arrow keys on the keyboard (make sure the mouse is hovered over the Simulator to activate controls)
Keep Sprite in screen
Initialize Score and Start Countdown
Create a flying fruit Sprite
• From the Game Toolbox drawer, drag a On Game Update Everyblock onto the Workspace
• From the Sprites Toolbox drawer, drag a Set Projectile from side block into the On Game Update Every block
• Set vx to 50 and vy to 0
Velocity = speed and direction
– vx
– vy
+ vy
+ vx
Draw a Fruit Sprite (or pick one from the Gallery)
Set the fruit starting position
• From the Sprites Toolbox drawer, drag a Set Position block into the On Game Update Every block
• Change mySprite variable to projectile
Coordinates
The Arcade game screen dimensions are 160 width x 120 height
(0, 0)
(160, 120)
(160, 0)
(0, 120)
y
x
Set the fruit starting position
• From the Math Toolbox drawer, drag a Pick Random block, and drop into the y field of the Set Position block
• In Pick Random block, change maximum value to 120
Add a point when you eat fruit
• From the Sprites Toolbox drawer, under the Overlaps category, drag an On Sprite Overlaps block onto the Workspace
• Change the second kind to Projectile
Add a point when you eat fruit
• From Info Toolbox drawer, add Change Score block
Destroy the Fruit
• From the Sprites Toolbox drawer, add Destroy mySprite block
• Drag the otherSprite local variable block into the Destroy block
Add effects and music
• In the Destroy block, click the plus (+) icon
• Select an effect to play
• From the Music Toolbox drawer, drag a Play Sound block into the On Sprite Overlaps block
Complete Program
Other mod options
• Change the Fruit or Junk food Sprites
• Add other types of Food for different points
• Change how often each type of food appears
• Change the speed of the food or player
• Change the direction of the food sprites
Share your game!
Click the Share button in the top left of the screen
Name your Game
Take a screenshot
of your Game
Click to
Publish
Share on Facebook, Twitter or Email URL
Play on your Phone!
Arcade hardware
arcade.makecode.com/
hardware
Arcade cabinets
What next?
Microsoft student resources can be found at the GitHub repository for further learning opportunities.aka.ms/StudentsAtBuild
Microsoft Learn for Students is the place to develop practical skills through fun, interactive modules and paths. Plus, educators can get access to Microsoft classroom materials and curriculum. Find it all at: aka.ms/learnforstudents
Azure for Students gives you $100 in credit on the Azure Cloud. Build your skills in trending tech including data science, artificial intelligence (AI), machine learning, and other areas with access to professional developer tools. Start here: aka.ms/azureforstudents
Imagine Cup is more than just a competition—you can work with friends (and make new ones), network with professionals, gain new skills, make a difference in the world around you, and get the chance to win cash and cloud credits. To find out more: Higher education students: imaginecup.com/. Educators of students ages 13–18 start with Imagine Cup Jr.
Microsoft Student Learn Ambassadors are a global group of campus leaders who are eager to help fellow students, lead in their local tech community, and develop technical and career skills for the future. Learn more at: studentambassadors.microsoft.com/
Links
About MakeCode—aka.ms/makecode
Online MakeCode editors—makecode.com
Buy hardware—aka.ms/makecodestart
Arcade curriculum—arcade.makecode.com/courses
MakeCode Forum—forum.makecode.com
Thank you!
© Copyright Microsoft Corporation. All rights reserved.
Top Related