Plextus

Plextus is a pixel art editor designed to make tiled maps and tilesets. In addition to the usual tile placement, it also allows you to draw directly on map and edit the tiles.

Plextus is fully compatible with Tiled map editor and allows you to export your finished project to .tmx format.

Demo

Installation

1. Clone/download repo
2. yarn install (or npm install for npm)

Usage

Development

yarn start

• Build app continuously (HMR enabled)
• App served @ http://localhost:8080

Production

yarn start-prod

• Build app once (HMR disabled) to /dist/
• App served @ http://localhost:3000

---

All commands

Command	Description
yarn run start-dev	Build app continuously (HMR enabled) and serve @ http://localhost:8080
yarn run start-prod	Build app once (HMR disabled) to /dist/ and serve @ http://localhost:3000
yarn run build	Build app to /dist/
yarn run test	Run tests
yarn run lint	Run linter
yarn run lint --fix	Run linter and fix issues
yarn run start	(alias of yarn run start-dev)

TODO

• Bucket fill tool for tiles
• Change grid color
• Convert image layer into tiled
• Copy, paste
• Crop and resize map
• Export to .tmx format
• Image layers
• Layer offset tool
• Light and dark color theme
• Lighten / darken tool
• Line tool
• More pixel tools (Circle, Rectangle)
• Pixel bucket tool
• Pixel tool size change
• Remove tile from tileset
• Replace tile
• Set and change map background color
• Tile clone
• Undo and redo

License

Plextus is MIT licensed.

See also

• Konva
• MUI
• Tiled