Zookeeper levels (#3436)

docs/skillmap/zoo.md

@@ -1,8 +1,8 @@
 # skillmap
 * name: The Zookeeper's Day!
 * description: Ever wonder what it takes to be a zookeeper? The answer may surprise you...
-* bannerurl: /static/skillmap/space/zoo/zoo-welcome.png
-* backgroundurl: /static/skillmap/space/game-maker-guide-background.png
+* bannerurl: /static/skillmap/zoo/zoo-welcome.png
+* backgroundurl: /static/skillmap/zoo/game-maker-guide-background.png
 * primarycolor: #2EA9B0
 * secondarycolor: #F392BD
 * tertiarycolor: #83C252
@@ -19,7 +19,7 @@
 * next: zoo-activity2, zoo-activity2-2
 * description: It's time to start your new job as a zookeeper.  What could go wrong?
 * url: /skillmap/zoo/zoo1
-* imageurl: /static/skillmap/space/zoo/activity1.png
+* imageurl: /static/skillmap/zoo/activity1.png
 * tags: easy
 
 ### zoo-activity2
@@ -28,7 +28,7 @@
 * type: tutorial
 * description: Set up a zoo exhibit! Let's take a stroll to the mammal enclosures and get your first exhibit all set up.
 * url: /skillmap/zoo/zoo2
-* imageurl: /static/skillmap/space/zoo/activity2.png
+* imageurl: /static/skillmap/zoo/activity2.png
 * tags: easy
 * next: zoo-activity3
 
@@ -38,7 +38,7 @@
 * type: tutorial
 * description: It's aquarium time! Let's go to the ocean exhibits and design some sea creatures.
 * url: /skillmap/zoo/zoo2a
-* imageurl: /static/skillmap/space/zoo/activity2-2.png
+* imageurl: /static/skillmap/zoo/activity2-2.png
 * tags: easy
 
 ### zoo-activity3
@@ -47,7 +47,7 @@
 * type: tutorial
 * description: It's penguin pandimonium! Can you help contain the creatures before you carry on with your day?
 * url: /skillmap/zoo/zoo3
-* imageurl: /static/skillmap/space/zoo/activity3.png
+* imageurl: /static/skillmap/zoo/activity3.png
 * tags: easy
 * next: zoo-activity4
 
@@ -57,7 +57,7 @@
 * type: tutorial
 * description: It's feeding time! Grab your bucket of bamboo and head over to the panda enclosure.
 * url: /skillmap/zoo/zoo4
-* imageurl: /static/skillmap/space/zoo/activity4.png
+* imageurl: /static/skillmap/zoo/activity4.png
 * tags: easy
 * next: zoo-activity5
 
@@ -67,7 +67,7 @@
 * type: tutorial
 * description: Quail! Everywhere! Use code to catch these speedy birds!
 * url: /skillmap/zoo/zoo5
-* imageurl: /static/skillmap/space/zoo/activity5.png
+* imageurl: /static/skillmap/zoo/activity5.png
 * tags: intermediate
 * next: zoo-complete
 
@@ -77,4 +77,4 @@
 * kind: completion
 * type: certificate
 * url: /static/skillmap/certificates/learn-to-make-a-platformer.pdf
-* imageurl: /static/skillmap/space/zoo/images/cert.png
+* imageurl: /static/skillmap/zoo/images/cert.png

docs/skillmap/zoo/zoo2.md

@@ -1,18 +1,23 @@
 ### @flyoutOnly true
 
-# First Exhibit, by Land
+# First Exhibit: By Land
+
 
 ## Step 1
 
-Your very first exhibit! Exciting, huh? Hm... it does look a little empty. 
+**Your very first exhibit! Exciting, huh?**
+
+Hm... it does look a little empty.  
 Well, what's your favorite animal? Let's invite them over!
 
-Drag the ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` 
-block into ``||loops:on start||``. Then click the grey box and draw your
-animal!
+---
+
+▶ Drag ``||variables:set [mySprite] to sprite [ ] of kind [Player]||`` 
+into ``||loops:on start||``. 
+
+▶ Click the grey box in the new block and draw your animal using the **image editor**!
 
 ```blocks
-tiles.setTilemap(tilemap`level2`)
 let mySprite = sprites.create(img`
     . . . . . . 5 5 5 . . . . . . . 
     . . . . 5 5 5 5 5 5 5 . . . . . 
@@ -35,16 +40,19 @@ let mySprite = sprites.create(img`
 
 ## Step 2 
 
-Have your animal walk around the exhibit! 
+**🦓  Take your animal for a walk! 🐆**
+
+---
 
-Find the
-``||sprites:set [mySprite] velocity to vx [50] vy [50]||`` block 
-and drag it into the ``||loops:on start||`` container. Your animal friend
-should start moving! Try changing the numbers next to **vx** and **vy**
-and see what happens.
+▶ Grab
+``||sprites:set [mySprite] velocity to vx [50] vy [50]||`` 
+and drag it into the **end** of the ``||loops:on start||`` container. Your animal friend
+should start moving! 
+
+▶ Try changing the numbers next to **vx** and **vy**
+and watch the simulator to see what happens.
 
 ```blocks
-tiles.setTilemap(tilemap`level2`)
 let mySprite = sprites.create(img`
     . . . . . . 5 5 5 . . . . . . . 
     . . . . 5 5 5 5 5 5 5 . . . . . 
@@ -68,16 +76,23 @@ mySprite.setVelocity(50, 50)
 
 ## Step 3
 
-Right now the movement isn't super interesting. Let's add some randomness.
+The same old path gets boring after a while.  
+**Let's add some randomness!**
+
+---
 
-Now grab two 
+▶ Grab two 
 ``||math:pick random [0] to [10]||`` value blocks and 
-use them to replace the **50** next to the **vx** and **vy**. 
-Change the numbers around to see different kinds of movement!
+use them to replace the numbers next to the **vx** and **vy**. 
+
+▶ Change the numbers inside the **random** blocks to see different kinds of 
+movement each time you reload!
+
+---
+**Hint:** Don't forget to try random numbers!
 
 
 ```blocks
-tiles.setTilemap(tilemap`level2`)
 let mySprite = sprites.create(img`
     . . . . . . 5 5 5 . . . . . . . 
     . . . . 5 5 5 5 5 5 5 . . . . . 
@@ -101,13 +116,21 @@ mySprite.setVelocity(randint(-50, 50), randint(-50, 50))
 
 ## Step 4 
 
-Finally, when the animal hits the edge of the enclosure they just stop moving.
+**When the animal hits the edge of the enclosure they stop moving!**
+
+Let's fix that. 
+
+---
+
+▶ Snap ``||sprites:set [mySprite] bounce on wall <ON>||`` 
+in at the **end** of the program.
+
+---
+
+Now your animal can explore the entire exhibit!
 
-You can fix that by taking the ``||sprites:set [mySprite] bounce on wall <ON>||`` 
-block and snapping it in at the end of the program.
 
 ```blocks
-tiles.setTilemap(tilemap`level2`)
 let mySprite = sprites.create(img`
     . . . . . . 5 5 5 . . . . . . . 
     . . . . 5 5 5 5 5 5 5 . . . . . 
@@ -132,20 +155,28 @@ mySprite.setBounceOnWall(true)
 
 ## Step 5 @showdialog
 
-![A clipboard with a checklist. One item is checked off](https://shakao-test.github.io/zookeeper-map/images/zoo-clipboard.png)
+![A clipboard with a checklist. One item is checked off](/static/skillmap/zoo/zoo-clipboard.png)
 
-This exhibit looks awesome! The other kids at the zoo are going to 
-love it-- whoa, what's that sound?
+**This exhibit looks awesome!**
+
+The other kids at the zoo are going to 
+love it...WHOA! What's that sound?
 
 ## Step 6 @showdialog
 
-![A rotating red siren](https://shakao-test.github.io/zookeeper-map/images/siren.gif)
+![A rotating red siren](/static/skillmap/zoo/siren.gif)
+
+**An alarm?**
 
-An alarm? What's going on-- Hold on, we're getting a report from the penguin department-- the
+What's going on? Hold on, we're getting a report from the penguin department — the
 penguins did *what*? 
 
 ## Step 7
-Oh no! You better get over there!
+**🚨 OH NO!🚨**
+
+You better get over there!
+
+
 
 
 ```customts