<aside> <img src="/icons/reorder_gray.svg" alt="/icons/reorder_gray.svg" width="40px" />
Navigation
</aside>
Open the Project Files/Prefabs/Environment Skins
folder. There you can find the folder Default Environment, copy and rename it (for example new folder is called Crystal Environment).
Inside your new folders, there are 11 objects it’s better to rename them as well, so you will not confuse them with something else.
The next step will be replacing old visuals in Env_X objects.
To make the process easier, create an empty cube on the scene (in Hierarchy: right click → 3D Object → Cube
). Select it and in Inspector, find Transform → 3 dots → click Reset
.
Then set position y to -0.5.
Now drag and drop the first enumerated environment piece into the scene with the cube. It will perfectly fit on the cube.
Delete old visual elements inside the object. In this example Stones_3 and Stones_1.
Drag and drop new visual elements inside the object instead like this. You can combine multiple objects inside.
Change the position, scale, and rotation of newly added objects so they look good and most important fit inside the Reference cube if we look from above (to make sure tiles will not overlap when randomly combined). Objects do not have to be centered though.
Select the top object, click Overrides
, and then Apply All
to save your changes.
Now you can delete this object, and repeat steps 4-9 as many times as you need. You can delete not needed prefabs or duplicate them if you need more of them.
After you finished with prefabs creation, you cand delete temporary created Cube from the scene. Select “Environment Skin” object located in the folder with your skins (it’s called Crystals Environment Skin in this example)
In the Environment Skin Behavior (Script) you will find the Environment Pieces list - set elements amount to 0 (to remove old elements).
Click the little lock icon on the top right corner (to lock the inspector view). Select all prefabs you just created and drag and drop them into the empty list. Click the lock icon again.
Adjust environment colors located under the Environment Pieces list in the Environment Skin Behavior (Script).
Select the Environment Skins Database object located in the Project Files/Data/Skins
folder.
Click the little +
button at the bottom of the list to add another skin.
Assign the prefab and preview image. This database will provide skins to other game modules in our case to the store.
Select the Skins Store Database object located in the Project Files/Data/Skins
folder. This database stores settings of all products displayed in the store.
Click the little +
button at the bottom of the Products section to add another product.
Click the product called New Element to configure the fields:
Tabs
section above.