pxt-arcade 1.7.3 → 1.7.4
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.
- package/built/target.js +69 -68
- package/built/target.json +69 -68
- package/built/targetlight.json +4 -4
- package/built/theme.json +2 -1
- package/docs/hour-of-code/educators-2021.html +366 -0
- package/docs/hour-of-code-2021.html +239 -140
- package/docs/hour-of-code.html +11 -11
- package/docs/index-ref.json +1 -1
- package/docs/multipart-tutorials.md +0 -8
- package/docs/projects/SUMMARY.md +3 -2
- package/docs/recipes.md +0 -7
- package/docs/skillmap/clicker/clicker1.md +7 -7
- package/docs/skillmap/clicker/clicker2.md +9 -9
- package/docs/skillmap/clicker/clicker3.md +8 -8
- package/docs/skillmap/clicker/clicker4.md +8 -8
- package/docs/skillmap/clicker/clicker4a.md +7 -7
- package/docs/skillmap/clicker/clicker5.md +3 -3
- package/docs/skillmap/clicker-themed/clickert1.md +8 -8
- package/docs/skillmap/clicker-themed/clickert2.md +10 -10
- package/docs/skillmap/clicker-themed/clickert3.md +8 -8
- package/docs/skillmap/clicker-themed/clickert4.md +8 -8
- package/docs/skillmap/collector/collector1.md +11 -11
- package/docs/skillmap/collector/collector1a.md +8 -8
- package/docs/skillmap/collector/collector2.md +8 -8
- package/docs/skillmap/collector/collector3.md +8 -8
- package/docs/skillmap/collector/collector3a.md +7 -7
- package/docs/skillmap/collector/collector4.md +8 -8
- package/docs/skillmap/collector/collector5.md +2 -2
- package/docs/skillmap/collector-themed/collectort1.md +14 -14
- package/docs/skillmap/collector-themed/collectort2.md +9 -9
- package/docs/skillmap/collector-themed/collectort3.md +11 -11
- package/docs/skillmap/collector-themed/collectort4.md +11 -11
- package/docs/skillmap/collector-themed/collectort4old.md +8 -8
- package/docs/skillmap/collector-themed/collectort5.md +2 -2
- package/docs/skillmap/educator-info/forest-map-info.md +8 -8
- package/docs/skillmap/educator-info/racer-map-info.md +105 -0
- package/docs/skillmap/educator-info/simple-shark-map-info.md +101 -0
- package/docs/skillmap/forest/forest1.md +1 -69
- package/docs/skillmap/forest/forest2.md +3 -67
- package/docs/skillmap/forest/forest3.md +1 -174
- package/docs/skillmap/forest/forest4.md +2 -336
- package/docs/skillmap/forest/forest5.md +1 -396
- package/docs/skillmap/forest/forest6.md +6 -372
- package/docs/skillmap/forest.md +2 -2
- package/docs/skillmap/interface/activity1.md +14 -14
- package/docs/skillmap/jungle/jungle1.md +48 -28
- package/docs/skillmap/jungle/jungle2.md +50 -26
- package/docs/skillmap/jungle/jungle3.md +48 -27
- package/docs/skillmap/jungle/jungle4.md +76 -58
- package/docs/skillmap/jungle/jungle5.md +31 -25
- package/docs/skillmap/jungle/jungle6.md +34 -28
- package/docs/skillmap/jungle/jungle7.md +36 -24
- package/docs/skillmap/jungle/jungle8.md +27 -25
- package/docs/skillmap/jungle.md +7 -3
- package/docs/skillmap/long-shark.md +119 -0
- package/docs/skillmap/racer.md +7 -7
- package/docs/skillmap/rockstar/rockstar1.md +32 -13
- package/docs/skillmap/rockstar/rockstar2.md +43 -25
- package/docs/skillmap/rockstar/rockstar3.md +43 -25
- package/docs/skillmap/rockstar.md +3 -1
- package/docs/skillmap/shark/shark1-simple.md +151 -0
- package/docs/skillmap/shark/shark2-simple.md +203 -0
- package/docs/skillmap/shark/shark3-simple.md +204 -0
- package/docs/skillmap/shark/shark4-simple.md +246 -0
- package/docs/skillmap/shark/shark4a-simple.md +244 -0
- package/docs/skillmap/shark.md +25 -58
- package/docs/skillmap/space/space1.md +62 -28
- package/docs/skillmap/space/space2.md +33 -24
- package/docs/skillmap/space/space3.md +85 -68
- package/docs/skillmap/space/space4.md +95 -64
- package/docs/skillmap/space/space4a.md +32 -24
- package/docs/skillmap/space/space5.md +77 -41
- package/docs/skillmap/space/space6.md +56 -78
- package/docs/skillmap/space.md +8 -5
- package/docs/skillmap/story/card.md +6 -6
- package/docs/skillmap/story/card2.md +6 -6
- package/docs/skillmap/story/story1.md +7 -7
- package/docs/skillmap/story/story2.md +11 -11
- package/docs/skillmap/story/story3.md +10 -10
- package/docs/skillmap/story/story4.md +10 -10
- package/docs/skillmap/zoo/zoo1.md +31 -16
- package/docs/skillmap/zoo/zoo2.md +45 -30
- package/docs/skillmap/zoo/zoo2a.md +51 -36
- package/docs/skillmap/zoo/zoo3.md +8 -7
- package/docs/skillmap/zoo/zoo4.md +61 -32
- package/docs/skillmap/zoo/zoo5.md +41 -31
- package/docs/skillmap/zoo.md +2 -2
- package/docs/skillmaps.md +20 -4
- package/docs/static/experiments/accessibleblocks.png +0 -0
- package/docs/static/experiments/blockserrorlist.png +0 -0
- package/docs/static/hour-of-code/2021/beginner-skillmap.png +0 -0
- package/docs/static/hour-of-code/2021/favicon.png +0 -0
- package/docs/static/hour-of-code/2021/forest-skillmap-game.gif +0 -0
- package/docs/static/hour-of-code/2021/global-game-jam.png +0 -0
- package/docs/static/hour-of-code/2021/header.gif +0 -0
- package/docs/static/hour-of-code/2021/hoc-2020.png +0 -0
- package/docs/static/hour-of-code/2021/hoc-card.png +0 -0
- package/docs/static/hour-of-code/2021/microbit.png +0 -0
- package/docs/static/hour-of-code/2021/styles.css +269 -21
- package/docs/static/skillmap/assets/my-assets-three.png +0 -0
- package/docs/static/skillmap/backgrounds/jungle-bg.png +0 -0
- package/docs/static/skillmap/backgrounds/jungle-map.png +0 -0
- package/docs/static/skillmap/backgrounds/rock-map.png +0 -0
- package/docs/static/skillmap/backgrounds/rockstar-card.gif +0 -0
- package/docs/static/skillmap/backgrounds/space-comp.png +0 -0
- package/docs/static/skillmap/backgrounds/space.png +0 -0
- package/docs/static/skillmap/certificates/forest-cert.pdf +0 -0
- package/docs/static/skillmap/certificates/forest-cert.png +0 -0
- package/docs/static/skillmap/certificates/jungle-cert.pdf +0 -0
- package/docs/static/skillmap/certificates/jungle-cert.png +0 -0
- package/docs/static/skillmap/certificates/rockstar-cert.pdf +0 -0
- package/docs/static/skillmap/certificates/rockstar-cert.png +0 -0
- package/docs/static/skillmap/certificates/shark-cert.pdf +0 -0
- package/docs/static/skillmap/certificates/shark-cert.png +0 -0
- package/docs/static/skillmap/certificates/space-cert.pdf +0 -0
- package/docs/static/skillmap/certificates/space-cert.png +0 -0
- package/docs/static/skillmap/racer/racer1.gif +0 -0
- package/docs/static/skillmap/racer/racer2.gif +0 -0
- package/docs/static/skillmap/racer/racer3.gif +0 -0
- package/docs/static/skillmap/rockstar/rockstar1.gif +0 -0
- package/docs/static/skillmap/rockstar/rockstar2.gif +0 -0
- package/docs/static/skillmap/rockstar/rockstar3.gif +0 -0
- package/docs/static/skillmap/shark/shark1-simple.gif +0 -0
- package/docs/static/skillmap/shark/shark4a-simple.gif +0 -0
- package/docs/static/skillmap/zoo/overlaps-food-sprite.gif +0 -0
- package/docs/tutorials/hundred.md +400 -0
- package/package.json +1 -1
- package/pxtarget.json +2 -1
- package/targetconfig.json +4 -1
- package/docs/recipes/wonder-woman-1984/01-maze.md +0 -291
- package/docs/recipes/wonder-woman-1984/02-artifact.md +0 -70
- package/docs/recipes/wonder-woman-1984/03-enemies.md +0 -65
- package/docs/skillmap/forest/forest9.md +0 -714
- package/docs/static/hour-of-code/ww-maze.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/artifact-preview.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/artifacts-location.gif +0 -0
- package/docs/static/recipes/wonder-woman-1984/draw-maze-backup.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/draw-walls-backup.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/end-position.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/enemies-location.gif +0 -0
- package/docs/static/recipes/wonder-woman-1984/enemies-preview.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/fill-maze.gif +0 -0
- package/docs/static/recipes/wonder-woman-1984/fill-walls.gif +0 -0
- package/docs/static/recipes/wonder-woman-1984/wonder-woman3.png +0 -0
- package/docs/static/recipes/wonder-woman-1984/ww-splash3.gif +0 -0
- package/docs/static/recipes/wonder-woman-1984/ww-splash3.mp4 +0 -0
- package/docs/static/ww84-background.png +0 -0
- package/docs/static/ww84-header.png +0 -0
- package/docs/ww84.html +0 -276
|
@@ -41,14 +41,14 @@ info.startCountdown(10)
|
|
|
41
41
|
|
|
42
42
|
```
|
|
43
43
|
|
|
44
|
-
## Introduction @showdialog
|
|
44
|
+
## {Introduction @showdialog}
|
|
45
45
|
|
|
46
46
|
Let's make a clicker game!
|
|
47
47
|
|
|
48
48
|

|
|
49
49
|
|
|
50
50
|
|
|
51
|
-
## Step 2
|
|
51
|
+
## {Step 2}
|
|
52
52
|
This crazy game will test your finger speed as you click your
|
|
53
53
|
way to the championships!
|
|
54
54
|
🏆🏆🏆
|
|
@@ -71,7 +71,7 @@ scene.setBackgroundColor(0)
|
|
|
71
71
|
```
|
|
72
72
|
|
|
73
73
|
|
|
74
|
-
## Step 3
|
|
74
|
+
## {Step 3}
|
|
75
75
|
|
|
76
76
|
**🎨 Choose your color! 🎨**
|
|
77
77
|
|
|
@@ -91,7 +91,7 @@ scene.setBackgroundColor(11)
|
|
|
91
91
|
```
|
|
92
92
|
|
|
93
93
|
|
|
94
|
-
## Step 4
|
|
94
|
+
## {Step 4}
|
|
95
95
|
Add a [__*splash screen*__](#splasht "A full-screen message that shows while a program or level is loading") to let the user know to press the
|
|
96
96
|
**Ⓐ** button when they're ready to start playing.
|
|
97
97
|
|
|
@@ -111,7 +111,7 @@ game.splash("Press (A) to earn clicks!")
|
|
|
111
111
|
|
|
112
112
|
```
|
|
113
113
|
|
|
114
|
-
## Step 5
|
|
114
|
+
## {Step 5}
|
|
115
115
|
|
|
116
116
|
**⚡ Here comes the action ⚡**
|
|
117
117
|
|
|
@@ -135,7 +135,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
135
135
|
})
|
|
136
136
|
```
|
|
137
137
|
|
|
138
|
-
## Step 6
|
|
138
|
+
## {Step 6}
|
|
139
139
|
|
|
140
140
|
**🎮 Test your game on the game screen 🎮**
|
|
141
141
|
|
|
@@ -156,7 +156,7 @@ info.startCountdown(10)
|
|
|
156
156
|
```
|
|
157
157
|
|
|
158
158
|
|
|
159
|
-
## Step 7
|
|
159
|
+
## {Step 7}
|
|
160
160
|
|
|
161
161
|
**🎉 Congrats 🎉**
|
|
162
162
|
|
|
@@ -65,7 +65,7 @@ info.startCountdown(10)
|
|
|
65
65
|
}
|
|
66
66
|
```
|
|
67
67
|
|
|
68
|
-
## Introduction @showdialog
|
|
68
|
+
## {Introduction @showdialog}
|
|
69
69
|
|
|
70
70
|
We already have a basic clicker game, let's use what we've learned to
|
|
71
71
|
make it even more special!
|
|
@@ -73,7 +73,7 @@ make it even more special!
|
|
|
73
73
|

|
|
74
74
|
|
|
75
75
|
|
|
76
|
-
## Step 2
|
|
76
|
+
## {Step 2}
|
|
77
77
|
|
|
78
78
|
First, try the project on the game screen to remember how it works.
|
|
79
79
|
|
|
@@ -82,7 +82,7 @@ First, try the project on the game screen to remember how it works.
|
|
|
82
82
|
► Click **> Next** when you're ready to edit the game.
|
|
83
83
|
|
|
84
84
|
|
|
85
|
-
## Step 3
|
|
85
|
+
## {Step 3}
|
|
86
86
|
|
|
87
87
|
Let's make this game fun to look at by adding a
|
|
88
88
|
[__*sprite*__](#sprote "a 2-D image that moves on the screen") to the screen.
|
|
@@ -127,7 +127,7 @@ mySprite = sprites.create(img`
|
|
|
127
127
|
`, SpriteKind.Player)
|
|
128
128
|
```
|
|
129
129
|
|
|
130
|
-
## Step 4
|
|
130
|
+
## {Step 4}
|
|
131
131
|
|
|
132
132
|
**✨ For an extra spark, you can make your sprite react
|
|
133
133
|
with each click ✨**
|
|
@@ -151,7 +151,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
151
151
|
```
|
|
152
152
|
|
|
153
153
|
|
|
154
|
-
## Step 5
|
|
154
|
+
## {Step 5}
|
|
155
155
|
|
|
156
156
|
Right now, the spray effect lasts forever, so you don't see much of a
|
|
157
157
|
change between clicks.
|
|
@@ -178,13 +178,13 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
178
178
|
|
|
179
179
|
```
|
|
180
180
|
|
|
181
|
-
## Step 6 @showdialog
|
|
181
|
+
## {Step 6 @showdialog}
|
|
182
182
|
|
|
183
183
|
**🎮 Play your game a couple of times 🎮**
|
|
184
184
|
|
|
185
185
|
|
|
186
186
|
|
|
187
|
-
## Step 7
|
|
187
|
+
## {Step 7}
|
|
188
188
|
|
|
189
189
|
**Did you notice that your game automatically keeps track of your highest score?**
|
|
190
190
|
|
|
@@ -208,7 +208,7 @@ info.onCountdownEnd(function () {
|
|
|
208
208
|
})
|
|
209
209
|
```
|
|
210
210
|
|
|
211
|
-
## Step 8
|
|
211
|
+
## {Step 8}
|
|
212
212
|
|
|
213
213
|
**🎊 Fantastic 🎊**
|
|
214
214
|
|
|
@@ -222,7 +222,7 @@ Now add a final celebration with some **game over** effects!
|
|
|
222
222
|
and choose a new option from the dropdown.
|
|
223
223
|
|
|
224
224
|
|
|
225
|
-
## Step 9
|
|
225
|
+
## {Step 9}
|
|
226
226
|
|
|
227
227
|
**That's it!**
|
|
228
228
|
|
|
@@ -90,7 +90,7 @@ power = 1
|
|
|
90
90
|
|
|
91
91
|
|
|
92
92
|
|
|
93
|
-
## Introduction @showdialog
|
|
93
|
+
## {Introduction @showdialog}
|
|
94
94
|
|
|
95
95
|
There's so much more to explore with our clicker games.
|
|
96
96
|
|
|
@@ -98,7 +98,7 @@ Let's keep building!
|
|
|
98
98
|
|
|
99
99
|

|
|
100
100
|
|
|
101
|
-
## Step 2
|
|
101
|
+
## {Step 2}
|
|
102
102
|
|
|
103
103
|
Incrementing by one point per click has been fun, but what if we could
|
|
104
104
|
make the game more interesting?
|
|
@@ -124,7 +124,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
124
124
|
```
|
|
125
125
|
|
|
126
126
|
|
|
127
|
-
## Step 3
|
|
127
|
+
## {Step 3}
|
|
128
128
|
|
|
129
129
|
Adding another increment to the **Ⓑ** button would only allow the score to
|
|
130
130
|
increase faster one time for each click.
|
|
@@ -146,7 +146,7 @@ that variable as **power**.
|
|
|
146
146
|
|
|
147
147
|
|
|
148
148
|
|
|
149
|
-
## Step 4
|
|
149
|
+
## {Step 4}
|
|
150
150
|
|
|
151
151
|
We've got a variable, but before we can use it, it needs to mean something.
|
|
152
152
|
|
|
@@ -191,7 +191,7 @@ let power = 1
|
|
|
191
191
|
```
|
|
192
192
|
|
|
193
193
|
|
|
194
|
-
## Step 5
|
|
194
|
+
## {Step 5}
|
|
195
195
|
|
|
196
196
|
Now we can drop a **power** variable into our **change score by** block
|
|
197
197
|
so that every click responds to our changing values.
|
|
@@ -216,7 +216,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
216
216
|
```
|
|
217
217
|
|
|
218
218
|
|
|
219
|
-
## Step 6
|
|
219
|
+
## {Step 6}
|
|
220
220
|
|
|
221
221
|
To make our "super-clicker", we need to make the **power**
|
|
222
222
|
larger after **Ⓑ** is pressed.
|
|
@@ -236,7 +236,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
236
236
|
|
|
237
237
|
```
|
|
238
238
|
|
|
239
|
-
## Step 7
|
|
239
|
+
## {Step 7}
|
|
240
240
|
|
|
241
241
|
**Add a note to let the player know what happened.**
|
|
242
242
|
|
|
@@ -265,7 +265,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
265
265
|
|
|
266
266
|
|
|
267
267
|
|
|
268
|
-
## Finale
|
|
268
|
+
## {Finale}
|
|
269
269
|
|
|
270
270
|
**🎇 There you have it, a Super-Clicker 🎇**
|
|
271
271
|
|
|
@@ -100,7 +100,7 @@ clicks = 1
|
|
|
100
100
|
```
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
## Introduction @showdialog
|
|
103
|
+
## {Introduction @showdialog}
|
|
104
104
|
|
|
105
105
|
What's more fun than pressing buttons?
|
|
106
106
|
|
|
@@ -112,7 +112,7 @@ Let's modify our clicker game to offer a simple shop.
|
|
|
112
112
|
|
|
113
113
|

