🤑 Indie game store🙌 Free games😂 Fun games😨 Horror games
👷 Game development🎨 Assets📚 Comics
🎉 Sales🎁 Bundles

How to use Tilemancer Sticky

A topic by Led created 1 year ago Views: 3,624 Replies: 15
Viewing posts 1 to 8
Developer (Edited 1 time)

Tilemancer is a versatile program. This tutorial will guide you through the process of making a simple tile.

When opening the program, you'll be greeted by this screen:

img_1

The left section lists all available nodes and presets, the right section lets you manage your palette and change tile properties, and the center section is where all active nodes will be.

You can add a node or a preset by clicking on it's name inside the left section. Presets have a little icon next to their names, while nodes have no icon.

Add a "Bricks" node by clicking on it. It should appear in the center of the screen.

img_2

Nodes can have inputs, outputs and parameters. In this case, "Seed", "Size", "Max W", "Max H", "Falloff" and "Intensity" are parameters, and the small circle to the right of the tile's display is an output.

You can drag up and down to change the value of parameters, so change "Size" to 2.

Now add a "Lighting" node. Remember you can always drag nodes around, and drag the camera by holding Shift.

Lighting has an input labeled "Heightmap". Drag "Bricks"'s output to "Lighting"'s input.

img_3

What is happening is that "Bricks" creates a black and white texture, and sends it to the "Lighting" node, which shades it.

You can link a single output to several different inputs, but an input only accepts one output. To detach an output from an input, just drag the end of the connection.

To make a colored texture, you must use the "Colorizer" node, so create one and link "Lighting"'s output to it's input.

img_4

This node requires a palette, so head to the Palette manager, where you can create, import, or export palettes.

img_5

Once you have a palette, the "Colorizer"'s color picker will let you choose any color from it. This node assigns colors to different shades of gray, with the left side of the bar being the darkest, and the right side being the brightest.

You can use the "+" and "-" icons to add and remove color points from the ramp. Each color point has a color, and can be dragged to any position on the ramp.

img_6

Once you're satisfied with your texture, you can click it inside the node's display to open the file browser, where you can export it.

Don't forget to save your work by using the icons on the top right of the center section!

Good tutorial! would love to see more of this program

I can't get the colorization to work. Am I doing something wrong? http://i.imgur.com/D2G7gXd.png

Developer

You must use the "+" and "-" icons to add and remove color points. Each one holds a color, so you need more than one to make a gradient.

Try this:

img

I gotta say that even after I know how to use the colorizer, it is really frustrating to use.

I wish I could define a colorizer ramp by drawing a line (possibly not a straight line!) across another bitmap

Developer

Great suggestion. I'll make sure to implement it in a future version.

Also, why is the Colorizer frustrating to use?

Well, suppose I want to color my texture with a 5-color evenly spaced ramp.

I have to click the + button 4 times, then manually move around the new sliders to what I *guess* is probably evenly spaced. That is before I have even started picking the colors.

It also took me a long time to figure out (A) that I needed to load a palette (B) that I couldn't load that palette from the colorizer itself

Also, if there is a way to clone a colorizer, I haven't discovered it yet. I'll be using very similar color ramps often.

(Edited 1 time)

Maybe I'm missing something really obvious but how do I export a tile? Is there a way for me to create a tile and then use it in Tiled?

Edit: Well I found out and I feel stupid. But it should probably be a bit more obvious.

(Edited 1 time)

In case someone is looking for the export button (just like me), just click the preview inside a node.

I hate to be the guy that doesn't post the solution but I completely forgot. Sorry

No problem :)

I've posted a quick introduction to Tilemancer: http://www.marcosecchi.it/2016/05/23/introduzione-...

At the moment it's in italian, I'll soon translate it in english language.

And here's the english version: http://www.marcosecchi.it/2016/05/23/introduction-...

I'm going to add some tutorials in the near future ;)

Developer

Thanks for making this! Nice job.

(Edited 1 time)

Thanks!

I've also written an extensive walkthrough of the default nodes: http://www.marcosecchi.it/2016/05/26/tilemancer-nodes/?lang=en

My only concern is that the sprite file isn't a supported file type. I have no way of viewing the sprite outside of Tilemancer and I would imagine that I can't convert to other files?