pxt-arcade 1.10.10 → 1.10.13
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 +148 -172
- package/built/target.json +148 -172
- package/built/targetlight.json +9 -33
- package/docs/skillmap/balloon/balloon2.md +1 -1
- package/docs/skillmap/mole/mole1.md +9 -9
- package/docs/skillmap/mole/{mole1old.md → mole1a.md} +474 -66
- package/docs/skillmap/mole/mole2a.md +755 -0
- package/docs/skillmap/mole/mole3a.md +641 -0
- package/docs/skillmap/mole.md +1 -1
- package/docs/skillmap/molea.md +75 -0
- package/docs/skillmap/turkey/turkey0.md +53 -34
- package/docs/skillmap/turkey/turkey1a.md +35 -25
- package/docs/tutorials/valentine.md +1 -1
- package/package.json +3 -3
- package/pxtarget.json +2 -2
package/docs/skillmap/mole.md
CHANGED
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
# Whack-the-Mole
|
|
2
|
+
* name: Whack-the-Mole
|
|
3
|
+
* description: Create your own 'Whack-a-Mole' style of carnival game!
|
|
4
|
+
* infoUrl: skillmap/educator-info/mole-map-info
|
|
5
|
+
* bannerUrl: /static/skillmap/mole/mole3.gif
|
|
6
|
+
* backgroundurl: https://raw.githubusercontent.com/clkantner/whack/master/skillmap2-final.gif
|
|
7
|
+
* primarycolor: #ffffff
|
|
8
|
+
* secondarycolor: #fff53d
|
|
9
|
+
* tertiarycolor: #82cd54
|
|
10
|
+
* completednodecolor: #604c4e
|
|
11
|
+
* highlightcolor: #ff0000
|
|
12
|
+
* allowcodecarryover: true
|
|
13
|
+
* tags: easy, beginner, carnival
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
## whack-the-Mole
|
|
17
|
+
* layout: manual
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
### mole1
|
|
21
|
+
* allowcodecarryover: false
|
|
22
|
+
|
|
23
|
+
* name: Mole Hunt
|
|
24
|
+
* type: tutorial
|
|
25
|
+
* description: Learn to use MakeCode Arcade and add a sneaky mole sprite to your project.
|
|
26
|
+
* tags: easy, sprite, random
|
|
27
|
+
* next: mole2
|
|
28
|
+
* url: /skillmap/mole/mole1a
|
|
29
|
+
* imageUrl: /static/skillmap/mole/mole1.gif
|
|
30
|
+
* position: -1 1
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
### mole2
|
|
35
|
+
* name: Hammer Time
|
|
36
|
+
* type: tutorial
|
|
37
|
+
* description: Add a rubber hammer to tag the mole and earn points! How many points can you get before time runs out?
|
|
38
|
+
* tags: easy, sprite, overlap, points
|
|
39
|
+
* next: mole3
|
|
40
|
+
* url: /skillmap/mole/mole2a
|
|
41
|
+
* imageUrl: /static/skillmap/mole/mole2.gif
|
|
42
|
+
* position: 0 1
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
### mole3
|
|
46
|
+
* name: Get Animated
|
|
47
|
+
* type: tutorial
|
|
48
|
+
* description: Finish your game by adding a thrilling carnival sound and real frame-by-frame animations!
|
|
49
|
+
* tags: easy, clicker, sprite, buttons
|
|
50
|
+
* next: mole-cert
|
|
51
|
+
* url: /skillmap/mole/mole3a
|
|
52
|
+
* imageUrl: /static/skillmap/mole/mole3.gif
|
|
53
|
+
* position: 1 1
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
### mole-cert
|
|
59
|
+
* name: Congrats!
|
|
60
|
+
* kind: completion
|
|
61
|
+
* type: certificate
|
|
62
|
+
* url: /static/skillmap/certificates/mole-cert.pdf
|
|
63
|
+
* imageUrl: /static/skillmap/certificates/mole-cert.png
|
|
64
|
+
* position: 2 0
|
|
65
|
+
* actions:
|
|
66
|
+
* map: [Create Another Carnival Game](/skillmap/balloon)
|
|
67
|
+
* editor: [Add to This Project](/)
|
|
68
|
+
* rewards:
|
|
69
|
+
* certificate:
|
|
70
|
+
* url: /static/skillmap/certificates/mole-cert.pdf
|
|
71
|
+
* preview: /static/skillmap/certificates/mole-cert.png
|
|
72
|
+
* completion-badge:
|
|
73
|
+
* image: /static/badges/badge-mole.png
|
|
74
|
+
* name: Whack-the-Mole
|
|
75
|
+
|
|
@@ -1,82 +1,93 @@
|
|
|
1
1
|
# Get to Know MakeCode
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
|
|
5
4
|
## Intro Video @showdialog
|
|
6
5
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
</center>
|
|
6
|
+

