JoeStrout at 04:55, 19 September 2021

2021-09-19T04:55:29Z

JoeStrout: Created page with "In Mini Micro, the overlap property of a TileDisplay controls how much the cells in the display overlap (in pixels). The default value is 0, which means that e..."

2021-09-19T04:54:55Z

Created page with "In Mini Micro, the <c>overlap</c> property of a TileDisplay controls how much the cells in the display overlap (in pixels). The default value is 0, which means that e..."

New page

In [[Mini Micro]], the <c>overlap</c> property of a [[TileDisplay]] controls how much the cells in the display overlap (in pixels). The default value is 0, which means that each cell is positioned directly next to its neighbor, touching but not overlapping. Positive values cause neighboring cells to overlap by that many pixels; negative values cause them to spread apart.

The <c>overlap</c> value can be either a simple number, used for both horizontal and vertical overlap; or a two-element list containing the desired [horizontal, vertical] overlap.

== Example ==

The following code prepares a tile display with 5 columns and 4 rows...

<ms>display(5).mode = displayMode.tile
td = display(5)
td.tileSet = file.loadImage("/sys/pics/TileShapes.png")
td.tileSetTileSize = 64 // size of each tile in the image
td.extent = [5, 4] // columns, rows on screen</ms>
td.clear // clear all tiles to index 20 (a blue circle)</ms>

After running the above code, at the command line prompt, try each of the following lines, one at a time:

<ms>td.overlap = 10
td.overlap = 0
td.overlap = -10</ms>

You should see that changing the overlap value causes the circles (which each show one cell of the display) to overlap, touch neatly, or spread apart.

<gallery>
Overlap+10.png|td.overlap = 10
Overlap0.png|td.overlap = 0
Overlap-10.png|td.overlap = -10
</gallery>

[[Category:Mini Micro]]

@@ Line 11: / Line 11: @@
 td.tileSet = file.loadImage("/sys/pics/TileShapes.png")
 td.tileSetTileSize = 64  // size of each tile in the image
-td.extent = [5, 4]  // columns, rows on screen</ms>
+td.extent = [5, 4]  // columns, rows on screen
 td.clear    // clear all tiles to index 20 (a blue circle)</ms>

TileDisplay.overlap - Revision history

JoeStrout at 04:55, 19 September 2021

JoeStrout: Created page with "In Mini Micro, the overlap property of a TileDisplay controls how much the cells in the display overlap (in pixels). The default value is 0, which means that e..."