Giter Site home page Giter Site logo

itsjavi / autotiler Goto Github PK

View Code? Open in Web Editor NEW
47.0 4.0 2.0 3.58 MB

Autotile 47-tile blob tileset generator application with Godot export support. Based on Electron JS.

Home Page: https://route1rodent.itch.io/autotiler

License: MIT License

CSS 15.43% JavaScript 74.15% HTML 8.70% Makefile 1.72%
godot-engine godotengine tileset-editor tileset-generator tiled tilemaps godot

autotiler's Introduction

Autotiler

Autotile tileset generator application with Godot export support.

Generates a full autotile tileset using a 15-tile image, including a resource with configured collisions and bitmask ready to be used in Godot.

Features

  • Generates 42-tile Blob tilesets out of 15-tile Wang tilesets.
  • Supports any tile size (multiples of 8)
  • Godot Tileset resource export with configured region, bitmask, collisions and icon.

For roadmap and suggestions please use this thread.

Usage

Basic instructions

Once you have the app installed and open, you only need to open a tileset with 13 tiles on the left side, arranged as shown in the screenshot (or as in the example images at the bottom).

The tile size is detected automatically, even though you can manually edit it in the input.

Be sure that your image is made of 5 tiles wide and 3 tiles tall, regardless of the single tile size.

After placing the image, the autotile tileset will be generated automatically and you can save the image using the save button.

Exporting to Godot

To export the tileset to Godot, you need to save it preferably on your Godot project folder. This will create a folder with the PNG, a .tres and a .import file. Once exported, you can open Godot and it will recognize it automatically.

Once opened in Godot, you can move the assets to other folders, but the first time it needs to be in the Godot project folder root.

License

This project is licensed under the MIT license.

autotiler's People

Contributors

dependabot[bot] avatar imgbot[bot] avatar itsjavi avatar roushk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

autotiler's Issues

Godot 4 support?

Hi,

Any plans to update this to work with Godot 4's updated tileset format?

This is my favourite tool for auto-tiling, I used it a lot!

Roadmap Ideas and Proposals [Discussion Thread]

Ideas

  • Refactor code, splitting it better and using better patterns. React / Redux? + Some canvas lib?
  • Auto-detect tile size when changing image.
  • Drag and drop input image.
  • Generate output in same page.
  • Export to Godot (Collisions and Bitmap).
  • Zoom change.
  • Preview Mode layers:
    • Grid
    • Grid split
    • Transparency
    • Collisions
    • Bitmask
  • Edit Mode:
    • Edit collisions and bitmasks on the canvas (rects and triangles).
    • Edit Godot icon.
  • App exports for MacOS, Windows and Linux (Debian).
  • Examples for 24-px and 32-px tiles.
  • Support for Wang autotiles (reverse Blob to Wang)

Unsupported

Not yet supported or not tested:

  • Isometric tiles
  • Non top-down tilesets
  • Exporting to other game engines (Unity, Game Maker Studio)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.