Home
Softono
plextus

plextus

Open source TypeScript
GitHub
33
Stars
4
Forks
1
Issues
1
Watchers
5 months
Last Commit
Asset Creation Image Editing

About plextus

🎨 Pixel art editor designed to make tiled maps and tilesets.

Platforms

Web Self-hosted

Languages

TypeScript

Links

Source Code
p
Published by
praghus
Visit View Profile

README.md

View on GitHub

logo Plextus CircleCI

🚀 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

showcase

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.

See also