|
|
114
114
|
|
|
115
|
-
## Step 1
|
|
115
|
+
## {Step 1}
|
|
116
116
|
|
|
117
117
|
**The code for a clicker game is already in the workspace.**
|
|
118
118
|
|
|
@@ -136,7 +136,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
136
136
|
```
|
|
137
137
|
|
|
138
138
|
|
|
139
|
-
## Step 2
|
|
139
|
+
## {Step 2}
|
|
140
140
|
|
|
141
141
|
**💡 Now we're onto something 💡**
|
|
142
142
|
|
|
@@ -166,7 +166,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
166
166
|
})
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
## Step 3
|
|
169
|
+
## {Step 3}
|
|
170
170
|
|
|
171
171
|
We should check that score is greater than (or equal to) **10**
|
|
172
172
|
before we charge the player 10 points.
|
|
@@ -194,7 +194,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
194
194
|
```
|
|
195
195
|
|
|
196
196
|
|
|
197
|
-
## Step 4
|
|
197
|
+
## {Step 4}
|
|
198
198
|
|
|
199
199
|
Now if the player has a large enough score, you can charge them
|
|
200
200
|
10 points and give them their extra power.
|
|
@@ -219,14 +219,14 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
219
219
|
```
|
|
220
220
|
|
|
221
221
|
|
|
222
|
-
## Step 6 @showdialog
|
|
222
|
+
## {Step 6 @showdialog}
|
|
223
223
|
|
|
224
224
|
**🎮 Give your game a try on the game screen 🎮**
|
|
225
225
|
|
|
226
226
|
It should do what you expect...as long as you have 10 points to spend!
|
|
227
227
|
|
|
228
228
|
|
|
229
|
-
## Step 7
|
|
229
|
+
## {Step 7}
|
|
230
230
|
|
|
231
231
|
Finally, we should let the player know if they don't have enough points to
|
|
232
232
|
buy the clicker.
|
|
@@ -258,7 +258,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
258
258
|
})
|
|
259
259
|
```
|
|
260
260
|
|
|
261
|
-
## Finale
|
|
261
|
+
## {Finale}
|
|
262
262
|
|
|
263
263
|
**⚡️ Amazing ⚡️**
|
|
264
264
|
|
|
@@ -100,7 +100,7 @@ clicks = 1
|
|
|
100
100
|
```
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
## Introduction @showdialog
|
|
103
|
+
## {Introduction @showdialog}
|
|
104
104
|
|
|
105
105
|
What's more fun than pressing buttons?
|
|
106
106
|
|
|
@@ -112,14 +112,14 @@ Let's modify our clicker game to offer a simple shop.
|
|
|
112
112
|
|
|
113
113
|

|
|
114
114
|
|
|
115
|
-
## Step 2
|
|
115
|
+
## {Step 2}
|
|
116
116
|
|
|
117
117
|
**Try the game already in the workspace!**
|
|
118
118
|
|
|
119
119
|
Now that you know what the code created, you can add to it.
|
|
120
120
|
|
|
121
121
|
|
|
122
|
-
## Step 3
|
|
122
|
+
## {Step 3}
|
|
123
123
|
|
|
124
124
|
When you click **Ⓑ**, you get a super-clicker — but
|
|
125
125
|
what fun is it to get extra power for free? Let's add code to charge the player 10 points for the purchase.
|
|
@@ -141,25 +141,25 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
141
141
|
```
|
|
142
142
|
|
|
143
143
|
|
|
144
|
-
## Step 2
|
|
144
|
+
## {Step 2}
|
|
145
145
|
|
|
146
146
|
**💡 Now we're onto something 💡**
|
|
147
147
|
|
|
148
148
|
|
|
149
149
|
|
|
150
|
-
## Step 6 @showdialog
|
|
150
|
+
## {Step 6 @showdialog}
|
|
151
151
|
|
|
152
152
|
**🎮 Give your game a try on the game screen 🎮**
|
|
153
153
|
|
|
154
154
|
It should do what you expect...as long as you have 10 points to spend!
|
|
155
155
|
|
|
156
156
|
|
|
157
|
-
## Step 7
|
|
157
|
+
## {Step 7}
|
|
158
158
|
|
|
159
159
|
Finally,
|
|
160
160
|
|
|
161
161
|
|
|
162
|
-
## Finale
|
|
162
|
+
## {Finale}
|
|
163
163
|
|
|
164
164
|
**⚡️ Amazing ⚡️**
|
|
165
165
|
|
|
@@ -342,7 +342,7 @@ uppie = 0
|
|
|
342
342
|
|
|
343
343
|
|
|
344
344
|
|
|
345
|
-
## Introduction @showdialog
|
|
345
|
+
## {Introduction @showdialog}
|
|
346
346
|
|
|
347
347
|
Now you've got the skills to go off-script and make something from
|
|
348
348
|
your own imagination.
|
|
@@ -351,7 +351,7 @@ Turn your clicker into something new. How do you want the clicker work for you?
|
|
|
351
351
|
|
|
352
352
|

