Skip to content

Commit 192c056

Browse files
authored
Merge branch 'master' into Jaqster-patch-7
2 parents 2944d60 + df022df commit 192c056

17 files changed

Lines changed: 148 additions & 11 deletions

docs/skillmap/bug-arena.md

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
### bug-arena-introduction
2020
* name: Introduction
2121
* type: tutorial
22-
* description: Intro to MakeCode Arcade and Bug Arena
22+
* description: Intro to MakeCode Arcade and Bug Arena (no coding)
2323
* url: /skillmap/bug-arena/introduction
2424
* imageUrl: /static/skillmap/bug-arena/game.gif
2525
* tags: beginner, hour of ai, hour of code
@@ -29,7 +29,7 @@
2929
### bug-arena-scribble
3030
* name: Random Algorithm
3131
* type: tutorial
32-
* description:
32+
* description: Create an AI algorithm that will make your bug walk in random patterns
3333
* url: /skillmap/bug-arena/scribble
3434
* imageUrl: /static/skillmap/bug-arena/random.gif
3535
* tags: beginner, hour of ai, hour of code
@@ -39,7 +39,7 @@
3939
### bug-arena-squares
4040
* name: Squares Algorithm
4141
* type: tutorial
42-
* description:
42+
* description: Code your AI bug to draw squares around the screen
4343
* url: /skillmap/bug-arena/squares
4444
* imageUrl: /static/skillmap/bug-arena/squares.gif
4545
* tags: beginner, hour of ai, hour of code
@@ -49,7 +49,7 @@
4949
### bug-arena-backandforth
5050
* name: Back and Forth Algorithm
5151
* type: tutorial
52-
* description:
52+
* description: Code your bug's AI algorithm to move back and forth across the screen
5353
* url: /skillmap/bug-arena/back-and-forth
5454
* imageUrl: /static/skillmap/bug-arena/back-and-forth.gif
5555
* tags: beginner, hour of ai, hour of code
@@ -59,7 +59,7 @@
5959
### bug-arena-tower
6060
* name: Tower Battle
6161
* type: tutorial
62-
* description:
62+
* description: Battle other AI bugs in the Tower and level up with every win!
6363
* url: /skillmap/bug-arena/tower
6464
* imageUrl: /static/skillmap/bug-arena/tower-battle.gif
6565
* allowCodeCarryover: true

docs/skillmap/bug-arena/back-and-forth.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# Bug Arena Back and Forth
2+
### @hideReplaceMyCode true
23

34
## Bug Arena: Back-and-Forth Algorithm @showdialog
45

docs/skillmap/bug-arena/introduction.md

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,27 @@
11
# Bug Arena Introduction
2+
### @hideReplaceMyCode true
23

34
## ✨ AI Challenge Accepted! @showdialog
45

56
Welcome to the 👾 **Bug Arena** 👾 where the smartest bugs battle for glory!
67

78
![Bug Arena Gameplay](/static/skillmap/bug-arena/game.gif "animation of game")
89

9-
Get ready to code your own super-smart bug using **Artificial Intelligence (AI)** and challenge other AI bugs to see who rules the arena!
10+
This first tutorial will introduce you to the mechanics of the Bug Arena game. You won't be doing any coding, but you'll get ready to create your own super-smart bug using **Artificial Intelligence (AI)** and challenge other AI bugs to see who rules the arena!
1011

1112
Your mission: splash your bug's paint 🎨 all over the screen and out-color 🖌️ your rivals. The more you cover, the closer you are to victory!
1213

1314
## Practice mode
1415

1516
Go to the Game Window 🖼️ (bottom right corner) and click on the **Practice** button.
1617

17-
You can pick **No Opponent** or select from various different challengers 💪 to train your bug's AI.
18+
![Practice Button](/static/skillmap/bug-arena/practice-button.png "practice button")
1819

19-
Then click to select a **Timed Match** or **Infinite** to play without a clock. 🕓
20+
You can pick No Opponent or select from various different challengers 💪 to train your bug's AI. To unlock more opponents, battle them in the Tower.
21+
22+
Click on **Stinky** as your practice opponent.
23+
24+
Then click to select a **Timed Match** 🕓. Infinite mode allows you to play without a clock.
2025

