https://github.com/praghus/plextus
🎨 Pixel art editor designed to make tiled maps and tilesets.
https://github.com/praghus/plextus
canvas2d game-development konva pixel pixel-art pixel-editor react redux redux-saga tiled-map-editor
Last synced: 4 months ago
JSON representation
🎨 Pixel art editor designed to make tiled maps and tilesets.
- Host: GitHub
- URL: https://github.com/praghus/plextus
- Owner: praghus
- Created: 2021-05-26T08:33:56.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2024-07-27T08:49:29.000Z (almost 2 years ago)
- Last Synced: 2024-07-27T17:56:01.951Z (almost 2 years ago)
- Topics: canvas2d, game-development, konva, pixel, pixel-art, pixel-editor, react, redux, redux-saga, tiled-map-editor
- Language: TypeScript
- Homepage:
- Size: 44.6 MB
- Stars: 25
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
#  Plextus [](https://circleci.com/gh/praghus/plextus/?branch=main)
🚀 **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](https://www.mapeditor.org/) map editor and allows you to export your finished project to `.tmx` format.
## [Demo](https://praghus.github.io/plextus/)
[](https://praghus.github.io/plextus/)
## Installation
1. Clone/download repo
2. `yarn install`
## Usage
**Development**
`yarn dev`
- Build app continuously (HMR enabled)
- App served @ `http://localhost:5173`
**Production**
`yarn build`
- Build app once (HMR disabled) to `/dist/`
---
**All commands**
| Command | Description |
| --------------------- | ------------------------------------------------------------------------ |
| `yarn dev` | Build app continuously (HMR enabled) and serve @ `http://localhost:5173` |
| `yarn build` | Build app to `/dist/` |
| `yarn build:electron` | Build Electron app to `/dist-electron/` |
| `yarn lint` | Run linter |
| `yarn prettier:check` | Run prettier and check codestyles |
| `yarn prettier:write` | Run prettier and fix issues |
## TODO
- [x] Bucket fill tool for tiles
- [x] Change grid color
- [ ] Convert image layer into tiled
- [x] Copy, paste
- [x] Crop and resize map
- [x] Export to `.tmx` format
- [x] Image layers
- [x] Layer offset tool
- [x] Light and dark color theme
- [x] Lighten / darken tool
- [x] Line tool
- [ ] More pixel tools (Circle, Rectangle)
- [x] Pixel bucket tool
- [x] Pixel tool size change
- [x] Remove tile from tileset
- [x] Replace tile
- [x] Set and change map background color
- [x] Tile clone
- [x] Undo and redo
## License
Plextus is [MIT licensed](./LICENSE).
## See also
- [Konva](https://konvajs.org/)
- [MUI](https://mui.com/)
- [Tiled](https://www.mapeditor.org/)