2025-05-22 14:09:43 +07:00

3.7 KiB

sidebar_position
sidebar_position
18

Buy Feature


Overview

The Buy Feature allows players to purchase direct access to bonus rounds, enhancing gameplay engagement. Buy Feature Overview

Implementation

Prepare Assets

Assets Description
Prepare Assets Static Static sprite frame for the buy feature panel.
Prepare Assets Animation Animation assets for the buy feature button and panel.
Prepare Assets Animation Label for displaying the cost of the buy feature.
Prepare Assets Prefabs - Search for the template-shortcut-buy-feature-board prefab.
- Copy and paste them to the game assets location, then rename the copied prefabs by removing unnecessary prefixes.

Setup Animations

  1. Generate Animations:

    • Use the helper tool to create animations from prepared assets.

    Background Setup Helper Anim Background Setup Helper Anim

  2. Configure Spine Animation:

    • Set Is Loop for anim-button-open-buy-bonus-enable and anim-board-shortcut-buy-bonus-idle.

    Background Setup Animation

Setup Buy Feature Board Desktop

Step Action Image Reference
1 - Setup the Title Sprite Frame using the prepared assets. Setup Desktop Board
2 - Setup the Sprite Frame in the static-board using the prepared assets. Setup Desktop Board
3 - Adjust Font in lbl-cost-buy-feature according to the game design.
- Use Bitmap Font Creator if you need to create a Bitmap Font.
Locate Prefabs
4 - Setup the 4 Buttons Sprite Frame using the prepared assets. Setup Desktop Board

Setup Buy Feature Button Desktop

Step Action Image Reference
1 - Setup the Text Sprite Frame using the prepared assets. Setup Desktop Button
2 1. Drag the skeketon anim-button-open-buy-bonus into child of "content".

2. Click Generate Attached Node.

3. Move node-container to the ATTACHED_NODE:number.

4. Deleted old anim-button-open-buy-bonus.
Setup Desktop Button
3 - Move new anim-button-open-buy-bonus into Node Animation. Locate Prefabs
4 - Adjust Font in lbl-cost-buy-feature according to the game design.
- Use Bitmap Font Creator if you need to create a Bitmap Font.
Locate Prefabs

Configure Scene

  1. Add Prefabs:
    • Drag the shortcut-buy-feature-panel, shortcut-buy-feature-board into the Scene at this position.
  2. Update Prefab:
    • Update Prefab in the shortcut-buy-feature-button.

Locate Prefabs