|
|
353
353
|
|
|
354
|
-
## Step 1
|
|
354
|
+
## {Step 1}
|
|
355
355
|
|
|
356
356
|
**The code for an advanced clicker game is in the workspace,
|
|
357
357
|
but can you do even more?**
|
|
@@ -365,7 +365,7 @@ Make your own magnificent creation, or attempt one of these mods:
|
|
|
365
365
|
- Make your sprite dance by choosing a random image with each click
|
|
366
366
|
|
|
367
367
|
|
|
368
|
-
## Step 2
|
|
368
|
+
## {Step 2}
|
|
369
369
|
|
|
370
370
|
When you're done, click **Done** to return to the main page where you can save your game to your gallery or share it
|
|
371
371
|
with family and friends!
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# Clicker Game
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
## Introduction @showdialog
|
|
4
|
+
## {Introduction @showdialog}
|
|
5
5
|
|
|
6
6
|
Let's make a clicker game!
|
|
7
7
|
|
|
8
8
|

|
|
9
9
|
|
|
10
10
|
|
|
11
|
-
## Step 2
|
|
11
|
+
## {Step 2}
|
|
12
12
|
**⭐ This game will test your speed as you click as quickly as possible to earn points. ⭐**
|
|
13
13
|
|
|
14
14
|
Let's prep the stage by adding a background.
|
|
@@ -33,7 +33,7 @@ scene.setBackgroundImage(img`
|
|
|
33
33
|
```
|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
## Step 3
|
|
36
|
+
## {Step 3}
|
|
37
37
|
|
|
38
38
|
**🖼 Choose your background! 🖼**
|
|
39
39
|
|
|
@@ -60,7 +60,7 @@ scene.setBackgroundImage(assets.image`TheStage`)
|
|
|
60
60
|
|
|
61
61
|
|
|
62
62
|
|
|
63
|
-
## Step 4
|
|
63
|
+
## {Step 4}
|
|
64
64
|
Add a [__*splash screen*__](#splasht "A full-screen message that shows while a program or level is loading") to let the user know to press the
|
|
65
65
|
**Ⓐ** button when they're ready to start playing.
|
|
66
66
|
|
|
@@ -81,7 +81,7 @@ game.splash("Press (A) to play!")
|
|
|
81
81
|
|
|
82
82
|
```
|
|
83
83
|
|
|
84
|
-
## Step 5
|
|
84
|
+
## {Step 5}
|
|
85
85
|
|
|
86
86
|
**⚡ Here comes the action ⚡**
|
|
87
87
|
|
|
@@ -106,13 +106,13 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
106
106
|
```
|
|
107
107
|
|
|
108
108
|
|
|
109
|
-
## Step 6
|
|
109
|
+
## {Step 6}
|
|
110
110
|
|
|
111
111
|
**🎮 Test your game on the game screen 🎮**
|
|
112
112
|
|
|
113
113
|
|
|
114
114
|
|
|
115
|
-
## Step 7
|
|
115
|
+
## {Step 7}
|
|
116
116
|
|
|
117
117
|
This game is off to a great start...but it goes on forever! Add a countdown timer to give
|
|
118
118
|
the player a clear endpoint.
|
|
@@ -132,7 +132,7 @@ info.startCountdown(10)
|
|
|
132
132
|
```
|
|
133
133
|
|
|
134
134
|
|
|
135
|
-
## Step 8
|
|
135
|
+
## {Step 8}
|
|
136
136
|
|
|
137
137
|
**🎉 Congrats 🎉**
|
|
138
138
|
|
|
@@ -14,7 +14,7 @@ info.startCountdown(10)
|
|
|
14
14
|
```
|
|
15
15
|
|
|
16
16
|
|
|
17
|
-
## Introduction @showdialog
|
|
17
|
+
## {Introduction @showdialog}
|
|
18
18
|
|
|
19
19
|
We already have a basic clicker game, let's use what we've learned to
|
|
20
20
|
make it even more special!
|
|
@@ -22,7 +22,7 @@ make it even more special!
|
|
|
22
22
|

|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
## Step 2
|
|
25
|
+
## {Step 2}
|
|
26
26
|
|
|
27
27
|
🕹️ Prepare for this activity by playing the game already in the workspace 🕹️
|
|
28
28
|
|
|
@@ -31,7 +31,7 @@ make it even more special!
|
|
|
31
31
|
► Click **> Next** when you're ready to edit the game.
|
|
32
32
|
|
|
33
33
|
|
|
34
|
-
## Step 3
|
|
34
|
+
## {Step 3}
|
|
35
35
|
|
|
36
36
|
Let's make this game more engaging by adding a
|
|
37
37
|
button [__*sprite*__](#sprote "a 2-D image that moves on the screen") to the screen.
|
|
@@ -55,7 +55,7 @@ mySprite = sprites.create(assets.image`A static`, SpriteKind.Player)
|
|
|
55
55
|
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
## Step 4
|
|
58
|
+
## {Step 4}
|
|
59
59
|
|
|
60
60
|
**✨ Make your button look like it's being pressed
|
|
61
61
|
with each click ✨**
|
|
@@ -78,12 +78,12 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
78
78
|
|
|
79
79
|
```
|
|
80
80
|
|
|
81
|
-
## Step 5 @showdialog
|
|
81
|
+
## {Step 5 @showdialog}
|
|
82
82
|
|
|
83
83
|
**🎮 Try it out on the game screen 🎮**
|
|
84
84
|
|
|
85
85
|
|
|
86
|
-
## Step 6
|
|
86
|
+
## {Step 6}
|
|
87
87
|
|
|
88
88
|
Right now, the button never goes back up once pressed.
|
|
89
89
|
**Let's change that!**
|
|
@@ -105,13 +105,13 @@ controller.A.onEvent(ControllerButtonEvent.Released, function () {
|
|
|
105
105
|
|
|
106
106
|
```
|
|
107
107
|
|
|
108
|
-
## Step 7
|
|
108
|
+
## {Step 7}
|
|
109
109
|
|
|
110
110
|
Now test your project on the game screen to make sure the button goes up and down.
|
|
111
111
|
|
|
112
112
|
|
|
113
113
|
|
|
114
|
-
## Step 8
|
|
114
|
+
## {Step 8}
|
|
115
115
|
|
|
116
116
|
**Did you notice that your game automatically keeps track of your highest score?**
|
|
117
117
|
|
|
@@ -135,7 +135,7 @@ info.onCountdownEnd(function () {
|
|
|
135
135
|
})
|
|
136
136
|
```
|
|
137
137
|
|
|
138
|
-
## Step 9
|
|
138
|
+
## {Step 9}
|
|
139
139
|
|
|
140
140
|
**🎊 Fantastic 🎊**
|
|
141
141
|
|
|
@@ -154,7 +154,7 @@ info.onCountdownEnd(function () {
|
|
|
154
154
|
})
|
|
155
155
|
```
|
|
156
156
|
|
|
157
|
-
## Step 9
|
|
157
|
+
## {Step 9}
|
|
158
158
|
|
|
159
159
|
**That's it!**
|
|
160
160
|
|
|
@@ -24,7 +24,7 @@ mySprite = sprites.create(assets.image`A static`, SpriteKind.Player)
|
|
|
24
24
|
```
|
|
25
25
|
|
|
26
26
|
|
|
27
|
-
## Introduction @showdialog
|
|
27
|
+
## {Introduction @showdialog}
|
|
28
28
|
|
|
29
29
|
There's so much more to explore with our clicker game.
|
|
30
30
|
|
|
@@ -33,7 +33,7 @@ Let's create a spray of stars that fly out as we click.
|
|
|
33
33
|

|
|
34
34
|
|
|
35
35
|
|
|
36
|
-
## Step 2
|
|
36
|
+
## {Step 2}
|
|
37
37
|
|
|
38
38
|
Watching the points increase each time we click is fun...but let's add
|
|
39
39
|
some flying star [__*projectiles*__](#projected "sprites that moves on their own, often in large quantities") to make it even more interesting.
|
|
@@ -62,7 +62,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
62
62
|
```
|
|
63
63
|
|
|
64
64
|
|
|
65
|
-
## Step 3
|
|
65
|
+
## {Step 3}
|
|
66
66
|
|
|
67
67
|
► Click the empty grey square and toggle to **My Assets** to select **Big Star**.
|
|
68
68
|
|
|
@@ -76,12 +76,12 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
76
76
|
})
|
|
77
77
|
```
|
|
78
78
|
|
|
79
|
-
## Step 4
|
|
79
|
+
## {Step 4}
|
|
80
80
|
|
|
81
81
|
**🎮 Try your project on the game screen to see what you think 🎮**
|
|
82
82
|
|
|
83
83
|
|
|
84
|
-
## Step 5
|
|
84
|
+
## {Step 5}
|
|
85
85
|
|
|
86
86
|
**🌟 Let's make the star projectiles float 🌟**
|
|
87
87
|
|
|
@@ -105,7 +105,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
105
105
|
```
|
|
106
106
|
|
|
107
107
|
|
|
108
|
-
## Step 6
|
|
108
|
+
## {Step 6}
|
|
109
109
|
|
|
110
110
|
|
|
111
111
|
► Change the range of the first ``||math: pick random [0] to [10]||`` block (next to **vx**) to pick between
|
|
@@ -124,7 +124,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
124
124
|
})
|
|
125
125
|
```
|
|
126
126
|
|
|
127
|
-
## Congrats @showdialog
|
|
127
|
+
## {Congrats @showdialog}
|
|
128
128
|
**🎇 There you have it, a Super-Clicker 🎇**
|
|
129
129
|
|
|
130
130
|
---
|
|
@@ -135,7 +135,7 @@ Play your game a few times and look through the code to see if there's anything
|
|
|
135
135
|
want to add or modify.
|
|
136
136
|
|
|
137
137
|
|
|
138
|
-
## Finale
|
|
138
|
+
## {Finale}
|
|
139
139
|
|
|
140
140
|
Try playing around with the code and the images to see if you can make your own customizations!
|
|
141
141
|
|
|
@@ -100,7 +100,7 @@ clicks = 1
|
|
|
100
100
|
```
|
|
101
101
|
|
|
102
102
|
|
|
103
|
-
## Introduction @showdialog
|
|
103
|
+
## {Introduction @showdialog}
|
|
104
104
|
|
|
105
105
|
What's more fun than pressing buttons?
|
|
106
106
|
|
|
@@ -112,7 +112,7 @@ Let's modify our clicker game to offer a simple shop.
|
|
|
112
112
|
|
|
113
113
|