|
|
7
|
+
|
|
10
8
|
|
|
11
9
|
|
|
12
|
-
## 2. Lay of the Land
|
|
10
|
+
## {2. Lay of the Land}
|
|
13
11
|
|
|
14
12
|
**Let's take a tour of MakeCode.**
|
|
15
13
|
|
|
16
|
-
|
|
14
|
+
- :comment: This is the **instruction panel**. It has directions
|
|
15
|
+
on what to do.
|
|
17
16
|
|
|
18
|
-
- :comment: This is the **instruction panel**. This is where you'll find directions on what to do.
|
|
19
17
|
|
|
20
|
-
- :
|
|
18
|
+
- :lightbulb: Don't miss anything! Scroll down to the **double lines** before moving to the next instruction.
|
|
21
19
|
|
|
20
|
+
- :lightbulb: Be on the lookout for secret information!
|
|
22
21
|
|
|
23
22
|
|
|
24
|
-
|
|
23
|
+
~hint Click here to reveal hidden info 🕵🏽
|
|
25
24
|
|
|
25
|
+
<br/>
|
|
26
|
+
Look for clues like this when you read instructions.
|
|
26
27
|
|
|
27
|
-
|
|
28
|
-
**toolbox**. Click categories in the toolbox to find the blocks you need.
|
|
28
|
+
Each one gives extra info, tips, or tricks.
|
|
29
29
|
|
|
30
|
+
hint~
|
|
30
31
|
|
|
32
|
+
- :mouse pointer: When you're done reading, click **Next** to move to the next instruction.
|
|
31
33
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-

|
|
35
|
-
</details>
|
|
34
|
+
---
|
|
35
|
+
---
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
|
39
|
-
|
|
39
|
+
## {3. Toolbox}
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
- :comment: The panel with the colorful category names is called the
|
|
43
|
+
**toolbox**. Click categories in the toolbox to find the blocks you need.
|
|
44
|
+
|
|
40
45
|
|
|
46
|
+
~hint See an example 💡
|
|
41
47
|
|
|
48
|
+

|
|
42
49
|
|
|
43
|
-
|
|
50
|
+
hint~
|
|
44
51
|
|
|
45
52
|
|
|
46
53
|
- :comment: The panel on the right is called the **workspace**.
|
|
47
54
|
That's where you'll drag the code you want to use in your program.
|
|
48
55
|
|
|
49
56
|
|
|
50
|
-
|
|
51
|
-
|
|
57
|
+
~hint See an example 💡
|
|
58
|
+
|
|
52
59
|

|
|
53
|
-
|
|
60
|
+
|
|
61
|
+
hint~
|
|
54
62
|
|
|
55
63
|
|
|
56
64
|
- :mouse pointer: Click **Next** to move to the next instruction.
|
|
57
65
|
|
|
66
|
+
---
|
|
67
|
+
---
|
|
58
68
|
|
|
59
69
|
|
|
60
70
|
|
|
61
|
-
## 5. Game Window
|
|
71
|
+
## {5. Game Window}
|
|
62
72
|
|
|
63
73
|
|
|
64
74
|
- :comment: In the bottom corner, there's a
|
|
65
75
|
**game window**. Click it to play the game you're working on.
|
|
66
76
|
|
|
67
77
|
|
|
68
|
-
|
|
69
|
-
<summary>Click here for details.</summary>
|
|
78
|
+
~hintClick here for details.</summary>
|
|
70
79
|

