auto-tile-webpack-plugin v0.11.0

AutoTileWebpackPlugin

A Webpack plugin to generate expanded autotiles and its setting for Tiled from minimal autotiles automatically.

It will be re-generated automatically when added or modified images while webpack is watching.

Original	Expanded

Usage

Install:

$ npm install auto-tile-webpack-plugin

Define into webpack.config.js:

const AutoTileWebpackPlugin = require('auto-tile-webpack-plugin')
// ...
{
  entry: {
    ...
  },
  output: {
    ...
  },
  plugins: [
    new AutoTileWebpackPlugin({
      size: 32,
      input: './public/img/original_autotiles',
      output: './public/img/tilesets'
    })
  ]
}

- public/img/
  - original_autotiles/
    - town.png // Minimal autile image (Follow `examples/input.png`)
  - tilesets/
    - town.png // Generated image
    - town.tmx // Generated setting for Tiled

Options:

Use it on Tiled

Make a rules.txt that listed path to settings and place it under your project directory for Tiled.

path/to/town.tmx
path/to/dungeon.tmx
..

• The around of the autotiles need to be filled with something another tile.
• Layer name need to be same as file name. (town.png -> town)

CLI

$ autotile --input <input dir> --output <output dir> --size <tile size>

or

$ autotile --config <path to config>

module.exports = {
  size: 32,
  input: './input',
  output: './output'
}

Requirements

• Webpack4 or higher

I'm not sure if this will be working on Webpack3 or less. Please make an issue or PR if need it.

License

MIT

The settings for Tiled is based on Remex.

Examples Projects that using this plugin

• phavuer-rpg-example