This commit is contained in:
Peli de Halleux 2016-05-19 23:19:17 -07:00
commit 6329a79ce1
4 changed files with 34 additions and 25 deletions

View File

@ -1,6 +1,6 @@
# Show Animation # Show Animation
Show a series of image frames on the [LED screen](/device/screen), pausing the specified time after each frame. Show a group of image frames (pictures) one after another on the [LED screen](/device/screen). It pauses the amount of time you tell it after each frame.
```sig ```sig
basic.showAnimation(` basic.showAnimation(`
@ -14,10 +14,14 @@ basic.showAnimation(`
### Parameters ### Parameters
* `leds` - [String](/reference/types/string); a series of LED on/off states * `leds` is a [String](/reference/types/string) that shows which LEDs are on and off, in groups one after another.
* `interval` - [Number](/reference/types/number); the number of milliseconds to pause after each image frame * `interval` is an optional [Number](/reference/types/number). It means the number of milliseconds to pause after each image frame.
### Show a series of image frames ### Example: Animating a group of image frames
In this animation, each row is 15 spaces wide because
there are three frames in the animation, and each frame is
five spaces wide, just like the screen on the BBC micro:bit.
``` ```
basic.showAnimation(` basic.showAnimation(`
@ -31,13 +35,17 @@ basic.showAnimation(`
### ~hint ### ~hint
If the series of images appear too fast, increase the value of the *interval* parameter. If the animation is too fast, make `interval` bigger.
### ~ ### ~
### Example: animating frames ### Example: animating frames with a pause
The following example creates an image with six frames and then shows each frame o the screen, pausing 500 milliseconds after each frame: This example shows six frames on the screen, pausing 500 milliseconds after each frame.
In this animation, each row is 30 spaces wide because
there are six frames in the animation, and each frame is
five spaces wide, just like the screen.
``` ```
basic.showAnimation(` basic.showAnimation(`
@ -51,7 +59,7 @@ basic.showAnimation(`
### ~hint ### ~hint
Use [forever](/reference/basic/forever) to continually repeat an animation Use [forever](/reference/basic/forever) to show an animation over and over.
### ~ ### ~

View File

@ -15,12 +15,13 @@ basic.showLeds(`
### Parameters ### Parameters
* ``leds`` - a series of LED on/off states that form an image (see steps below) * `leds` is a [String](/reference/types/string) that shows which LEDs are on and off.
* (optional) ``ms`` - [Number](/reference/types/number) - time to wait after displaying image. In blocks, ``ms`` is 400 by default. * `ms` is an optional [Number](/reference/types/number) that shows how many milliseconds to wait after showing a picture.
If you are programming with blocks, `ms` starts out as 400 milliseconds.
### Example - Block Editor ### Example
1. Open the `basic` category and select the `show leds` blocks. Open the `basic` card in the Block Editor and select the `show leds` blocks.
```blocks ```blocks
basic.showLeds(` basic.showLeds(`
@ -33,7 +34,7 @@ basic.showLeds(`
) )
``` ```
In JavaScript, the led off is represented by a `.` and the led on by a `#` character. If you are programming in JavaScript, `#` means an LED that is turned on and `.` means an LED that is turned off.
### Lessons ### Lessons

View File

@ -8,8 +8,8 @@ basic.showNumber(2, 150)
### Parameters ### Parameters
* **value** is a [Number](/reference/types/number). * `value` is a [Number](/reference/types/number).
* **interval (ms)** is an optional [Number](/reference/types/number). It means the number of milliseconds before sliding the **value** left by one LED each time. Bigger intervals make the sliding slower. * `interval` is an optional [Number](/reference/types/number). It means the number of milliseconds before sliding the `value` left by one LED each time. Bigger intervals make the sliding slower.
### Examples: ### Examples:
@ -19,7 +19,7 @@ To show the number 10:
basic.showNumber(10) basic.showNumber(10)
~~~~ ~~~~
To show the number stored in the `x` variable: To show the number stored in a variable:
~~~~blocks ~~~~blocks
let x = 1 let x = 1
@ -39,8 +39,8 @@ for (let i = 0; i < 6; i++) {
### Other show functions ### Other show functions
* use [show string](/reference/basic/show-string) to show a [String](/reference/types/string) with letters on the screen * Use [show string](/reference/basic/show-string) to show a [String](/reference/types/string) with letters on the screen.
* use [show animation](/reference/basic/show-animation) to show a group of pictures on the screen, one after another * Use [show animation](/reference/basic/show-animation) to show a group of pictures on the screen, one after another.
### Lessons ### Lessons

View File

@ -1,6 +1,6 @@
# Show String # Show String
Show a string on the [LED screen](/device/screen) one character at a time (scrolling from left to right). Show a number on the [LED screen](/device/screen). It will slide left if it is bigger than the screen.
```sig ```sig
basic.showString("Hello!") basic.showString("Hello!")
@ -8,18 +8,18 @@ basic.showString("Hello!")
### Parameters ### Parameters
* `text` - a [String](/reference/types/string) * `text` is a [String](/reference/types/string). It can contain letters, numbers, and punctuation.
* (optional) `ms` - [Number](/reference/types/number); the time (in milliseconds) before scrolling left by one LED; the larger the number, the slower the scroll * `ms` is an optional [Number](/reference/types/number). It means the number of milliseconds before sliding the [String](/reference/types/string) left by one LED each time. Bigger intervals make the sliding slower.
### Examples: ### Examples:
To display Hello: To show the word **Hello**:
```blocks ```blocks
basic.showString("Hello") basic.showString("Hello")
``` ```
To display the content of a string variable: To show what is stored in a [String](/reference/types/string) variable:
```blocks ```blocks
let s = "Hi" let s = "Hi"
@ -28,8 +28,8 @@ basic.showString(s)
### Other show functions ### Other show functions
* use [show number](/reference/basic/show-number) to show a number on the screen * Use [show number](/reference/basic/show-number) to show a number on the [LED screen](/device/screen).
* use [show animation](/reference/basic/show-animation) to show a series of images on the screen * Use [show animation](/reference/basic/show-animation) to show a group of pictures on the screen, one after another.
### Lessons ### Lessons