Skip to content

Commit

Permalink
Updated scroller library and "game screen" (#3513)
Browse files Browse the repository at this point in the history
  • Loading branch information
kiki-lee authored May 14, 2021
1 parent 20997be commit ae1ce20
Show file tree
Hide file tree
Showing 33 changed files with 113 additions and 388 deletions.
4 changes: 2 additions & 2 deletions docs/skillmap/clicker-themed/clickert1.md
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 6

**🎮 Test your game in the simulator 🎮**
**🎮 Test your game on the game screen 🎮**

This game is off to a great start...but it goes on forever! Add a countdown timer to give
the player a clear endpoint.
Expand All @@ -126,7 +126,7 @@ info.startCountdown(10)

**🎉 Congrats 🎉**

You have started your very own clicker game! Play it in the simulator and see how many clicks you can get.
You have started your very own clicker game! Play it on the game screen and see how many clicks you can get.

Click **Finish** to return to the main page where you can share your game
with family and friends to compare scores!
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/clicker-themed/clickert2.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ make it even more special!

## Step 2

🕹️ First, play your game in the **simulator** to remember how it works 🕹️
🕹️ First, play your game on the game screen to remember how it works 🕹️

---

Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/clicker-themed/clickert3.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 3

**🎮 Try your game in the simulator window to see what you think 🎮**
**🎮 Try your project on the game screen to see what you think 🎮**


## Step 4
Expand Down
4 changes: 2 additions & 2 deletions docs/skillmap/clicker-themed/clickert4.md
Original file line number Diff line number Diff line change
Expand Up @@ -221,7 +221,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 6 @unplugged

**🎮 Give your game a try in the simulator 🎮**
**🎮 Give your game a try on the game screen 🎮**

It should do what you expect...as long as you have 10 points to spend!

Expand Down Expand Up @@ -262,7 +262,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {

**⚡️ Amazing ⚡️**

Now you have a clicker game with a simple shop. Give it a try in the simulator.
Now you have a clicker game with a simple shop. Give it a try on the game screen.

Click **Finish** to return to the main page where you can share your game
with family and friends!
4 changes: 2 additions & 2 deletions docs/skillmap/clicker/clicker1.md
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 6

**🎮 Test your game in the simulator 🎮**
**🎮 Test your game on the game screen 🎮**

This game is amazing...but it goes on forever! Add a countdown timer to give
the player a clear endpoint.
Expand All @@ -160,7 +160,7 @@ info.startCountdown(10)

**🎉 Congrats 🎉**

You have your very own clicker game! Play it in the simulator and see how many clicks you can get.
You have your very own clicker game! Play it on the game screen and see how many clicks you can get.

Click **Finish** to return to the main page where you can share your game
with family and friends to compare scores!
2 changes: 1 addition & 1 deletion docs/skillmap/clicker/clicker2.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ make it even more special!

## Step 2

First, play your game in the **simulator** to remember how it works.
First, try the project on the game screen to remember how it works.

---

Expand Down
4 changes: 2 additions & 2 deletions docs/skillmap/clicker/clicker4.md
Original file line number Diff line number Diff line change
Expand Up @@ -221,7 +221,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 6 @unplugged

**🎮 Give your game a try in the simulator 🎮**
**🎮 Give your game a try on the game screen 🎮**

It should do what you expect...as long as you have 10 points to spend!

Expand Down Expand Up @@ -262,7 +262,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {

**⚡️ Amazing ⚡️**

Now you have a clicker game with a simple shop. Give it a try in the simulator.
Now you have a clicker game with a simple shop. Give it a try on the game screen.

Click **Finish** to return to the main page where you can share your game
with family and friends!
2 changes: 1 addition & 1 deletion docs/skillmap/clicker/clicker4a.md
Original file line number Diff line number Diff line change
Expand Up @@ -149,7 +149,7 @@ controller.B.onEvent(ControllerButtonEvent.Pressed, function () {

## Step 6 @unplugged

**🎮 Give your game a try in the simulator 🎮**
**🎮 Give your game a try on the game screen 🎮**

It should do what you expect...as long as you have 10 points to spend!

Expand Down
8 changes: 4 additions & 4 deletions docs/skillmap/collector-themed/collectort1.md
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ controller.moveSprite(mySprite, 0, 100)

## Step 4

**🎮 Try your game in the simulator 🎮**
**🎮 Try your project using the game screen 🎮**

Make sure your ``||sprites:Player||`` moves up and down with the joypad, arrow keys, or **W** and **S** keys.

Expand Down Expand Up @@ -179,7 +179,7 @@ scroller.scrollBackgroundWithSpeed(-50, 0)

## Step 8

**🎮 Take a look at the simulator 🎮**
**🎮 Take a look at the game screen 🎮**

Your background should move on its own, and your ``||sprites:Player||`` should
move with the controller.
Expand Down Expand Up @@ -293,13 +293,13 @@ forever(function () {

---

Now you have the start of your very own collector game. Give it a try in the simulator!
Now you have the start of your very own collector game. Give it a try on the game screen!

When you're done playing, click **Finish** to return to the main page where you can share your game with family and friends!


```package
arcade-background-scroll=github:riknoll/arcade-background-scroll
arcade-background-scroll=github:microsoft/arcade-background-scroll/
```

```assetjson
Expand Down
6 changes: 3 additions & 3 deletions docs/skillmap/collector-themed/collectort2.md
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ special touches to make it even more fun.

## Step 2 @unplugged

**🎮 Remind yourself where you left of by trying your game in the simulator 🎮**
**🎮 Remind yourself where you left of by trying your game on the game screen 🎮**


## Step 3
Expand Down Expand Up @@ -142,7 +142,7 @@ sprites.onOverlap(SpriteKind.Player, SpriteKind.Projectile, function (sprite, ot

## Step 6

**🎮 Now try it out in the simulator 🎮**
**🎮 Now try it out on the game screen 🎮**

How do you like it so far?

Expand Down Expand Up @@ -229,7 +229,7 @@ When you're done, click **Finish** to return to the main page where you can shar


```package
arcade-background-scroll=github:riknoll/arcade-background-scroll
arcade-background-scroll=github:microsoft/arcade-background-scroll/
```

```assetjson
Expand Down
4 changes: 2 additions & 2 deletions docs/skillmap/collector-themed/collectort3.md
Original file line number Diff line number Diff line change
Expand Up @@ -156,7 +156,7 @@ forever(function () {
## Step 6


**🎮 Now try your game in the simulator 🎮**
**🎮 Now try your game on the game screen 🎮**

How is it working?

Expand Down Expand Up @@ -252,7 +252,7 @@ When you're done, click **Finish** to return to the main page where you can shar


```package
arcade-background-scroll=github:riknoll/arcade-background-scroll
arcade-background-scroll=github:microsoft/arcade-background-scroll/
```

```assetjson
Expand Down
6 changes: 3 additions & 3 deletions docs/skillmap/collector-themed/collectort4.md
Original file line number Diff line number Diff line change
Expand Up @@ -214,7 +214,7 @@ true
## Step 7


**🎮 Now try your game in the simulator 🎮**
**🎮 Now try your game on the game screen 🎮**

How cool is that?!?

Expand Down Expand Up @@ -256,7 +256,7 @@ true
## Step 9


**🎮 Play game in the simulator 🎮**
**🎮 Try your project on the game screen! 🎮**

Looking good!

Expand Down Expand Up @@ -306,7 +306,7 @@ When you're ready, click **Finish** to return to the main page where you can sha


```package
arcade-background-scroll=github:riknoll/arcade-background-scroll
arcade-background-scroll=github:microsoft/arcade-background-scroll/
```

```assetjson
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/collector/collector1.md
Original file line number Diff line number Diff line change
Expand Up @@ -269,7 +269,7 @@ forever(function () {

## Step 7 @unplugged

**🎮 Give your game a try in the simulator 🎮**
**🎮 Give your game a try in the game screen 🎮**


## Step 8
Expand Down
4 changes: 2 additions & 2 deletions docs/skillmap/collector/collector1a.md
Original file line number Diff line number Diff line change
Expand Up @@ -288,7 +288,7 @@ scene.setBackgroundImage(img`

---

► Try your game in the simulator. How do you like your background?
► Try your game in the game screen. How do you like your background?

► Feel free to return to the **Image Editor** and change it until you get it just the way you want it!

Expand Down Expand Up @@ -455,4 +455,4 @@ you select that name from the dropdown when positioning each sprite.

You've made your game your own!

Now play your game in the simulator and make sure you like the way it looks.
Now play your game in the game screen and make sure you like the way it looks.
4 changes: 2 additions & 2 deletions docs/skillmap/interface/activity1.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@ Complete this tutorial to learn how to:
- follow tutorial prompts
- find blocks in the toolbox
- build code in the workspace
- run your game on the built-in simulator
- run your project on the built-in game screen

Before you know it, you'll have an arcade game of your very own!

Expand Down Expand Up @@ -301,7 +301,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {

**🕹️ Time to play 🕹️**

Check out the simulator!
Check out the game screen!

Click the **** button to clear your splash screen message.
Click it again to launch your effects!
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/platformer/activity1.md
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,7 @@ controller.moveSprite(mySprite, 100, 0)

## Try it

**Be sure to give your game a try in the simulator!**
**Be sure to give your game a try on the game screen!**

---

Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/platformer/activity2.md
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ tiles.setTilemap(tilemap`level`)

## Camera

**Take a moment to move the player sprite around in the simulator. **
**Take a moment to move the player sprite around on the game screen. **

Right now, the camera isn't following when the player moves off screen.
We can fix that!
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/platformer/activity4.md
Original file line number Diff line number Diff line change
Expand Up @@ -260,7 +260,7 @@ when to run **startNextLevel**.

---

Check your game in the simulator. It shouldn't feel any different than
Check your game on the game screen. It shouldn't feel any different than
the original (yet).

If it doesn't feel the same, take a look at the hint
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/puzzle/puzzle1.md
Original file line number Diff line number Diff line change
Expand Up @@ -340,7 +340,7 @@ if (game.askForNumber("Enter a number between 1 and 5", 1) == myNumber) {
## Step 8


Click on the simulator and choose your guess using the arrow pad and the space key.
Click on the game screen, then choose your guess using the arrow pad and the space key.

**💎 Great! 💎**

Expand Down
4 changes: 2 additions & 2 deletions docs/skillmap/space/activity1.md
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ let mySprite = sprites.create(img`
► Find the ``||controller:move [mySprite] with buttons ⊕||`` block
and drag it into the bottom of the ``||loops:on start||`` container.

** Now try moving your ship around in the simulator! **
** Now try moving your ship around on the game screen! **
Your ship will move with the joystick, arrow keys, or **W A S D** keys.


Expand Down Expand Up @@ -155,7 +155,7 @@ mySprite.setStayInScreen(true)

---

**Try your game on the simulator
**Try your project on the game screen
before you click finish on the tutorial.**

Is everything how you want it? You can always go back and edit steps if you discover you'd like them to work differently.
Expand Down
6 changes: 3 additions & 3 deletions docs/skillmap/space/activity2.md
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ is pressed and also how to add special effects.

The workspace is pre-loaded with code for a flying ship.
Be sure to
**play with it in the simulator** to see if it works like you expect.
**play with it on the game screen** to see if it works like you expect.

---

Expand Down Expand Up @@ -88,7 +88,7 @@ flying object (or select one from the **My Assets** tab.)
---


**Tip:** Run your code in the simulator and launch a few projectiles
**Tip:** Run your code on the game screen and launch a few projectiles
by pressing the **** button. What happens?


Expand Down Expand Up @@ -211,5 +211,5 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {
You can now use the direction buttons to move your space plane and
the **** button to lauch projectiles!

Play your game in the simulator, then click **Finish** to return to the main page where you can share your game
Play your game in the game screen, then click **Finish** to return to the main page where you can share your game
with family and friends!
2 changes: 1 addition & 1 deletion docs/skillmap/space/activity3.md
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@ sprites.onOverlap(SpriteKind.Enemy, SpriteKind.Projectile, function (sprite, oth
**Congratulations**

Now you have a full barrage of enemies to combat!
Don't forget to try your game in the simulator before you click "Finish".
Don't forget to look at your project on the game screen before you click "Finish".

Once you have it like you want it, click **Finish** to return to the main page where you can share your game
with family and friends!
Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/space/activity4.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
Time to refuel!

In this tutorial we'll add a fuel bar to your spaceship
that depleats as you travel.
that depletes as you travel.

Make sure to catch the powerups to keep your
ship from breaking down!
Expand Down
403 changes: 64 additions & 339 deletions docs/skillmap/story/story1.md

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/skillmap/story/story2.md
Original file line number Diff line number Diff line change
Expand Up @@ -821,7 +821,7 @@ controller.A.onEvent(ControllerButtonEvent.Pressed, function () {

🥳 That's it! 🥳

**Before you click "Finish", take a look at the card in the simulator
**Before you click "Finish", take a look at the card in the game screen
to see how your card works!**


Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/story/story3.md
Original file line number Diff line number Diff line change
Expand Up @@ -811,7 +811,7 @@ mySprite2.say("OMIGOSH! A talking muffin!")

## Step 6

**Take a minute to check your joke in the simulator!**
**Take a minute to look at your joke on the game screen!**

Is it funny? Does the text overlap anything important on the screen?

Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/zoo/zoo1.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ into the bottom of the ``||loops:on start||`` container.
---

This will allow you to move your sprite around the screen.
Try it in the simulator using the arrow keys on your keyboard
Try it on the game screen using the arrow keys on your keyboard
or by clicking the joystick.


Expand Down
2 changes: 1 addition & 1 deletion docs/skillmap/zoo/zoo2.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ and drag it into the **end** of the ``||loops:on start||`` container. Your anima
should start moving!

▶ Try changing the numbers next to **vx** and **vy**
and watch the simulator to see what happens.
and watch the game screen to see what happens.

```blocks
let mySprite = sprites.create(img`
Expand Down
Loading

0 comments on commit ae1ce20

Please sign in to comment.