Sam El-Husseini 2e9cb3c43b

Fix tutorial authoring for getting started (#885 )

* Fix tutorial authoring for getting started

Remove extra new lines

* Fix other tutorials

2018-06-21 16:02:19 -07:00

1.6 KiB

Raw Blame History

Flashing Heart

Step 1

Place the ||basic:show leds|| block in the ||basic:on start|| block and draw a heart.

basic.showLeds(`
    . # . # .
    # # # # #
    # # # # #
    . # # # .
    . . # . .`
    );

Step 2

Click |Download| to transfer your code in your @boardname@!

Step 3

Place another ||basic:show leds|| block under the heart to make it blink.

basic.showLeds(`
    . # . # .
    # # # # #
    # # # # #
    . # # # .
    . . # . .`);
basic.showLeds(`
    . # . # .
    # . # . #
    # . . . #
    . # . # .
    . . # . .`);

Step 4

Move the blocks inside the ||basic:forever|| to repeat the animation.

basic.forever(() => {
    basic.showLeds(`
        . # . # .
        # # # # #
        # # # # #
        . # # # .
        . . # . .`
        );
    basic.showLeds(`
        . # . # .
        # . # . #
        # . . . #
        . # . # .
        . . # . .`);
})

Step 5

Click |Download| to transfer your code in your @boardname@ and watch the hearts flash!

Step 6

Place more ||basic:show leds|| blocks to create your own animation.

basic.forever(() => {
    basic.showLeds(`
        . # . # .
        # # # # #
        # # # # #
        . # # # .
        . . # . .`
        );
    basic.showLeds(`
        . # . # .
        # . # . #
        # . . . #
        . # . # .
        . . # . .`);
    basic.showLeds(`
        . . . . .
        . # . # .
        . # # # .
        . . # . .
        . . . . .`);
})

Step 7