pxt-arcade 1.7.3 → 1.7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (227) hide show
  1. package/built/common-sim.d.ts +2 -0
  2. package/built/common-sim.js +4 -0
  3. package/built/target.js +1788 -236
  4. package/built/target.json +1788 -236
  5. package/built/targetlight.json +5 -5
  6. package/built/theme.json +3 -2
  7. package/docs/gamejam/global-2021.html +459 -0
  8. package/docs/hour-of-code/all.md +27 -0
  9. package/docs/hour-of-code/{educators.html → educators-2020.html} +25 -25
  10. package/docs/hour-of-code/educators-2021.html +625 -0
  11. package/docs/{hour-of-code.html → hour-of-code-2020.html} +37 -37
  12. package/docs/hour-of-code-2021.html +438 -183
  13. package/docs/hour-of-code-ref.json +3 -0
  14. package/docs/index-ref.json +1 -1
  15. package/docs/multipart-tutorials.md +0 -8
  16. package/docs/projects/SUMMARY.md +3 -2
  17. package/docs/recipes.md +0 -7
  18. package/docs/skillmap/clicker/clicker1.md +7 -7
  19. package/docs/skillmap/clicker/clicker2.md +9 -9
  20. package/docs/skillmap/clicker/clicker3.md +8 -8
  21. package/docs/skillmap/clicker/clicker4.md +8 -8
  22. package/docs/skillmap/clicker/clicker4a.md +7 -7
  23. package/docs/skillmap/clicker/clicker5.md +3 -3
  24. package/docs/skillmap/clicker-themed/clickert1.md +66 -38
  25. package/docs/skillmap/clicker-themed/clickert2.md +77 -58
  26. package/docs/skillmap/clicker-themed/clickert3.md +75 -55
  27. package/docs/skillmap/clicker-themed/clickert4.md +105 -118
  28. package/docs/skillmap/collector/collector1.md +11 -11
  29. package/docs/skillmap/collector/collector1a.md +8 -8
  30. package/docs/skillmap/collector/collector2.md +8 -8
  31. package/docs/skillmap/collector/collector3.md +8 -8
  32. package/docs/skillmap/collector/collector3a.md +7 -7
  33. package/docs/skillmap/collector/collector4.md +8 -8
  34. package/docs/skillmap/collector/collector5.md +2 -2
  35. package/docs/skillmap/collector-themed/collectort1.md +107 -88
  36. package/docs/skillmap/collector-themed/collectort2.md +109 -87
  37. package/docs/skillmap/collector-themed/collectort3.md +138 -115
  38. package/docs/skillmap/collector-themed/collectort4.md +130 -118
  39. package/docs/skillmap/collector-themed/collectort4old.md +23 -23
  40. package/docs/skillmap/collector-themed/collectort5.md +2 -2
  41. package/docs/skillmap/educator-info/forest-map-info.md +34 -25
  42. package/docs/skillmap/educator-info/pongo-map-info.md +55 -0
  43. package/docs/skillmap/educator-info/racer-map-info.md +105 -0
  44. package/docs/skillmap/educator-info/rockstar-map-info.md +1 -1
  45. package/docs/skillmap/educator-info/simple-shark-map-info.md +101 -0
  46. package/docs/skillmap/forest/forest1.md +1 -69
  47. package/docs/skillmap/forest/forest2.md +5 -65
  48. package/docs/skillmap/forest/forest3.md +1 -174
  49. package/docs/skillmap/forest/forest4.md +2 -336
  50. package/docs/skillmap/forest/forest5.md +1 -396
  51. package/docs/skillmap/forest/forest6.md +6 -372
  52. package/docs/skillmap/forest-old.md +92 -0
  53. package/docs/skillmap/forest.md +9 -9
  54. package/docs/skillmap/forest_new/forest1.md +191 -0
  55. package/docs/skillmap/forest_new/forest2.md +217 -0
  56. package/docs/skillmap/forest_new/forest3.md +333 -0
  57. package/docs/skillmap/forest_new/forest4.md +196 -0
  58. package/docs/skillmap/forest_new/forest5.md +291 -0
  59. package/docs/skillmap/forest_new/forest6.md +272 -0
  60. package/docs/skillmap/interface/activity1.md +41 -49
  61. package/docs/skillmap/jungle/jungle1.md +48 -28
  62. package/docs/skillmap/jungle/jungle2.md +50 -26
  63. package/docs/skillmap/jungle/jungle3.md +48 -27
  64. package/docs/skillmap/jungle/jungle4.md +76 -58
  65. package/docs/skillmap/jungle/jungle5.md +31 -25
  66. package/docs/skillmap/jungle/jungle6.md +34 -28
  67. package/docs/skillmap/jungle/jungle7.md +36 -24
  68. package/docs/skillmap/jungle/jungle8.md +27 -25
  69. package/docs/skillmap/jungle.md +7 -3
  70. package/docs/skillmap/long-shark.md +119 -0
  71. package/docs/skillmap/pongo/pongo1.md +256 -0
  72. package/docs/skillmap/pongo/pongo2.md +179 -0
  73. package/docs/skillmap/pongo/pongo3.md +177 -0
  74. package/docs/skillmap/pongo.md +59 -0
  75. package/docs/skillmap/racer.md +7 -7
  76. package/docs/skillmap/rockstar/rockstar1.md +32 -41
  77. package/docs/skillmap/rockstar/rockstar2.md +45 -27
  78. package/docs/skillmap/rockstar/rockstar3.md +45 -27
  79. package/docs/skillmap/rockstar.md +3 -1
  80. package/docs/skillmap/shark/shark1-simple.md +151 -0
  81. package/docs/skillmap/shark/shark2-simple.md +203 -0
  82. package/docs/skillmap/shark/shark3-simple.md +204 -0
  83. package/docs/skillmap/shark/shark4-simple.md +246 -0
  84. package/docs/skillmap/shark/shark4a-simple.md +244 -0
  85. package/docs/skillmap/shark.md +25 -58
  86. package/docs/skillmap/space/space1.md +63 -29
  87. package/docs/skillmap/space/space2.md +34 -25
  88. package/docs/skillmap/space/space3.md +86 -69
  89. package/docs/skillmap/space/space4.md +96 -65
  90. package/docs/skillmap/space/space4a.md +34 -25
  91. package/docs/skillmap/space/space5.md +81 -45
  92. package/docs/skillmap/space/space6.md +59 -81
  93. package/docs/skillmap/space.md +8 -5
  94. package/docs/skillmap/story/card.md +6 -6
  95. package/docs/skillmap/story/card2.md +6 -6
  96. package/docs/skillmap/story/story1.md +60 -175
  97. package/docs/skillmap/story/story2.md +89 -327
  98. package/docs/skillmap/story/story3.md +238 -228
  99. package/docs/skillmap/story/story4.md +23 -23
  100. package/docs/skillmap/zoo/zoo1.md +31 -16
  101. package/docs/skillmap/zoo/zoo2.md +45 -30
  102. package/docs/skillmap/zoo/zoo2a.md +51 -36
  103. package/docs/skillmap/zoo/zoo3.md +8 -7
  104. package/docs/skillmap/zoo/zoo4.md +61 -32
  105. package/docs/skillmap/zoo/zoo5.md +41 -31
  106. package/docs/skillmap/zoo.md +2 -2
  107. package/docs/skillmaps.md +20 -4
  108. package/docs/static/experiments/accessibleblocks.png +0 -0
  109. package/docs/static/experiments/blockserrorlist.png +0 -0
  110. package/docs/static/gamejam/jams/global-2021/assets/banner.png +0 -0
  111. package/docs/static/gamejam/jams/global-2021/info.json +10 -0
  112. package/docs/static/gamejam/jams/global-2021/rules.md +22 -0
  113. package/docs/static/gamejam/jams/global-2021/style.css +141 -0
  114. package/docs/static/gamejam/lib/gamejam.d.ts +1 -0
  115. package/docs/static/gamejam/lib/gamejam.js +34 -24
  116. package/docs/static/gamejam/lib/gamejam.ts +35 -24
  117. package/docs/static/hero-gallery/stream.png +0 -0
  118. package/docs/static/hour-of-code/{apple.png → 2020/apple.png} +0 -0
  119. package/docs/static/hour-of-code/{arcade.png → 2020/arcade.png} +0 -0
  120. package/docs/static/hour-of-code/{asphodel.png → 2020/asphodel.png} +0 -0
  121. package/docs/static/hour-of-code/{card.png → 2020/card.png} +0 -0
  122. package/docs/static/hour-of-code/{chase-the-pizza.png → 2020/chase-the-pizza.png} +0 -0
  123. package/docs/static/hour-of-code/{clovers.png → 2020/clovers.png} +0 -0
  124. package/docs/static/hour-of-code/{design.png → 2020/design.png} +0 -0
  125. package/docs/static/hour-of-code/{educators → 2020/educators}/asphodel-level1.png +0 -0
  126. package/docs/static/hour-of-code/{educators → 2020/educators}/asphodel-level4.png +0 -0
  127. package/docs/static/hour-of-code/{educators → 2020/educators}/asphodel-level6.png +0 -0
  128. package/docs/static/hour-of-code/{educators → 2020/educators}/asphodel-level7.png +0 -0
  129. package/docs/static/hour-of-code/{educators → 2020/educators}/asphodel-level9.png +0 -0
  130. package/docs/static/hour-of-code/{educators → 2020/educators}/clover-design.gif +0 -0
  131. package/docs/static/hour-of-code/{educators → 2020/educators}/shark-attack-tutorial.png +0 -0
  132. package/docs/static/hour-of-code/{galga.png → 2020/galga.png} +0 -0
  133. package/docs/static/hour-of-code/{lemon-leak.png → 2020/lemon-leak.png} +0 -0
  134. package/docs/static/hour-of-code/{micro-bit.png → 2020/micro-bit.png} +0 -0
  135. package/docs/static/hour-of-code/{minecraft.png → 2020/minecraft.png} +0 -0
  136. package/docs/static/hour-of-code/{nfl.png → 2020/nfl.png} +0 -0
  137. package/docs/static/hour-of-code/{ocean-jam.png → 2020/ocean-jam.png} +0 -0
  138. package/docs/static/hour-of-code/{pixel-background-primary.png → 2020/pixel-background-primary.png} +0 -0
  139. package/docs/static/hour-of-code/{pixel-background-secondary.png → 2020/pixel-background-secondary.png} +0 -0
  140. package/docs/static/hour-of-code/{shadowed-aside-frame.png → 2020/shadowed-aside-frame.png} +0 -0
  141. package/docs/static/hour-of-code/{shadowed-button-frame.png → 2020/shadowed-button-frame.png} +0 -0
  142. package/docs/static/hour-of-code/{shadowed-primary-frame.png → 2020/shadowed-primary-frame.png} +0 -0
  143. package/docs/static/hour-of-code/{shark-attack.png → 2020/shark-attack.png} +0 -0
  144. package/docs/static/hour-of-code/{simulator.gif → 2020/simulator.gif} +0 -0
  145. package/docs/static/hour-of-code/{simulator.png → 2020/simulator.png} +0 -0
  146. package/docs/static/hour-of-code/{styles.css → 2020/styles.css} +1 -1
  147. package/docs/static/hour-of-code/2021/Rowdies/OFL.txt +93 -0
  148. package/docs/static/hour-of-code/2021/Rowdies/Rowdies-Bold.ttf +0 -0
  149. package/docs/static/hour-of-code/2021/Rowdies/Rowdies-Regular.ttf +0 -0
  150. package/docs/static/hour-of-code/2021/beginner-skillmap.png +0 -0
  151. package/docs/static/hour-of-code/2021/favicon.png +0 -0
  152. package/docs/static/hour-of-code/2021/forest-skillmap-game.gif +0 -0
  153. package/docs/static/hour-of-code/2021/game-jam-hero.png +0 -0
  154. package/docs/static/hour-of-code/2021/hoc-2020.png +0 -0
  155. package/docs/static/hour-of-code/2021/hoc-card.png +0 -0
  156. package/docs/static/hour-of-code/2021/hoc-header-educators.png +0 -0
  157. package/docs/static/hour-of-code/2021/hoc-header-plane.gif +0 -0
  158. package/docs/static/hour-of-code/2021/hoc-header-scene.gif +0 -0
  159. package/docs/static/hour-of-code/2021/jungle-skillmap.png +0 -0
  160. package/docs/static/hour-of-code/2021/makecode-example.png +0 -0
  161. package/docs/static/hour-of-code/2021/microbit.png +0 -0
  162. package/docs/static/hour-of-code/2021/minecraft.png +0 -0
  163. package/docs/static/hour-of-code/2021/rockstar-skillmap.png +0 -0
  164. package/docs/static/hour-of-code/2021/styles.css +660 -62
  165. package/docs/static/logo.png +0 -0
  166. package/docs/static/skillmap/assets/my-assets-three.png +0 -0
  167. package/docs/static/skillmap/assets/sprite-from-container.gif +0 -0
  168. package/docs/static/skillmap/backgrounds/jungle-bg.png +0 -0
  169. package/docs/static/skillmap/backgrounds/jungle-map.png +0 -0
  170. package/docs/static/skillmap/backgrounds/rock-map.png +0 -0
  171. package/docs/static/skillmap/backgrounds/rockstar-card.gif +0 -0
  172. package/docs/static/skillmap/backgrounds/space-comp.png +0 -0
  173. package/docs/static/skillmap/backgrounds/space.png +0 -0
  174. package/docs/static/skillmap/certificates/forest-cert.pdf +0 -0
  175. package/docs/static/skillmap/certificates/forest-cert.png +0 -0
  176. package/docs/static/skillmap/certificates/jungle-cert.pdf +0 -0
  177. package/docs/static/skillmap/certificates/jungle-cert.png +0 -0
  178. package/docs/static/skillmap/certificates/rockstar-cert.pdf +0 -0
  179. package/docs/static/skillmap/certificates/rockstar-cert.png +0 -0
  180. package/docs/static/skillmap/certificates/shark-cert.pdf +0 -0
  181. package/docs/static/skillmap/certificates/shark-cert.png +0 -0
  182. package/docs/static/skillmap/certificates/space-cert.pdf +0 -0
  183. package/docs/static/skillmap/certificates/space-cert.png +0 -0
  184. package/docs/static/skillmap/pongo/pongo1.gif +0 -0
  185. package/docs/static/skillmap/pongo/pongo2gif +0 -0
  186. package/docs/static/skillmap/pongo/pongo3.gif +0 -0
  187. package/docs/static/skillmap/racer/racer1.gif +0 -0
  188. package/docs/static/skillmap/racer/racer2.gif +0 -0
  189. package/docs/static/skillmap/racer/racer3.gif +0 -0
  190. package/docs/static/skillmap/rockstar/rockstar1.gif +0 -0
  191. package/docs/static/skillmap/rockstar/rockstar2.gif +0 -0
  192. package/docs/static/skillmap/rockstar/rockstar3.gif +0 -0
  193. package/docs/static/skillmap/shark/shark1-simple.gif +0 -0
  194. package/docs/static/skillmap/shark/shark4a-simple.gif +0 -0
  195. package/docs/static/skillmap/zoo/overlaps-food-sprite.gif +0 -0
  196. package/docs/tutorials/barrel-dodger.md +4 -4
  197. package/docs/tutorials/collect-the-clovers.md +2 -2
  198. package/docs/tutorials/froggy.md +105 -90
  199. package/docs/tutorials/hundred.md +400 -0
  200. package/package.json +3 -3
  201. package/pxtarget.json +3 -2
  202. package/targetconfig.json +4 -1
  203. package/docs/recipes/wonder-woman-1984/01-maze.md +0 -291
  204. package/docs/recipes/wonder-woman-1984/02-artifact.md +0 -70
  205. package/docs/recipes/wonder-woman-1984/03-enemies.md +0 -65
  206. package/docs/skillmap/forest/forest9.md +0 -714
  207. package/docs/static/hour-of-code/2021/placeholder.png +0 -0
  208. package/docs/static/hour-of-code/ww-maze.png +0 -0
  209. package/docs/static/recipes/wonder-woman-1984/artifact-preview.png +0 -0
  210. package/docs/static/recipes/wonder-woman-1984/artifacts-location.gif +0 -0
  211. package/docs/static/recipes/wonder-woman-1984/draw-maze-backup.png +0 -0
  212. package/docs/static/recipes/wonder-woman-1984/draw-walls-backup.png +0 -0
  213. package/docs/static/recipes/wonder-woman-1984/end-position.png +0 -0
  214. package/docs/static/recipes/wonder-woman-1984/enemies-location.gif +0 -0
  215. package/docs/static/recipes/wonder-woman-1984/enemies-preview.png +0 -0
  216. package/docs/static/recipes/wonder-woman-1984/fill-maze.gif +0 -0
  217. package/docs/static/recipes/wonder-woman-1984/fill-walls.gif +0 -0
  218. package/docs/static/recipes/wonder-woman-1984/wonder-woman3.png +0 -0
  219. package/docs/static/recipes/wonder-woman-1984/ww-splash3.gif +0 -0
  220. package/docs/static/recipes/wonder-woman-1984/ww-splash3.mp4 +0 -0
  221. package/docs/static/ww84-background.png +0 -0
  222. package/docs/static/ww84-header.png +0 -0
  223. package/docs/ww84.html +0 -276
  224. package/sim/public/locales/zh-CN/bundled-strings.json +0 -1800
  225. package/sim/public/locales/zh-CN/target-strings.json +0 -13
  226. package/sim/public/locales/zh-TW/bundled-strings.json +0 -1903
  227. package/sim/public/locales/zh-TW/target-strings.json +0 -8
