Make a custom animation

Introduction

Create a custom animation for your EV3 Brick

Step 1

Open the ||brick:Brick|| Toolbox drawer. Drag out a ||brick:show string|| block 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 "Press my button" to replace "Hello world".

brick.showString("Press my button!", 1) 

Step 3

Open the ||brick:Brick|| Toolbox drawer. Drag out an ||brick:on button|| block onto anyplace in the Workspace.

brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () { 
     
}) 
brick.showString("Press my button!", 1) 

Step 4

Open the ||brick:Brick|| Toolbox drawer. Drag out a ||brick:show image|| block onto the Workspace, and drop it into the ||brick:on button|| block.

brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
}) 
brick.showString("Press my button!", 1) 

Step 5

Try out your code in the EV3 Brick simulator!

Press the Enter button and check that the image shows up as you expected.

Step 6

Open the ||brick:Brick|| Toolbox drawer. Drag out a ||brick:set status light|| block onto the Workspace, and drop it into the ||brick:on button|| block after the ||brick:show image|| block.

brick.buttonEnter.onEvent(ButtonEvent.Pressed, function () { 
    brick.showImage(images.expressionsBigSmile) 
    brick.setStatusLight(StatusLight.Orange) 
}) 
brick.showString("Press my button!", 1) 

Step 7

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 EV3 Brick.