2126
Click **Next** below for more information about the game screen.
2227

@@ -30,7 +35,7 @@ At the top of the screen you'll see graphs showing you the percentage of the scr
3035

3136
If you selected a Timed Match, you will also see a clock timer 🕓 at the top. In Practice mode, there is no time limit.
3237

33-
Speed things up or slow them down using the ⚡ Speed slider at the bottom of the screen.
38+
Speed things up or slow them down using the **SPEED** slider at the bottom of the screen.
3439

3540
Watch them zoom around! The bugs move on their own, thanks to their smart ✨ AI brains.
3641

@@ -82,7 +87,7 @@ hint~
8287

8388
![Example Algorithms](/static/skillmap/bug-arena/algorithms.gif "animation of 3 types of algorithms")
8489

85-
- Scribble
90+
- Random
8691
- Squares
8792
- Back and forth
8893

@@ -96,4 +101,4 @@ hourOfAi.onStart(function () {
96101

97102
```package
98103
hourOfAi=github:riknoll/bug-arena
99-
```
104+
```

docs/skillmap/bug-arena/scribble.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# Bug Arena Scribble
2+
### @hideReplaceMyCode true
23

34
## Bug Arena: Random Algorithm @showdialog
45

docs/skillmap/bug-arena/squares.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
# Bug Arena Squares
2+
### @hideReplaceMyCode true
23

34
## Bug Arena: Squares Algorithm @showdialog
45

Lines changed: 129 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
# Bug Arena Learning Outcomes
2+
3+
**A page for Educators & Parents**
4+
5+
The **Bug Arena** skillmap introduces students to Artificial Intelligence (AI) through a fun, iterative, game-based learning approach.
6+
7+
In this set of activities, students will code their own AI Bug using a variety of different algorithms. They can then compete against other AI bugs to cover the screen with paint.
8+
9+
This skillmap is designed for students between the ages of 8 and 15 years old and takes approximately 45 minutes (including game play) to complete. No previous coding background is required and students will not be exposed to an AI chatbot through this experience.
10+
11+
There are 3 required tutorials and 2 additional optional tutorials. At the end of the learning path, students will receive a certificate of completion and a badge.
12+
13+
| Tutorial | Duration | Description |
14+
| ------------------------- | ---------- | ------------ |
15+
| Introduction | 7 minutes | Students gain familiarity with the MakeCode interface, learn how to play the Bug Arena game, and are introduced to key AI concepts and terms. |
16+
| Random Algorithm* | 8 minutes | Students learn how to code a Random algorithm for their bug. ([solution](https://makecode.com/_YHA76faXLVgx)) |
17+
| Squares Algorithm* | 10 minutes | Students learn how to code an algorithm for their bug to move in concentric squares. ([solution]( https://makecode.com/_HFrcvoUYaMg7)) |
18+
| Back-and-Forth Algorithm* | 11 minutes | Students learn how to code an algorithm for their bug to move back and forth across the screen. ([solution]( https://makecode.com/_aipRXiJfsX6T)) |
19+
| Tower Battle | 2 minutes | Students will take the AI algorithms they have created and compete with other AI bugs in the Tower. |
20+
21+
\* Students should select one of the algorithms to complete before moving on to the Tower.
22+
23+
**Notes**:
24+
- Duration is approximate based on time to follow instructions as written. Providing extra time for creativity, debugging and game play is encouraged!
25+
- When selecting from the three provided algorithms, they are ordered from easiest to hardest: Random, Squares, and Back-and-Forth.
26+
27+
## Learning Objectives
28+
29+
This activity was designed to align with the [AI Literacy Framework](https://ailiteracyframework.org) empowering students to engage and create with AI in positive, meaningful ways that further their technical skills and understanding in order to thrive in a world influenced by AI.
30+
31+
This activity covers the following competencies of AI Literacy:
32+
33+
**Engaging with AI**
34+
- Evaluate whether AI outputs should be accepted, revised, or rejected
35+
- Examine how predictive AI systems can inform and limit perspectives
36+
37+
**Creating with AI**
38+
- Use AI systems to explore new perspectives and approaches that build upon original ideas
39+
- Collaborate with AI systems to elicit feedback, refine results, and reflect on thought processes
40+
- Explain how AI systems perform tasks using precise language that avoids anthropomorphism
41+
42+
**Designing AI**
43+
- Describe how AI systems can be designed to support a solution to a community problem
44+
- Evaluate AI systems using defined criteria, expected outcomes, and user feedback
45+
- Describe an AI model's purpose, intended users, and its limitations
46+
47+
## Lesson Materials
48+
49+
Materials available to use for this lesson include:
50+
- Educator Guide
51+
- PowerPoint Presentation with talking points
52+
- Student worksheet to print
53+
- Student worksheet example solution
54+
- Certificate to print
55+
56+
All materials are posted at: [https://aka.ms/bug-arena-educator](https://aka.ms/bug-arena-educator)
57+
58+
## Code definitions
59+
60+
### On Start
61+
62+
![On Start](/static/skillmap/bug-arena/onstart.png "on start")
63+
64+
The code inside the **On Start** block will run as soon as the program starts.
65+
66+
### Every
67+
68+
![Every](/static/skillmap/bug-arena/every.png "every")
69+
70+
The code inside the **Every** block will run on a specified millisecond (ms) time interval.
71+
72+
### On Bump Wall
73+
74+
![On Bump Wall](/static/skillmap/bug-arena/onbumpwall.png "on bump wall")
75+
76+
The code inside the **On Bump Wall** block will run when the bug bumps into a wall.
77+
78+
### Turn
79+
80+
![Turn](/static/skillmap/bug-arena/turn.png "turn")
81+
82+
Will turn the bug a specified number of degrees from its current direction. A positive number is clockwise, a negative number is counter-clockwise.
83+
84+
![Turn angle](/static/skillmap/bug-arena/turn-angle.png "turn angle")
85+
86+
### Face Towards
87+
88+
![Face Towards](/static/skillmap/bug-arena/facetowards.png "face towards")
89+
90+
Will turn the bug to face a specific angle in degrees where: 0 = right, 90 = down, 180 = left, 270 = up
91+
92+
![Face towards degrees](/static/skillmap/bug-arena/degrees.png "face towards degrees")
93+
94+
### Run After
95+
96+
![Run After](/static/skillmap/bug-arena/runafter.png "run after")
97+
98+
Will wait a specified amount of time in milliseconds (ms) before running the code inside it.
99+
100+
### Distance to Color
101+
102+
![Distance to Color](/static/skillmap/bug-arena/distancetocolor.png "distance to color")
103+
104+
Will return the distance in pixels from the front of the bug to its own paint color.
105+
106+
### Pick Random
107+
108+
![Pick Random](/static/skillmap/bug-arena/pickrandom.png "pick random")
109+
110+
Will return a random whole number between a minimum and maximum value.
111+
112+
## Game Mod Ideas
113+
114+
Once students have completed the Bug Arena skillmap, they can modify (mod) their programs using the full MakeCode editor. Use the **[SAVE TO MY PROJECTS]** button in the Skillmap to continue editing the code.
115+
116+
Mod Suggestions:
117+
118+
- Add music or sound effects
119+
- Add screen effects
120+
- Try using different algorithm strategies to beat the Tower
121+
122+
## What's Next?
123+
124+
When students are finished with **Bug Arena** consider encouraging them to complete another skillmap.
125+
126+
- [Try the Jungle Monkey Skillmap](@homeurl@--skillmap#docs:/skillmap/jungle)
127+
- [Try the Save the Galaxy Map](@homeurl@--skillmap#docs:/skillmap/galaxy)
128+
- [Try our Time Flies Tutorial](@homeurl@#tutorial:/tutorials/froggy)
129+
81.8 KB
Loading

docs/static/badges/badge-bug.png

93.7 KB
Loading
8.11 KB
Loading
6.81 KB
Loading

0 commit comments

Comments
 (0)