Skip to main content
The Deno 2 Release Candidate is here
Learn more
Module

x/react_isometric_tilemap/components/isometric-tile.tsx>IsometricTileProps

A Tileset for isomtric game components made only with the DOM
boscohyun/react-isometric-tilemap
Latest
interface IsometricTileProps
import { type IsometricTileProps } from "https://deno.land/x/react_isometric_tilemap@2.0.0/components/isometric-tile.tsx";

Properties

readonly
optional
debug: boolean

Visualize debug-purpose guides

readonly
x: number

The x position of the tile, from 0 to width - 1

readonly
y: number

The y position of the tile, from 0 to height - 1

readonly
optional
z: number

The height of the tile, it will be "lifted" as map slab size * z

readonly
optional
leftZ: number

The height of the left wall, by default it is the same as the z value

readonly
optional
rightZ: number
readonly
optional
frames: TileFrame[]

A list of frames for each part of the tile

readonly
optional
delay: number

An intervall in milliseconds on wich each frame changes

readonly
optional
className: string

Extra css classes added into the object

readonly
optional
style: React.CSSProperties

An style object of CSS propertyes

readonly
optional
onMouseAction: (event: IsometricMapEvent<IsometricTileProps>) => void

Event used to catch all mouse events

readonly
optional
onClick: (event: IsometricMapEvent<IsometricTileProps>) => void

Click event for the entire tile

readonly
optional
onFloorClick: (event: IsometricMapEvent<IsometricTileProps>) => void

Click event for only the floor

readonly
optional
onWallClick: (event: IsometricMapEvent<IsometricTileProps>) => void

Click event for any wall

readonly
optional
onLeftWallClick: (event: IsometricMapEvent<IsometricTileProps>) => void

Click event for left wall

readonly
optional
onRightWallClick: (event: IsometricMapEvent<IsometricTileProps>) => void

Click event for right wall

readonly
optional
onEnter: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse enters any part of the tile

readonly
optional
onFloorEnter: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse enters the floor of the tile

readonly
optional
onWallEnter: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse enters any wall of the tile

readonly
optional
onLeftWallEnter: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse enters the left wall of the tile

readonly
optional
onRightWallEnter: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse enters the right of the tile

readonly
optional
onLeave: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse exits any part of the tile

readonly
optional
onFloorLeave: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse exits the floor of the tile

readonly
optional
onWallLeave: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse exits any wall of the tile

readonly
optional
onLeftWallLeave: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse exits the left wall of the tile

readonly
optional
onRightWallLeave: (event: IsometricMapEvent<IsometricTileProps>) => void

Callback called when the mouse exits the right of the tile