{{htmlmetatags>metatag-robots=() 
metatag-media-og:image=(:developer_center:developer_editor:Nền_ui_shop_skin.png?)}}
====== ★ Cửa hàng thời trang UI ======
=== Trigger hoạt động ===
{{ :developer_center:developer_editor:Ui_Shop_Skin (1).mp4?direct&600 |}}

----
**0. Tạo giao diện cửa hàng với các thành phần quang trọng** 
  * Văn bản 'Số dư' hiện thị số tiền người chơi hiện có
{{ :developer_center:developer_editor:Ui_Shop_Skin (2).png?direct&600 |}}

  * Nút ' Mua SKIN' kèm theo văn bản 'Giá mua'
  * Nút 'Miễn phí [Quảng Cáo] ( đối với các Skin có thể xem quảng cáo thay cho việc mua )
{{ :developer_center:developer_editor:Ui_Shop_Skin (3).png?direct&600 |}}

  * Sao chép, thiết lập phù hợp 
{{ :developer_center:developer_editor:Ui_Shop_Skin (4).png?direct&600 |}}

  * Thiết lập cài đặt mặt nạ đóng giao diện ( có thể dùng nút thoát để thay thế — tự tìm hiểu )
{{ :developer_center:developer_editor:Ui_Shop_Skin (5).png?direct&600 |}}

  * Tạo biến giá trị riêng 'Số dư' để sử dụng làm giá trị tiền tệ trong bản đồ
{{ :developer_center:developer_editor:Ui_Shop_Skin (6).png?direct&600 |}}

**1. Mở giao diện:**
  * Tạo sự kiện để mở cửa hàng ( Tùy chức năng mỗi bản đồ). Thêm hành động đặt nội dung văn bản 'Số dư' thành giá trị biến riêng: "Số dư" để cập nhật số tiền hiện tại của người chơi 
{{ :developer_center:developer_editor:Ui_Shop_Skin (7).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (8).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (9).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (10).png?direct&600 |}}

  * Thêm hành động mở giao diện ( Sử dụng hiệu ứng sẵn có của trò chơi để khi mở cửa hàng trở lên sống động hơn )
{{ :developer_center:developer_editor:Ui_Shop_Skin (11).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (12).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (13).png?direct&600 |}}

**2. Tạo trigger mua Skin**
  * Mua skin thứ nhất
{{ :developer_center:developer_editor:Ui_Shop_Skin (14).png?direct&600 |}}

  * Tạo sự kiện nút 'Mua SKIN' được nhấn với điều kiện giá trị biến riêng "Số dư" lớn hơn giá mua đã đặt ra
{{ :developer_center:developer_editor:Ui_Shop_Skin (15).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (16).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (17).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (18).png?direct&600 |}}

  * Đặt giá trị biến riêng "Số dư" trừ đi giá mua đã đặt vad cập nhật lại văn bản 'Số dư'
{{ :developer_center:developer_editor:Ui_Shop_Skin (19).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (20).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (21).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (22).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (23).png?direct&600 |}}

**3. Tạo hiệu ứng ( Có thể bỏ qua )**
  * Đóng giao diện 
{{ :developer_center:developer_editor:Ui_Shop_Skin (24).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (25).png?direct&600 |}}

  * Tạo hiệu ứng hình ảnh 
{{ :developer_center:developer_editor:Ui_Shop_Skin (26).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (27).png?direct&600 |}}

  * Tạo hiệu ứng âm thanh 
{{ :developer_center:developer_editor:Ui_Shop_Skin (28).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (29).png?direct&600 |}}

  * Tạo hiệu ứng rung lắc 
{{ :developer_center:developer_editor:Ui_Shop_Skin (30).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (31).png?direct&600 |}}

  * Đặt hướng nhìn trước mặt 
{{ :developer_center:developer_editor:Ui_Shop_Skin (32).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (33).png?direct&600 |}}

  * Xoay hướng nhìn phù hợp 
{{ :developer_center:developer_editor:Ui_Shop_Skin (34).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (35).png?direct&600 |}}

**4. Thay đổi skin**
  * Thêm hành động đặt ngoại hình người chơi thành skin thích hợp 
{{ :developer_center:developer_editor:Ui_Shop_Skin (36).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (37).png?direct&600 |}}

=== Hoàn Thành ===
{{ :developer_center:developer_editor:Ui_Shop_Skin (38).png?direct&600 |}}
  * Với các skin khác tạo trigger tương tự 

**5. Trigger xem quảng cáo nhận skin miễn phí** 
  * Tạo trigger với điều kiện xác định người chơi đã xem quảng cáo chưa
{{ :developer_center:developer_editor:Ui_Shop_Skin (39).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (40).png?direct&600 |}}

  * Sao chép chọn lọc hành động từ trigger skin
{{ :developer_center:developer_editor:Ui_Shop_Skin (41).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (42).png?direct&600 |}}

  * Tạo trigger người chơi nhất nút 'Miễn phí[Quảng cáo] sẽ tiến hành kích hoạt xem quảng cáo
{{ :developer_center:developer_editor:Ui_Shop_Skin (43).png?direct&600 |}}
{{ :developer_center:developer_editor:Ui_Shop_Skin (44).png?direct&600 |}}

----
Nếu bạn có bất kỳ câu hỏi nào về Chế Độ DEV Nâng Cao, vui lòng tham gia\\
 **[[https://www.facebook.com/groups/miniworldvn.developer|Mini World Developer Việt Nam]]** chính thức của chúng tôi