Skip to content

vforsh/nine-slice-editor

Repository files navigation

Nice Slice Editor

Screenshot

Summary

What are the nine-slice or nine-patch images?

Nice Slice Editor is a handy tool designed to ease the usage of nice-slice images with PhaserJS.

PhaserJS v3 doesn't support nice-slice images out of the box but there are few plugins that provide this functionality. This editor is based on ninepatch-plugin from Koreez Games.

How to use

To start the editor run the following commands:

  • npm run ts-complile
  • npm run serve-dev

Keyboard shortcuts

  • S to display resize dialog
  • I or U to import image or texture atlas
  • U or E to export image
  • C to copy nine-slice config to clipboard
  • A to toggle axis (diplay / hide)
  • F to toggle camera zoom (max / default)

Development

To start developing run the following commands:

  • npm run ts-complile
  • npm run ts-typecheck
  • npm run serve-dev

Application entry point is at src/startup/Startup.ts