pxt-ev3/docs/tutorials/make-an-animation.md

Make a custom animation

Introduction @fullscreen

Create a custom animation for your LEGO Mindstorms 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

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 6

Now, let’s download our program to the brick. Plug your EV3 brick into the computer with the USB cable, and click the blue Download button in the bottom left of your screen. Follow the directions to save your program to the brick.