<aside> <img src="/icons/reorder_gray.svg" alt="/icons/reorder_gray.svg" width="40px" />

Navigation

</aside>

Home Page

Overview

Levels Creation

Cart

Environment Skins

UI Store

Monetization (Ads & IAP)

How to add another environment skin

  1. 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).

    Untitled

  2. 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.

    Untitled

  3. 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.

    Untitled

    Untitled

  4. Now drag and drop the first enumerated environment piece into the scene with the cube. It will perfectly fit on the cube.

    Untitled

    Untitled

  5. Delete old visual elements inside the object. In this example Stones_3 and Stones_1.

    Untitled

  6. Drag and drop new visual elements inside the object instead like this. You can combine multiple objects inside.

    Untitled

  7. 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.

    Untitled

    Untitled

  8. Select the top object, click Overrides, and then Apply All to save your changes.

    Untitled

  9. 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.

  10. 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)

    Untitled

  11. In the Environment Skin Behavior (Script) you will find the Environment Pieces list - set elements amount to 0 (to remove old elements).

    Untitled

  12. 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.

    Untitled

  13. Adjust environment colors located under the Environment Pieces list in the Environment Skin Behavior (Script).

    Untitled

  14. Select the Environment Skins Database object located in the Project Files/Data/Skins folder.

    image.png

  15. Click the little + button at the bottom of the list to add another skin.

    Untitled

  16. Assign the prefab and preview image. This database will provide skins to other game modules in our case to the store.

    image.png

  17. 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.

    image.png

  18. Click the little + button at the bottom of the Products section to add another product.

    Untitled

  19. Click the product called New Element to configure the fields:

    1. Name - a name of the product (just for your convenience)
    2. Opened Sprite - image of your product when it’s purchased
    3. Locked Sprite - image of your product when not purchased
    4. 2D Sprite Preview - leave it blank as the store uses 3D preview in this case.
    5. Skin Id - select the required product form the list.
    6. Purchase Type - the product can be purchased using currency or by watching rewarded videos
    7. Currency - a currency used for purchasing
    8. Cost - the amount of required currency to purchase the product or amount of required RVs.
    9. Tab - select the available store tab. You can configure tabs in the Tabs section above.
    10. Is Dummy - if the variable is checked product won’t be interactable

    image.png