Tilesetter 3 — Sneak Peek
leddevsteam_community_announcements
Hi everyone! How about some fresh news?
Tilesetter 3.0.0 is nearing a Beta release. It's been a while since the last update, so let's take a look at what's coming:
New Tilesetter
{STEAM_CLAN_IMAGE}/35584837/521196cda71aac2f14593239ada39b135eb9864d.png Tilesetter 3 is completely new. Built from the ground up, we have taken the opportunity to reformulate the workflow for creating tilesets, and to make tileset creation even simpler. The new interface immediately makes this clear. Tilesetter 3 feels light and sharp, and extra care is being invested into refining the tool's capabilities. In the migration into C++, we have reimagined Tilesetter. Let's look closer:Modular Generation
Components. Found at the left of your project window, these are configuration objects that describe how a set of tile images are generated. {STEAM_CLAN_IMAGE}/35584837/86109f384d15b55dcb4deef24d2c14cfeb824a1e.png In generating something, all of its properties are configurable via its Component. For example: Generate a tileset, and a newly created Border Component is responsible for all the parameters used throughout our set:- What the top/left/etc. border should look like
- How to cut off the base image
- Whether corners are custom or automatically generated from edges
- Etc.
Source Tray
You may be happy to hear that Sources are getting their own window now. An essential building block for tiles in Tilesetter, these are simple images that can be used as a tile's look, or as inputs for Components. They will now be visible and accessible at all times, neatly presented at the bottom of your project window. {STEAM_CLAN_IMAGE}/35584837/c6a25fe6b8d6862f7a56780e95f523e4f3ea0fd5.gif Not only will you be able to quickly drag them into tileset configuration, but you'll also find that they are organized the same shape as they were imported or created in. This way, a quick glance is enough to find the Source image you're looking for. We can also drag Sources into the Tile grid to use them directly as Tiles.Animations
Support for animated tile generation is something that a lot of you have asked for. It's finally here: It will now be possible to import an animation sequence and work with animated tilesets in Tilesetter 3. Animated Sources can be set up quickly, and be used normally as parts for your generated tileset. {STEAM_CLAN_IMAGE}/35584837/98b2e905fa29fce8f590fd0b95847027102c4d42.gif These Sources are produced by an Animation Component, which aggregates several still images and defines an animation sequence. Finer control over frames, ordering and duration is available in the Component's configuration panel.Better Tiling
The current "Relations" tab and its settings, that dictate both how Tiles' graphics are generated, as well as how they connect together (for map editing and exporting purposes) will be replaced in this update. Going forward, we're keeping the image data, and behavior data, of a Tile separate and independent. ("Behavior" referring to how a tile connects to other tiles for use in maps) To understand how your tiles go together, Tilesetter 3 introduces a new generic and universal way to describe connections. A Tile's behavior is defined by connector tags on each of its sides, denoting which other tiles it can connect to. Sides with the same connector tag go together. {STEAM_CLAN_IMAGE}/35584837/bf56ff19754e35c16b7c5c32822465d7e328eb6b.png This new model generalizes tiling behavior, and does not suffer from the shortcomings of the current Relations system. We've recognized that Relations are both unclear to understand and use, as well as restrictive in what ways it allows tiles to tile. Tiling is not always as simple as determining what place in a set a tile belongs to (upper edge, top-left corner, etc.), and this new system accounts for that. Connector tags will be automatically set up when you generate your tileset, ready to be exported and converted (when possible) into your format of choice. In addition, you will now be able to easily import pre-existing tilesets.Various Improvements
Designing a tool that is both powerful enough for various use cases, while also ensuring usage is simple has been a challenge in development since early versions. Some have noted the steep learning curve, and that the tool could be more intuitive. Key pieces of feedback we hope to address in Tilesetter 3. Here are some of the improvements you'll find in the upcoming version, ranging from workflow refinements, to new additions:- Tilesetter 3 will come with support for rectangular tiles, and no longer have an upper limit for tile sizes.
- Better Tile grid: Now featuring a cursor, arrow key support, and more. For instance, Ctrl+Arrow snaps the cursor to edges of tile volumes letting you quickly select a bunch of tiles, and hovered selections ensure that dragging a group of tiles does not automatically replace tiles below.
- Configuring borders for a set has been massively streamlined (as shown in the above GIFs): Select one or more tiles from a generated set and you will have access to all the set's options, without having to select one edge at a time. In addition, multiple borders can be assigned at once by dragging multiple sources from the Source Tray. If dragging a single source, the mouse wheel allows you to place it in more than one edge or corner at once. Tilesetter will even attempt to auto-predict which rotation these Sources should be in.
- Godot 4 exports will be supported.
- "Copy" and "Copy Raw" are being merged. Paste a tile back into Tilesetter, and it'll use the same Source and tiling behavior. Paste a tile outside into an image editor and you get the raw image. "Copy Raw" (which does not carry Tile metadata) will no longer be needed to copy the raw image for external use.
- Visual contrast issues are being addressed with the new design. We also hope to provide support for custom themes later on, with a selection of built-in ones.