{"id":22145058,"url":"https://github.com/laineus/auto-tile-webpack-plugin","last_synced_at":"2025-03-24T12:20:30.446Z","repository":{"id":57187375,"uuid":"324591667","full_name":"laineus/auto-tile-webpack-plugin","owner":"laineus","description":"Generate autotiles for Tiled automatically","archived":false,"fork":false,"pushed_at":"2021-01-16T15:49:15.000Z","size":1792,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-03T00:04:50.303Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/laineus.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-12-26T16:18:07.000Z","updated_at":"2023-11-15T17:01:39.000Z","dependencies_parsed_at":"2022-08-28T13:00:22.122Z","dependency_job_id":null,"html_url":"https://github.com/laineus/auto-tile-webpack-plugin","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laineus%2Fauto-tile-webpack-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laineus%2Fauto-tile-webpack-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laineus%2Fauto-tile-webpack-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/laineus%2Fauto-tile-webpack-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/laineus","download_url":"https://codeload.github.com/laineus/auto-tile-webpack-plugin/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245267565,"owners_count":20587459,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-01T22:39:00.781Z","updated_at":"2025-03-24T12:20:30.422Z","avatar_url":"https://github.com/laineus.png","language":"JavaScript","readme":"\n# AutoTileWebpackPlugin\n\n[![npm](https://img.shields.io/npm/v/auto-tile-webpack-plugin.svg?style=for-the-badge)](https://www.npmjs.com/package/auto-tile-webpack-plugin)\n[![license](https://img.shields.io/github/license/laineus/auto-tile-webpack-plugin.svg?style=for-the-badge\u0026color=blue)](https://github.com/laineus/auto-tile-webpack-plugin/blob/master/LICENSE)\n\nA Webpack plugin to generate expanded autotiles and its setting for Tiled from minimal autotiles automatically.\n\nIt will be re-generated automatically when added or modified images while webpack is watching.\n\n|Original|Expanded|\n|---|---|\n|![Original](examples/input.png)|![Expanded](examples/output.png)|\n\n![](examples/demo.gif)\n\n# Usage\n\nInstall:\n\n```\n$ npm install auto-tile-webpack-plugin\n```\n\nDefine into `webpack.config.js`:\n\n```js\nconst AutoTileWebpackPlugin = require('auto-tile-webpack-plugin')\n// ...\n{\n  entry: {\n    ...\n  },\n  output: {\n    ...\n  },\n  plugins: [\n    new AutoTileWebpackPlugin({\n      size: 32,\n      input: './public/img/original_autotiles',\n      output: './public/img/tilesets'\n    })\n  ]\n}\n```\n\n```\n- public/img/\n  - original_autotiles/\n    - town.png // Minimal autile image (Follow `examples/input.png`)\n  - tilesets/\n    - town.png // Generated image\n    - town.tmx // Generated setting for Tiled\n```\n\nOptions:\n\n|Key|What is|\n|---|---|\n|size|Tile size.|\n|input|Input directory. Original images should be here.|\n|output|Output directory. Extruded images will be here.|\n\n## Use it on Tiled\n\nMake a rules.txt that listed path to settings and place it under your project directory for Tiled.\n\n```\npath/to/town.tmx\npath/to/dungeon.tmx\n..\n```\n\n- The around of the autotiles need to be filled with something another tile.\n- Layer name need to be same as file name. (`town.png` -\u003e `town`)\n\n# CLI\n\n```\n$ autotile --input \u003cinput dir\u003e --output \u003coutput dir\u003e --size \u003ctile size\u003e\n```\n\nor\n\n```\n$ autotile --config \u003cpath to config\u003e\n```\n\n```js\nmodule.exports = {\n  size: 32,\n  input: './input',\n  output: './output'\n}\n```\n\n# Requirements\n\n- Webpack4 or higher\n\nI'm not sure if this will be working on Webpack3 or less.\nPlease make an issue or PR if need it.\n\n# License\n\n[MIT](LICENSE)\n\nThe settings for Tiled is based on [Remex](https://app.assembla.com/spaces/rpg-maker-to-tiled-suite/subversion/source).\n\n# [Examples] Projects that using this plugin\n\n- [phavuer-rpg-example](https://github.com/laineus/phavuer-rpg-example)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaineus%2Fauto-tile-webpack-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flaineus%2Fauto-tile-webpack-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaineus%2Fauto-tile-webpack-plugin/lists"}