https://github.com/holywyvern/react-isometric-tilemap
A Tileset for isomtric game components made only with the DOM
https://github.com/holywyvern/react-isometric-tilemap
isometric react tilemap
Last synced: 11 months ago
JSON representation
A Tileset for isomtric game components made only with the DOM
- Host: GitHub
- URL: https://github.com/holywyvern/react-isometric-tilemap
- Owner: holywyvern
- License: mit
- Created: 2018-02-24T00:21:29.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2021-09-25T02:30:32.000Z (over 4 years ago)
- Last Synced: 2025-07-11T15:31:27.073Z (11 months ago)
- Topics: isometric, react, tilemap
- Language: JavaScript
- Homepage: https://holywyvern.github.io/react-isometric-tilemap/
- Size: 880 KB
- Stars: 11
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# React Isometric Tilemap
A library for displaying tilemaps and handling events on it.
## How to use
### Install the library:
```sh
npm i --save react-isometric-tilemap
```
Import this library in your code:
```js
// 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:
```jsx
const MyMap = () => {
;
};
```
Please refer for the documentation for more details about the components provided.