Skip to content

A Tileset for isomtric game components made only with the DOM

License

MIT, Apache-2.0 licenses found

Licenses found

MIT
LICENCE
Apache-2.0
LICENSE
Notifications You must be signed in to change notification settings

holywyvern/react-isometric-tilemap

Repository files navigation

React Isometric Tilemap

A library for displaying tilemaps and handling events on it.

How to use

Install the library:

npm i --save react-isometric-tilemap

Import this library in your code:

// The map is the basic container, the tile is each square
import IsometricMap, { IsometricTile } from "react-isometric-tilemap";
// The styles are needed to display properly
import "react-isometric-tilemap/build/css/index.css";

Now you can create your own map with it:

const MyMap = () => {
  <IsometricMap mapWidth={1} mapHeight={1} tileSize={32} slabSize={8}>
    <IsometricTile x={0} y={0} z={3} />
  </IsometricMap>;
};

Please refer for the documentation for more details about the components provided.

About

A Tileset for isomtric game components made only with the DOM

Topics

Resources

License

MIT, Apache-2.0 licenses found

Licenses found

MIT
LICENCE
Apache-2.0
LICENSE

Stars

Watchers

Forks

Packages

No packages published