pxt-ev3/docs/tutorials/what-animal-am-i.md
2018-06-22 07:06:31 -07:00

5.4 KiB
Raw Blame History

What Animal Am I?

Introduction @unplugged

Create different animal effects with your @boardname@.

Guess the what the animal is

Step 1

Open the ||brick:Brick|| Toolbox drawer. Drag out a ||brick:show string|| block from the Screen section onto the Workspace, and drop it into the ||loops:on start|| block. You should hear and see the block click into place.

brick.showString("Hello world", 1)

Step 2

In the ||brick:show string|| block, type the text "Guess the animal" to replace "Hello world".

brick.showString("Guess the animal", 1)

Step 3

Open the ||brick:Brick|| Toolbox drawer. From the Buttons section, drag out an ||brick:on button|| block anywhere onto the Workspace.

brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.showString("Guess the animal", 1)

Step 4

In the ||brick:on button|| block, use the drop-down menu to select the left button.

Dropdown with button choices

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.showString("Guess the animal", 1) 

Step 5

Open the ||brick:Brick|| Toolbox drawer. In the Buttons section, drag out 3 more ||brick:on button|| blocks. Using the drop-down menu, select the right, up, and down buttons for these 3 blocks.

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.buttonDown.onEvent(ButtonEvent.Pressed, function () { 
 
}) 
brick.showString("Guess the animal", 1) 

Step 6

Open the ||brick:Brick|| Toolbox drawer. Drag out 4 ||brick:show image|| blocks onto the Workspace, and drop one of them into each of the ||brick:on button|| blocks.

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
}) 
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
}) 
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
}) 
brick.buttonDown.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
}) 
brick.showString("Guess the animal", 0)

Step 7

In the ||brick:show image|| blocks, use the drop-down menu to select a different image to show for each block.

Dropdown with image selection

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth2shut)
})
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth1open)
})
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsBoom)
})
brick.buttonDown.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsPirate)
})
brick.showString("Guess the animal", 0)

Step 8

Open the ||music:Music|| Toolbox drawer. Drag out 4 ||music:play sound effect|| block and drop one of them into each of the ||brick:on button|| blocks, just after the ||brick:show image|| block.

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth2shut)
    music.playSoundEffect(sounds.animalsCatPurr)
}) 
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth1open)
    music.playSoundEffect(sounds.animalsCatPurr)
})
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsBoom)
    music.playSoundEffect(sounds.animalsCatPurr)
})
brick.buttonDown.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsPirate)
    music.playSoundEffect(sounds.animalsCatPurr)
})
brick.showString("Guess the animal", 0)

Step 9

In each ||music:play sound effect|| block, use the drop-down menu to select a different animal sound to play.

Dropdown with sound effect selection

brick.buttonLeft.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth2shut)
    music.playSoundEffect(sounds.animalsCatPurr)
})
brick.buttonRight.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.expressionsMouth1open)
    music.playSoundEffect(sounds.animalsDogBark1)
})
brick.buttonUp.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsBoom)
    music.playSoundEffect(sounds.animalsElephantCall)
})
brick.buttonDown.onEvent(ButtonEvent.Pressed, function () {
    brick.showImage(images.objectsPirate)
    music.playSoundEffect(sounds.animalsSnakeHiss)
})
brick.showString("Guess the animal", 0)

Step 10

Now, plug your EV3 Brick into the computer with the USB cable, and click the Download button at the bottom of your screen. Follow the directions to save your program to the brick.

Test your program with a friend by pressing the right, left, up, and down buttons on your brick. Have your friend guess what animal it is!