2.3 KiB

Raw Blame History

Image

An image for the @boardname@ screen.

@parent js/language

An Image is a matrix of pixels to show on the LED screen

Touch Develop editor: plot an image

To display an image using the Touch Develop editor:

click image , plot image, and then edit
click the rectangles to create an image
when you're done, click ok to return to your code

You should see code similar to this:

basic.plotImage(`
. . . . .
. # . # .
. . # . .
. # . # .
. . . . .
`)

Creating an image

To create an image that you can later modify, see the create image function.

Block editor: create and show images

To create images using the Block editor:

Click the Images category on the left.
Drag and drop the show image block into your code.
Drag and drop the create image or create big image block onto the show image block so that they connect.
Make an image on the create image block by clicking on the squares.

Global image variables

Images that you create in the Touch Develop editor are local variables. To promote a local image variable to a global variable, select the local image variable and click promote to data. The var keyword changes to the data symbol data->.

Image functions

create image: create an image from a series of on/off LED states
clear: turn off all the pixels in an image
set pixel: set the state of a pixel in an image
pixel: get the state of a pixel in an image
plot-image: show a single-frame image on the LED screen
show animation: show a series of image frames
show image: show an image on the screen
scroll image: scroll an image on the screen
width: get the width of an image

Lessons

offset image

2.3 KiB Raw Blame History