TileExtrudeWebpackPlugin

A Webpack plugin to extrude tilesets automatically with tile-extruder.

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

Usage

Install:

$ npm install tile-extrude-webpack-plugin

Define into webpack.config.js:

const TileExtrudeWebpackPlugin = require('tile-extrude-webpack-plugin')
// ...
{
  entry: {
    ...
  },
  output: {
    ...
  },
  plugins: [
    new TileExtrudeWebpackPlugin({
      size: 32,
      input: './public/img/original_tilesets',
      output: './public/img/extruded_tilesets'
    })
  ]
}

Options:

Key	What is
size	Tile size.
input	Input directory. Original images should be here.
output	Output directory. Extruded images will be here.
minify	Minify png when extrude. (default is true)

CLI

$ tile-extrude --input <input dir> --output <output dir> --size <tile size> --minify

or

$ tile-extrude --config <path to config>

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

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.

[Examples] Projects that using this plugin

• phavuer-rpg-example
• unsung-kingdom