TUTORIAL: Hidden Movement Dials in Tabletop Simulator

Tabletop Simulator Dial
Tabletop Simulator Dial - Front/Back

This tutorial is for those looking to create a functioning hidden movement/resource dial in TTS, no 3D models needed! We'll be using TTS's States feature to make this happen.

The trick to this tutorial will require you to create individual images for each rotation value option, Like in the image below. In my example, I'll be using 8 variables.

Art boards for each value option + back. Layout was created in Adobe Illustrator
Art boards for each value option + back. Layout was created in Adobe Illustrator.

Step 1: Importing

The first step is to navigate to Objects > Custom and click on Tile. Using a tile versus a token will allow us to have a front and a back image which is important if you want this to be a hidden movement dial.

Next, we'll make sure to select Circle. Then upload our top and bottom images.

You can change your Thickness to any value, but I find 0.20 looks good in comparison to a real cardboard dial. Click Import.

Continue importing until you have imported all 8 variable graphics like this:

(These next two steps are optional)

Step 2: Color Sides

If you would like the sides of your object to match the rim of the front and back of your dial instead of default white, select all 8 of your dials, right-click on one of them, and navigate to Color Tint. Copy the hex code from whatever graphics software you are using to ensure you are grabbing the exact color and pasting it into the hex space in the photo below and hitting Apply. All of your dials should now have matching rims.

Step 3: Player Tool Tips

In a similar manner, if you would prefer to not have tooltips on your dials. (Meaning if you hover over them they will tell you what the current value showing is.) I recommend removing that now while you can highlight them all, if you wait until after the merge you will have to remove them one at a time. Highlight all of your dials, right-click on one of them, and navigate to Toggles > Tooltips, then uncheck Tooltips.

Step 4: Create States

Combine all selected objects into a single object.

Next, this step can be a bit tricking if you don't get it right, but you can always undo it and try again. The way the merge works is by placing them in order of how you selected them, so instead of doing a click and drag highlight, you're going to have to do a Ctrl + Left Click on each value going from 1 to 8 in numerical order. Once all of them have been selected, right-click on the 1 value dial again, and navigate to Create States. If you were able to follow the last step you should now have a single dial with a value of 1.

End Result

The end result should be a single dial that you can now right-click on, hover over State, and choose the value you want.

This can even be done with the dial facedown, and you can peak at the result by moving over the dial and holding Alt+Shift.

Let me know in the comments if you have any questions or get stuck on any point.

I hope this tutorial will help you create some awesome stuff! -JF

You can follow me on Twitter @Joe_Ludamus

132 views4 comments

Recent Posts

See All