package/docs/hour-of-code/educators-2021.html ADDED
@@ -0,0 +1,625 @@
1
+ <!DOCTYPE html>
2
+ <html
3
+ lang="en-US"
4
+ xmlns="http://www.w3.org/1999/xhtml"
5
+ xmlns:og="http://ogp.me/ns#"
6
+ xmlns:fb="http://www.facebook.com/2008/fbml"
7
+ >
8
+ <head>
9
+ <meta charset="UTF-8" />
10
+ <title>Microsoft MakeCode Arcade Hour of Code™ 2021</title>
11
+ <meta name="Description" content="" />
12
+ <!-- TODO: Description Copy -->
13
+ <meta
14
+ name="viewport"
15
+ content="width=device-width, initial-scale=1.0, user-scalable=yes"
16
+ />
17
+
18
+ <link rel="manifest" href="/blb/sim.webmanifest" />
19
+
20
+ <meta name="mobile-web-app-capable" content="yes" />
21
+ <meta name="apple-mobile-web-app-capable" content="yes" />
22
+ <meta
23
+ name="apple-mobile-web-app-title"
24
+ content="Microsoft MakeCode Arcade Hour of Code™ 2021"
25
+ />
26
+ <meta
27
+ name="apple-mobile-web-app-status-bar-style"
28
+ content="translucent-black"
29
+ />
30
+ <meta name="format-detection" content="telephone=no" />
31
+ <meta
32
+ name="application-name"
33
+ content="Microsoft MakeCode Arcade Hour of Code™ 2021"
34
+ />
35
+
36
+ <meta name="msapplication-TileColor" content="#ff7b22" />
37
+ <meta
38
+ name="msapplication-TileImage"
39
+ content="/static/hour-of-code/card.png"
40
+ />
41
+ <meta name="msapplication-config" content="none" />
42
+ <meta name="theme-color" content="#ff7b22" />
43
+
44
+ <meta name="msapplication-TileColor" content="#3DC1AA" />
45
+ <meta
46
+ name="msapplication-TileImage"
47
+ content="/static/hour-of-code/2021/hoc-card.png"
48
+ />
49
+ <meta name="msapplication-config" content="none" />
50
+ <meta name="theme-color" content="#3DC1AA" />
51
+
52
+ <meta name="twitter:card" content="summary" />
53
+ <meta name="twitter:site" content="MSMakeCode" />
54
+ <meta
55
+ name="twitter:title"
56
+ content="Microsoft MakeCode Arcade Hour of Code™ 2021"
57
+ />
58
+ <meta name="twitter:description" content="" />
59
+ <!-- TODO: Description Copy -->
60
+ <meta
61
+ name="twitter:image"
62
+ content="/static/hour-of-code/2021/hoc-card.png"
63
+ />
64
+
65
+ <meta
66
+ property="og:title"
67
+ content="Microsoft MakeCode Arcade Hour of Code™ 2021"
68
+ />
69
+ <meta
70
+ property="og:site_name"
71
+ content="Microsoft MakeCode Arcade Hour of Code™ 2021"
72
+ />
73
+ <meta property="og:description" content="" />
74
+ <!-- TODO: Description Copy -->
75
+ <meta
76
+ property="og:image"
77
+ content="/static/hour-of-code/2021/hoc-card.png"
78
+ />
79
+
80
+ <link
81
+ rel="apple-touch-icon"
82
+ href="/static/hour-of-code/2021/favicon.png"
83
+ />
84
+ <link
85
+ rel="icon"
86
+ type="image/png"
87
+ href="/static/hour-of-code/2021/favicon.png"
88
+ />
89
+ <link
90
+ rel="shortcut icon"
91
+ href="/static/hour-of-code/2021/favicon.png"
92
+ />
93
+
94
+ <link
95
+ rel="stylesheet"
96
+ href="https://pxt.azureedge.net/blob/2163189fd5e35c0981ed55318415582a7c9aeb12/doccdn/semantic.css"
97
+ type="text/css"
98
+ />
99
+
100
+ <!-- @include scripthead.html -->
101
+ <!-- TODO: Font compliance for "Rowdies" Google Font (400 weight) -->
102
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
103
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
104
+
105
+ <style>
106
+ @font-face {
107
+ font-family: 'Rowdies';
108
+ src: url('/static/hour-of-code/2021/Rowdies/Rowdies-Bold.ttf')
109
+ format('truetype');
110
+ }
111
+ </style>
112
+
113
+ <link rel="stylesheet" href="/static/hour-of-code/2021/styles.css" />
114
+
115
+ <script>
116
+ function handleOnLoad() {
117
+ var langPicker = document.querySelector('#langpicker');
118
+ if (langPicker) {
119
+ langPicker.remove();
120
+ }
121
+ }
122
+
123
+ function onTeamsShareClicked() {
124
+ window.pxtTickEvent('hourofcode2021.educator.teams');
125
+ document.getElementById('teams-share').click();
126
+ }
127
+ </script>
128
+ <script
129
+ async
130
+ defer
131
+ src="https://teams.microsoft.com/share/launcher.js"
132
+ ></script>
133
+ </head>
134
+
135
+ <body id="root" class="root background-eggplant" onload="handleOnLoad()">
136
+ <div id="main" role="presentation">
137
+ <nav
138
+ id="header-bar"
139
+ class="background-eggplant"
140
+ style="height: 60px"
141
+ >
142
+ <div class="header-bar-left">
143
+ <a
144
+ href="https://www.microsoft.com/en-us/makecode"
145
+ onClick="window.pxtTickEvent('hourofcode2021.header.logo')"
146
+ ><div class="header-org-logo" role="menuitem">
147
+ <img
148
+ src="/static/logo/Microsoft_logo_rgb_W-white_D.png"
149
+ alt="Microsoft"
150
+ />
151
+ </div>
152
+ <div class="header-org-logo-sm" role="menuitem">
153
+ <img
154
+ src="/static/logo/Microsoft_logo_rgb_W-white_D-square.png"
155
+ alt="Microsoft"
156
+ />
157
+ </div>
158
+ <div class="header-title" role="menuitem">
159
+ <span>MakeCode</span>
160
+ </div>
161
+ </a>
162
+ </div>
163
+ <div class="header-bar-right">
164
+ <a
165
+ class="header-icon"
166
+ role="menuitem"
167
+ aria-label="Return home"
168
+ tabindex="0"
169
+ href="https://arcade.makecode.com/"
170
+ onClick="window.pxtTickEvent('hourofcode2021.header.home')"
171
+ >
172
+ <i
173
+ class="icon home"
174
+ aria-hidden="true"
175
+ role="presentation"
176
+ ></i>
177
+ </a>
178
+ </div>
179
+ </nav>
180
+
181
+ <header
182
+ class="hoc-header hoc-header-educators background-marina"
183
+ style="
184
+ background-image: url('../static/hour-of-code/2021/hoc-header-educators.png');
185
+ "
186
+ >
187
+ <div class="header-text">
188
+ <h4 class="body-font">Microsoft MakeCode Arcade</h4>
189
+ <div class="title">
190
+ <h1 class="display-font">Hour Of</h1>
191
+ <h1 class="display-font code">
192
+ Code<span class="small">™</span>
193
+ </h1>
194
+ </div>
195
+ <h3 class="display-font">2021 Educator Guide</h3>
196
+ </div>
197
+ </header>
198
+
199
+ <section class="hoc-section-01">
200
+ <div class="hero">
201
+ <img
202
+ src="../static/hour-of-code/2021/makecode-example.png"
203
+ alt="MakeCode Arcade"
204
+ />
205
+ </div>
206
+ <div class="section-text">
207
+ <h3 class="title display-font sunflower">
208
+ About MakeCode Arcade
209
+ </h3>
210
+ <p>
211
+ Microsoft MakeCode Arcade is a free, open-source, retro,
212
+ 2D game development environment. Students between the
213
+ ages of 9 and 18 can use MakeCode Arcade to design and
214
+ create their own games online and share them with
215
+ friends and family or download to hand-held game
216
+ devices. Learn more about Microsoft MakeCode at
217
+ <a
218
+ href="http://aka.ms/makecode"
219
+ rel="noreferrer"
220
+ target="_blank"
221
+ onClick="window.pxtTickEvent('hourofcode2021.educator.learnmore')"
222
+ >http://aka.ms/makecode</a
223
+ >.
224
+ </p>
225
+ <a
226
+ class="btn"
227
+ target="_blank"
228
+ rel="noreferrer"
229
+ href="http://aka.ms/makecode"
230
+ onClick="window.pxtTickEvent('hourofcode2021.educator.learnmore')"
231
+ >
232
+ <!--TODO: Make sure link above is correct-->
233
+ <h5 class="display-font">Learn More</h5></a
234
+ >
235
+ </div>
236
+ </section>
237
+
238
+ <section class="hoc-aside-01 background-marina">
239
+ <div class="wrapper">
240
+ <div class="aside-text">
241
+ <h3 class="title display-font">
242
+ This Year's Activity:<br /><em>Save the Forest</em>
243
+ </h3>
244
+ <p>
245
+ Students will learn about core programming and game
246
+ development concepts while building a game about
247
+ fighting forest fires.
248
+ </p>
249
+ </div>
250
+ <div
251
+ class="hero background-sunflower"
252
+ style="
253
+ background-image: url('../static/hour-of-code/2021/forest-skillmap-game.gif');
254
+ "
255
+ ></div>
256
+ </div>
257
+ </section>
258
+
259
+ <section class="hoc-section">
260
+ <h3 class="display-font title sunflower">
261
+ Activity Requirements
262
+ </h3>
263
+ <div>
264
+ <p>
265
+ The MakeCode Arcade Hour of Code™ activities require
266
+ students to have a computer with internet access. All
267
+ activities run in the browser –
268
+ <b class="sunflower"
269
+ >no download or installation required</b
270
+ >.
271
+ </p>
272
+ <p>
273
+ Optionally, there are hand-held game devices students
274
+ may purchase to download the games they code to play
275
+ on-the-go. Learn more at
276
+ <a
277
+ href="https://arcade.makecode.com/hardware"
278
+ rel="noreferrer"
279
+ target="_blank"
280
+ onClick="window.pxtTickEvent('hourofcode2021.educator.hardware')"
281
+ >https://arcade.makecode.com/hardware</a
282
+ >.
283
+ </p>
284
+ </div>
285
+ </section>
286
+
287
+ <section class="hoc-section">
288
+ <h3 class="display-font title sunflower">
289
+ Learning Objectives
290
+ </h3>
291
+ <div>
292
+ <p>
293
+ By the end of this lesson, students will have been
294
+ exposed to:
295
+ </p>
296
+ <div class="learning-columns">
297
+ <div class="col">
298
+ <div class="col-wrapper">
299
+ <h4 class="display-font">
300
+ Game Design Concepts
301
+ </h4>
302
+ <ul>
303
+ <li>Tilemaps</li>
304
+ <li>Sprites</li>
305
+ <li>HUD (Head-up Display)</li>
306
+ <li>Status Bar</li>
307
+ <li>Art and Design</li>
308
+ <li>Animations</li>
309
+ <li>Effects</li>
310
+ </ul>
311
+ </div>
312
+ </div>
313
+
314
+ <div class="col">
315
+ <div class="col-wrapper">
316
+ <h4 class="display-font">
317
+ Programming Concepts
318
+ </h4>
319
+ <ul>
320
+ <li>Events</li>
321
+ <li>Variables and constants</li>
322
+ <li>Loops</li>
323
+ <li>Randomization</li>
324
+ </ul>
325
+ </div>
326
+ </div>
327
+ <div class="col">
328
+ <div class="col-wrapper">
329
+ <h4 class="display-font">Topical Concepts</h4>
330
+ <ul>
331
+ <li>
332
+ The impact of wildfires on the
333
+ environment
334
+ </li>
335
+ <li>Common causes of forest fires</li>
336
+ <li>
337
+ How computers and technology can help
338
+ combat wildfires
339
+ </li>
340
+ </ul>
341
+ </div>
342
+ </div>
343
+ </div>
344
+ </div>
345
+ </section>
346
+
347
+ <section class="hoc-section">
348
+ <h3 class="display-font title sunflower">
349
+ Teacher Preparation
350
+ </h3>
351
+ <p>
352
+ While it’s great to be completely prepared when teaching
353
+ activities, computer science is one of those fields where
354
+ students benefit from exploring and troubleshooting for
355
+ themselves. If you find yourself short on time, embrace the
356
+ idea that this lesson is as much about learning to solve
357
+ unknown problems as it is coming out the other side with a
358
+ working game.
359
+ </p>
360
+ <p>
361
+ That said, for the most comfortable experience, the
362
+ following advanced preparation is suggested.
363
+ </p>
364
+ <ul class="accent-list">
365
+ <li>
366
+ <b class="sunflower">(5-20 minutes)</b> Review Save the
367
+ Forest
368
+ </li>
369
+ <li>
370
+ <b class="sunflower">(10-15 minutes)</b> Review
371
+ Additional Resources
372
+ </li>
373
+ <li>
374
+ <b class="sunflower">(5 minutes)</b> Preview Save the
375
+ Forest Video and Questions
376
+ </li>
377
+ <li>
378
+ <b class="sunflower">(5-10 minutes)</b> Review Lesson
379
+ Slides
380
+ </li>
381
+ </ul>
382
+ <div class="hoc-teams-share">
383
+ <p class="body-font">
384
+ Share this Hour of Code activity as a class assignment
385
+ in Microsoft Teams by clicking on the button below.
386
+ </p>
387
+ <div class="share-btn" onclick="onTeamsShareClicked()">
388
+ <div
389
+ id="teams-share"
390
+ class="teams-share-button icon"
391
+ data-href="https://arcade.makecode.com/--skillmap#docs:/skillmap/forest"
392
+ data-icon-px-size="36"
393
+ data-msg-text="Hour of Code 2021 - Code a game with Microsoft MakeCode Arcade that recreates the conditions for a forest fire, and then code your fire-fighting airtanker plane to spray water and put out the flames! "
394
+ data-assign-title="MakeCode Hour of Code 2021 - Save the Forest!"
395
+ data-assign-instr="Open the link below, complete all the steps to create your Save the Forest game. When you get your certificate, click the Share button and copy and paste the link into this assignment to turn it in."
396
+ ></div>
397
+ <h5 class="display-font">Assign in Teams</h5>
398
+ </div>
399
+ </div>
400
+ </section>
401
+
402
+ <section class="hoc-section">
403
+ <h3 class="display-font title sunflower">
404
+ Resources for Further Exploration
405
+ </h3>
406
+ <ul class="accent-list">
407
+ <li>
408
+ Webpages and Articles
409
+ <ul class="accent-list">
410
+ <li>
411
+ <a
412
+ href="https://en.wikipedia.org/wiki/Aerial_firefighting"
413
+ target="_blank"
414
+ rel="noreferrer"
415
+ >Aerial firefighting (Wikipedia)</a
416
+ >
417
+ </li>
418
+ <li>
419
+ <a
420
+ href="https://www.fs.usda.gov/pnw/page/fire-effects-environment"
421
+ target="_blank"
422
+ rel="noreferrer"
423
+ >Fire effects on the environment (US Forest
424
+ Service)</a
425
+ >
426
+ </li>
427
+ <li>
428
+ <a
429
+ href="https://www.fs.usda.gov/managing-land/fire/planes"
430
+ target="_blank"
431
+ rel="noreferrer"
432
+ >US Forest Service planes</a
433
+ >
434
+ </li>
435
+ <li>
436
+ <a
437
+ href="https://www.livescience.com/climate-change.html"
438
+ target="_blank"
439
+ rel="noreferrer"
440
+ >Climate Change resource</a
441
+ >
442
+ </li>
443
+ </ul>
444
+ </li>
445
+ <li>
446
+ YouTube videos
447
+ <ul class="accent-list">
448
+ <li>
449
+ <a
450
+ href="https://youtu.be/6BjSaUJlf7E"
451
+ target="_blank"
452
+ rel="noreferrer"
453
+ >Western US first in 2021 using aerial
454
+ scanning</a
455
+ >
456
+ </li>
457
+ <li>
458
+ <a
459
+ href="https://youtu.be/pYe6QIBdTKs"
460
+ target="_blank"
461
+ rel="noreferrer"
462
+ >Siberia 2021 wildfires</a
463
+ >
464
+ </li>
465
+ <li>
466
+ <a
467
+ href="https://youtu.be/UXTqTh0SrLQ"
468
+ target="_blank"
469
+ rel="noreferrer"
470
+ >Wildfires in Turkey and Greece</a
471
+ >
472
+ </li>
473
+ <li>
474
+ <a
475
+ href="https://youtu.be/CGqaU7iTqOI"
476
+ target="_blank"
477
+ rel="noreferrer"
478
+ >Salo Sciences stopping forest fires from
479
+ space</a
480
+ >
481
+ </li>
482
+ <li>
483
+ <a
484
+ href="https://youtu.be/Hb0NTX_sYas"
485
+ target="_blank"
486
+ rel="noreferrer"
487
+ >10 amazing fire-fighting aircrafts in the
488
+ world</a
489
+ >
490
+ </li>
491
+ </ul>
492
+ </li>
493
+ </ul>
494
+ </section>
495
+
496
+ <section class="hoc-aside-02 background-papaya">
497
+ <div class="aside-text">
498
+ <h3 class="title display-font">
499
+ Follow us on Social Media
500
+ </h3>
501
+ <p>
502
+ Tag us in your students' creations using @msmakecode or
503
+ the hashtag #makecode. And don't forget to follow us to
504
+ find out about the newest MakeCode Arcade updates,
505
+ games, and competitions!
506
+ </p>
507
+ <div class="social-buttons">
508
+ <a
509
+ href="https://www.instagram.com/msmakecode"
510
+ target="_blank"
511
+ rel="noreferrer"
512
+ onClick="window.pxtTickEvent('hourofcode2021.social.instagram')"
513
+ >
514
+ <i class="icon instagram"></i>
515
+ </a>
516
+ <a
517
+ href="https://www.youtube.com/microsoftmakecode"
518
+ target="_blank"
519
+ rel="noreferrer"
520
+ onClick="window.pxtTickEvent('hourofcode2021.social.youtube')"
521
+ >
522
+ <i class="icon youtube"></i>
523
+ </a>
524
+ <a
525
+ href="https://twitter.com/msmakecode"
526
+ target="_blank"
527
+ rel="noreferrer"
528
+ onClick="window.pxtTickEvent('hourofcode2021.social.twitter')"
529
+ >
530
+ <i class="icon twitter"></i>
531
+ </a>
532
+ <a
533
+ href="https://www.twitch.tv/msmakecode"
534
+ target="_blank"
535
+ rel="noreferrer"
536
+ onClick="window.pxtTickEvent('hourofcode2021.social.twitch')"
537
+ >
538
+ <i class="icon twitch"></i>
539
+ </a>
540
+ <a
541
+ href="https://www.tiktok.com/@msmakecode"
542
+ target="_blank"
543
+ rel="noreferrer"
544
+ onClick="window.pxtTickEvent('hourofcode2021.social.tiktok')"
545
+ >
546
+ <svg
547
+ aria-hidden="true"
548
+ focusable="false"
549
+ data-prefix="fab"
550
+ data-icon="tiktok"
551
+ class="svg-inline--fa fa-tiktok fa-w-14"
552
+ role="img"
553
+ xmlns="http://www.w3.org/2000/svg"
554
+ viewBox="0 0 448 512"
555
+ >
556
+ <path
557
+ d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"
558
+ ></path>
559
+ </svg>
560
+ </a>
561
+ </div>
562
+ </div>
563
+ </section>
564
+
565
+ <footer class="hoc-footer background-papaya">
566
+ <div class="code-org-trademark">
567
+ <p>
568
+ The '<a
569
+ href="http://hourofcode.com/"
570
+ target="_blank"
571
+ rel="noreferrer"
572
+ >Hour of Code™</a
573
+ >' is a nationwide initiative by
574
+ <a
575
+ href="http://csedweek.org/"
576
+ target="_blank"
577
+ rel="noreferrer"
578
+ >Computer Science Education Week</a
579
+ >
580
+ and
581
+ <a
582
+ href="http://code.org/"
583
+ target="_blank"
584
+ rel="noreferrer"
585
+ >Code.org</a
586
+ >
587
+ to introduce millions of students to one hour of
588
+ computer science and computer programming
589
+ </p>
590
+ </div>
591
+ <div class="msft">
592
+ <img
593
+ src="/static/logo/Microsoft_logo_rgb_W-white_D.png"
594
+ alt="Microsoft"
595
+ />
596
+ </div>
597
+ <div class="text-content">
598
+ <a
599
+ href="https://www.microsoft.com/en-us/makecode/about"
600
+ target="_blank"
601
+ rel="noreferrer"
602
+ onClick="window.pxtTickEvent('hourofcode2021.footer.about')"
603
+ >Microsoft MakeCode</a
604
+ >
605
+ <a
606
+ href="https://www.microsoft.com/en-us/legal/terms-of-use"
607
+ target="_blank"
608
+ rel="noreferrer"
609
+ onClick="window.pxtTickEvent('hourofcode2021.footer.terms')"
610
+ >Terms of Use</a
611
+ >
612
+ <a
613
+ href="https://privacy.microsoft.com/en-us/privacystatement"
614
+ target="_blank"
615
+ rel="noreferrer"
616
+ onClick="window.pxtTickEvent('hourofcode2021.footer.privacy')"
617
+ >Privacy</a
618
+ >
619
+ </div>
620
+ </footer>
621
+ </div>
622
+ <!-- @include tracking.html -->
623
+ <!-- @include tickevent.html -->
624
+ </body>
625
+ </html>