Paper Item
Paper item
is my implementation for those who want to mimic the paper2D
feature in tiled level. Simply use some special material setup and you can let plane mesh behave like what paper 2D do. After that, you can incorporate all exisitng tiled level tools for you 2D workflow. Although, everything is basically the same, there are still some tweaks to improve the 2D workflow. In this tutorial, I will guide you the required tweaks for tiny swords free pack.
This is the final result after this tutorial:
(this tutorial is based on tiled level v5.0.2)
Prepare Asset
Download Asset
Go to tiny swords free pack download the asset.
Import Asset to your Content Browser
Here is the assets required for this tutorial (29 png files)
- Buildings/Black Buildings/*.png (choose one color you like)
- Decorations/Bushes/*.png
- Decorations/Rocks/*.png
- Decorations/Trees/*.png
- Decorations/Bushes/*.png
- Terrain/*.png
Import them to your content browser and rename them properly.
You can use batch rename tool Shift+F2 to quickly add prefix, remove suffix, and replace string.
Apply Paper 2D Settings
Right-click on the textures you just imported and apply the Paper2D texture settings. (Sprite Actions ➡ Apply Paper2D Texture Settings)
Prepare Item Set
Create Item Set
- Create a new tiled item set.
- Set tile size as 100x100x10.
- Set default collision plane as
SM_PlaneBoxCollision
For 2D workflow, the height between each floor should be smaller value. However, if it’s too small (<= 5), the preview extent may become invisible.
Create Single Tile Paper Items
-
Drag the following textures to item palette.
- Buildings
- Rocks
- Water_Background
-
Press ok, no need to change any value.
- Chage the extent of building items. Since this pack is designed in 64x64, and based on the raw texture size, the tile extent should be:
- T_Castle ➡ 5 x 4
- T_House1 ➡ 2 x 3
- T_House2 ➡ 2 x 3
- T_House3 ➡ 2 x 3
- T_Tower ➡ 2 x 4
Create Flipbook Paper Items
-
Drag the following textures to item palette.
- Bush 1~4
- Tree 1~4
- Water_Elevation 1~4
- Water_FlatGround 1~4
-
Change 2D Type to
Flipbook
-
Set column count to:
- Bush and Tree ➡ 8
- Water ➡ 12
you can bulk edit these properties in this step.
-
Change extent
- Bush 1~4 ➡ 2 x 2
- Tree 1 and 2 ➡ 3 x 4
- Tree 3 and 4 ➡ 3 x 3
-
Change Structure for Bushes and Trees to
Prop
Create Multiple Tile Paper Items
-
Drag one of the terrain texture (color 1) to item palette
-
Set 2D type to
Multiple
, Row Count to 8, and Column Count to 20. (Size of original texture is 1280 x 512)160 paper items will show up with suffix __R_C. Which represents their row and column position in original texture.
-
Delete empty and duplicated items.
Take this as reference.
The only unique part is marked in pink for you. Just delete all other items, and only keep 32 of them.
-
Select terrain items (28 of 32)
-
Duplicate & Change texture to color 2
-
Repeat 4~5 for another color. Done!
Setup Paper Level
Floors Setup
Create more floors and set cutom floor names, for example:
- B1 ➡ BG
- F1 ➡ Terrain1
- F2 ➡ Terrain2
- F3 ➡ Terrain3
- F3 ➡ Building
- F4 ➡ Deco1
- F5 ➡ Deco2
Viewports Setting
With these setting, the edit workflow will be easier
- Viewport ➡ Top
- ViewMode ➡ Unlit
Eyedropper By Location
Change the eyedropper detection logic to tile location instead of visibility (which may not work due to your collision preset)
Editor Preferences
Extra Preview Transform
Add a little z offset to prevent z fight.
On your Own
Now, just paint as you like~
This is my final result.