|
|
114
114
|
|
|
115
|
-
## Step 1
|
|
115
|
+
## {Step 1}
|
|
116
116
|
|
|
117
117
|
**The code for a clicker game is already in the workspace.**
|
|
118
118
|
|
|
@@ -136,7 +136,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
136
136
|
```
|
|
137
137
|
|
|
138
138
|
|
|
139
|
-
## Step 2
|
|
139
|
+
## {Step 2}
|
|
140
140
|
|
|
141
141
|
**💡 Now we're onto something 💡**
|
|
142
142
|
|
|
@@ -166,7 +166,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
166
166
|
})
|
|
167
167
|
```
|
|
168
168
|
|
|
169
|
-
## Step 3
|
|
169
|
+
## {Step 3}
|
|
170
170
|
|
|
171
171
|
We should check that score is greater than (or equal to) **10**
|
|
172
172
|
before we charge the player 10 points.
|
|
@@ -194,7 +194,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
194
194
|
```
|
|
195
195
|
|
|
196
196
|
|
|
197
|
-
## Step 4
|
|
197
|
+
## {Step 4}
|
|
198
198
|
|
|
199
199
|
Now if the player has a large enough score, you can charge them
|
|
200
200
|
10 points and give them their extra power.
|
|
@@ -219,14 +219,14 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
219
219
|
```
|
|
220
220
|
|
|
221
221
|
|
|
222
|
-
## Step 6 @showdialog
|
|
222
|
+
## {Step 6 @showdialog}
|
|
223
223
|
|
|
224
224
|
**🎮 Give your game a try on the game screen 🎮**
|
|
225
225
|
|
|
226
226
|
It should do what you expect...as long as you have 10 points to spend!
|
|
227
227
|
|
|
228
228
|
|
|
229
|
-
## Step 7
|
|
229
|
+
## {Step 7}
|
|
230
230
|
|
|
231
231
|
Finally, we should let the player know if they don't have enough points to
|
|
232
232
|
buy the clicker.
|
|
@@ -258,7 +258,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {
|
|
|
258
258
|
})
|
|
259
259
|
```
|
|
260
260
|
|
|
261
|
-
## Finale
|
|
261
|
+
## {Finale}
|
|
262
262
|
|
|
263
263
|
**⚡️ Amazing ⚡️**
|
|
264
264
|
|