|
|
71
|
-
|
|
80
|
+
hint~
|
|
72
81
|
|
|
73
82
|
|
|
74
83
|
- :mouse pointer: Click **Next** to move to the next instruction.
|
|
75
84
|
|
|
85
|
+
---
|
|
86
|
+
---
|
|
76
87
|
|
|
77
88
|
|
|
78
89
|
|
|
79
|
-
## 6. Get Started!
|
|
90
|
+
## {6. Get Started!}
|
|
80
91
|
|
|
81
92
|
**We need a turkey!!** <br/>
|
|
82
93
|
🦃 🦃 🦃
|
|
@@ -85,16 +96,20 @@ In MakeCode, moving characters are called
|
|
|
85
96
|
[__*sprites*__](#sprote "2-D images that move on the screen").
|
|
86
97
|
|
|
87
98
|
|
|
88
|
-
|
|
89
|
-
|
|
99
|
+
~hint What is a **sprite**?
|
|
100
|
+
|
|
90
101
|
In digital game design, a sprite is a 2-dimensional object that can move and change.
|
|
91
102
|
Think of it as a picture that can do something and has extra information inside.
|
|
92
|
-
|
|
103
|
+
|
|
104
|
+
hint~
|
|
93
105
|
|
|
94
106
|
- :mouse pointer: Click **Next** to discover how to add your turkey sprite.
|
|
95
107
|
|
|
108
|
+
---
|
|
109
|
+
---
|
|
96
110
|
|
|
97
|
-
|
|
111
|
+
|
|
112
|
+
## {7. Pick a Turkey}
|
|
98
113
|
|
|
99
114
|
|
|
100
115
|
Let's create a turkey sprite and get it moving.
|
|
@@ -110,22 +125,26 @@ _(Keep scrolling until you have read all the instructions 👇👇👇)_
|
|
|
110
125
|
- :paint brush: To choose the turkey hero, click the empty grey box,
|
|
111
126
|
then toggle to **My Assets** and choose the first turkey, **player**.
|
|
112
127
|
|
|
128
|
+
~hint Click here to see how!
|
|
113
129
|
|
|
114
|
-
|
|
115
|
-
<details>
|
|
116
|
-
<summary>Click here to see how!</summary>
|
|
117
130
|

|
|
118
|
-
|
|
131
|
+
|
|
132
|
+
hint~
|
|
119
133
|
|
|
120
134
|
- :mouse pointer: Click **Next** to see a recap of what you've learned!
|
|
121
135
|
|
|
136
|
+
|
|
137
|
+
---
|
|
138
|
+
---
|
|
139
|
+
|
|
140
|
+
|
|
122
141
|
```blocks
|
|
123
142
|
// @highlight
|
|
124
143
|
let mySprite = sprites.create(assets.image`player`, SpriteKind.Player)
|
|
125
144
|
```
|
|
126
145
|
|
|
127
146
|
|
|
128
|
-
## Finale
|
|
147
|
+
## {Finale}
|
|
129
148
|
|
|
130
149
|
🔥 **Way to go!**🔥
|
|
131
150
|
|
|
@@ -30,7 +30,16 @@ _(Don't forget to keep scrolling until you reach the bottom of this instruction.
|
|
|
30
30
|
---
|
|
31
31
|
|
|
32
32
|
- :game: From the ``||controller: Controller||`` category in the toolbox, drag <br/>
|
|
33
|
-
|
|
33
|
+
|
|
34
|
+
|
|
35
|
+
```block
|
|
36
|
+
controller.moveSprite(mySprite, 100, 0)
|
|
37
|
+
```
|
|
38
|
+
|
|
39
|
+
```blockconfig.local
|
|
40
|
+
controller.moveSprite(mySprite, 100, 0)
|
|
41
|
+
```
|
|
42
|
+
|
|
34
43
|
to **the end** of the ``||loops:on start||`` container that's already in the workspace.
|
|
35
44
|
|
|
36
45
|
|
|
@@ -40,18 +49,19 @@ the
|
|
|
40
49
|
argument to **0** so that the player won't hover up or down when you use the joypad.
|
|
41
50
|
|
|
42
51
|
|
|
43
|
-
|
|
44
|
-
|
|
52
|
+
~hint What is **vy**?
|
|
53
|
+
|
|
45
54
|
In short, **vy** stands for "the **velocity** along the **y** axis," which refers
|
|
46
55
|
to the rate of change of the sprite from top to bottom. By setting this value to **0**,
|
|
47
56
|
the sprite will not be able to move up or down.
|
|
48
|
-
|
|
57
|
+
hint~
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
~hint Show me how to complete these steps.
|
|
49
61
|
|
|
50
62
|
|
|
51
|
-
<details>
|
|
52
|
-
<summary>Show me how to complete these steps.</summary>
|
|
53
63
|

|
|
54
|
-
|
|
64
|
+
hint~
|
|
55
65
|
|
|
56
66
|
- :mouse pointer: Click **Next** when you're ready to try your game.
|
|
57
67
|
|
|
@@ -70,10 +80,10 @@ controller.moveSprite(mySprite, 100, 0)
|
|
|
70
80
|
The turkey should move left when you click the left arrow and move
|
|
71
81
|
right with the right arrow, but it should not move up or down.
|
|
72
82
|
|
|
73
|
-
|
|
74
|
-
|
|
83
|
+
~hint How do I get to the game console?
|
|
84
|
+
|
|
75
85
|

|
|
76
|
-
|
|
86
|
+
hint~
|
|
77
87
|
|
|
78
88
|
- :mouse pointer: Click **Next** when you're ready to add gravity.
|
|
79
89
|
|
|
@@ -100,19 +110,19 @@ to **the end** of the <br/>
|
|
|
100
110
|
replace **0** with something large, like **500**.
|
|
101
111
|
|
|
102
112
|
|
|
103
|
-
|
|
104
|
-
|
|
113
|
+
~hint What is **ay**?
|
|
114
|
+
|
|
105
115
|
In short, **ay** stands for "the **acceleration** along the **y** axis," which refers
|
|
106
116
|
to the change in speedfrom top to bottom. <br/>
|
|
107
117
|
By setting this value
|
|
108
118
|
to **500**, the sprite will be pulled from the top of the screen to the bottom, with an above average strength.
|
|
109
|
-
|
|
119
|
+
hint~
|
|
110
120
|
|
|
111
121
|
|
|
112
|
-
|
|
113
|
-
|
|
122
|
+
~hint Show me how to complete these steps.
|
|
123
|
+
|
|
114
124
|

|
|
115
|
-
|
|
125
|
+
hint~
|
|
116
126
|
|
|
117
127
|
- :mouse pointer: Click **Next** when you're ready to follow your turkey off-screen.
|
|
118
128
|
|
|
@@ -175,19 +185,19 @@ which looks like a purple line at the bottom of the square.
|
|
|
175
185
|

|
|
176
186
|
|
|
177
187
|
|
|
178
|
-
|
|
179
|
-
|
|
188
|
+
~hint What is a tile?
|
|
189
|
+
|
|
180
190
|
A tile is a special 16px x 16px image square
|
|
181
191
|
that can be used as a part of the background scene.
|
|
182
192
|
Several of these tile squares are put together into one large **tilemap** that acts as the
|
|
183
193
|
backdrop for this game!
|
|
184
|
-
|
|
194
|
+
hint~
|
|
185
195
|
|
|
186
196
|
|
|
187
|
-
|
|
188
|
-
|
|
197
|
+
~hint Show me how to complete these steps.
|
|
198
|
+
|
|
189
199
|

|
|
190
|
-
|
|
200
|
+
hint~
|
|
191
201
|
|
|
192
202
|
- :mouse pointer: Click **Next** when you're ready make the turkey jump!
|
|
193
203
|
|
|
@@ -223,10 +233,10 @@ so you can temporarily change the direction the turkey is traveling.
|
|
|
223
233
|
|
|
224
234
|
|
|
225
235
|
|
|
226
|
-
|
|
227
|
-
|
|
236
|
+
~hint Show me how to complete these steps.
|
|
237
|
+
|
|
228
238
|

|
|
229
|
-
|
|
239
|
+
hint~
|
|
230
240
|
|
|
231
241
|
- :mouse pointer: Click **Next** when you're ready to give your game a try!
|
|
232
242
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "pxt-arcade",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.13",
|
|
4
4
|
"description": "Small arcade editor for MakeCode",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"JavaScript",
|
|
@@ -33,8 +33,8 @@
|
|
|
33
33
|
"typescript": "^4.2.3"
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"pxt-common-packages": "10.1.
|
|
37
|
-
"pxt-core": "8.2.
|
|
36
|
+
"pxt-common-packages": "10.1.10",
|
|
37
|
+
"pxt-core": "8.2.8"
|
|
38
38
|
},
|
|
39
39
|
"optionalDependencies": {
|
|
40
40
|
"pxt-arcade-sim": "microsoft/pxt-arcade-sim.git#v0.9.2"
|
package/pxtarget.json
CHANGED
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"id": "google",
|
|
35
35
|
"name": "Google",
|
|
36
36
|
"icon": "/static/providers/google-logo.svg",
|
|
37
|
-
"identity":
|
|
37
|
+
"identity": true,
|
|
38
38
|
"redirect": true,
|
|
39
39
|
"order": 2
|
|
40
40
|
}
|
|
@@ -376,7 +376,7 @@
|
|
|
376
376
|
"codalTarget": {
|
|
377
377
|
"name": "codal-nrf52833-dk",
|
|
378
378
|
"url": "https://github.com/mmoskal/codal-nrf52833-dk",
|
|
379
|
-
"branch": "
|
|
379
|
+
"branch": "v2.0.0",
|
|
380
380
|
"type": "git"
|
|
381
381
|
},
|
|
382
382
|
"codalBinary": "NRF52840_DK",
|