Share [Tạo 2D Platformer Game với Godot] Phần 17: Tạo Menu

hongthinhshalom

New member
** Cách tạo menu trò chơi trong động cơ Godot **

Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách tạo một menu trò chơi đơn giản trong động cơ Godot.Chúng tôi sẽ sử dụng các nút VboxContainer và HboxContainer để sắp xếp các phần tử UI theo bố cục dọc và ngang, tương ứng.Chúng tôi cũng sẽ sử dụng nút nhãn để hiển thị văn bản và nút nút để tạo nút có thể nhấp.

## Bước 1: Tạo một cảnh mới

Đầu tiên, chúng ta cần tạo một cảnh mới.Để làm điều này, hãy truy cập menu ** tệp ** và chọn ** Mới **> ** cảnh **.

## Bước 2: Thêm nút VboxContainer

Tiếp theo, chúng ta cần thêm một nút VboxContainer vào hiện trường.Để thực hiện việc này, nhấp vào nút ** Thêm nút ** trong thanh công cụ và chọn ** VboxContainer **.

## Bước 3: Đặt bố cục của nút VboxContainer

Nút VboxContainer sẽ sắp xếp các nút con của mình theo bố cục dọc.Để đặt bố cục, nhấp vào nút ** Bố cục ** trong thanh công cụ và chọn ** Full Rect **.

## Bước 4: Thêm nút con vào nút VboxContainer

Bây giờ chúng ta có thể thêm các nút con vào nút VboxContainer.Để thực hiện việc này, nhấp vào nút ** Thêm nút ** trong thanh công cụ và chọn nút mà bạn muốn thêm.

Trong hướng dẫn này, chúng tôi sẽ thêm một nút nhãn và nút nút vào nút VboxContainer.

## Bước 5: Thêm nút nhãn

Một nút nhãn được sử dụng để hiển thị văn bản.Để thêm nút nhãn, nhấp vào nút ** Thêm nút ** vào thanh công cụ và chọn nhãn ** **.

## Bước 6: Đặt văn bản của nút nhãn

Bây giờ chúng ta có thể đặt văn bản của nút nhãn.Để thực hiện việc này, nhấp vào thuộc tính ** văn bản ** trong bảng điều khiển và nhập văn bản mà bạn muốn hiển thị.

## Bước 7: Thêm nút nút

Một nút nút được sử dụng để tạo một nút có thể nhấp.Để thêm nút nút, nhấp vào nút ** Thêm nút ** vào thanh công cụ và chọn nút ** **.

## Bước 8: Đặt văn bản của nút nút

Bây giờ chúng ta có thể đặt văn bản của nút nút.Để thực hiện việc này, nhấp vào thuộc tính ** văn bản ** trong bảng điều khiển và nhập văn bản mà bạn muốn hiển thị.

## Bước 9: Lưu cảnh

Khi bạn đã hoàn thành việc tạo menu của mình, bạn có thể lưu cảnh.Để làm điều này, hãy chuyển đến menu ** ** và chọn ** Lưu **.

## Bước 10: Chạy trò chơi

Bây giờ bạn đã tạo menu của mình, bạn có thể chạy trò chơi.Để làm điều này, nhấp vào nút ** chơi ** trong thanh công cụ.

Trò chơi của bạn bây giờ sẽ hiển thị menu mà bạn đã tạo.

## Phần kết luận

Trong hướng dẫn này, bạn đã học cách tạo một menu trò chơi đơn giản trong động cơ Godot.Bạn có thể sử dụng kỹ thuật tương tự này để tạo ra các menu phức tạp hơn cho các trò chơi của mình.
=======================================
**How to create a game menu in Godot Engine**

In this tutorial, I will show you how to create a simple game menu in Godot Engine. We will use the VboxContainer and HboxContainer nodes to arrange the UI elements in a vertical and horizontal layout, respectively. We will also use the Label node to display text and the Button node to create a clickable button.

## Step 1: Create a new scene

First, we need to create a new scene. To do this, go to the **File** menu and select **New** > **Scene**.

## Step 2: Add a VboxContainer node

Next, we need to add a VboxContainer node to the scene. To do this, click on the **Add Node** button in the toolbar and select **VboxContainer**.

## Step 3: Set the layout of the VboxContainer node

The VboxContainer node will arrange its child nodes in a vertical layout. To set the layout, click on the **Layout** button in the toolbar and select **Full Rect**.

## Step 4: Add child nodes to the VboxContainer node

We can now add child nodes to the VboxContainer node. To do this, click on the **Add Node** button in the toolbar and select the node that you want to add.

In this tutorial, we will add a Label node and a Button node to the VboxContainer node.

## Step 5: Add a Label node

A Label node is used to display text. To add a Label node, click on the **Add Node** button in the toolbar and select **Label**.

## Step 6: Set the text of the Label node

We can now set the text of the Label node. To do this, click on the **Text** property in the Inspector panel and enter the text that you want to display.

## Step 7: Add a Button node

A Button node is used to create a clickable button. To add a Button node, click on the **Add Node** button in the toolbar and select **Button**.

## Step 8: Set the text of the Button node

We can now set the text of the Button node. To do this, click on the **Text** property in the Inspector panel and enter the text that you want to display.

## Step 9: Save the scene

Once you have finished creating your menu, you can save the scene. To do this, go to the **File** menu and select **Save**.

## Step 10: Run the game

Now that you have created your menu, you can run the game. To do this, click on the **Play** button in the toolbar.

Your game should now display the menu that you created.

## Conclusion

In this tutorial, you learned how to create a simple game menu in Godot Engine. You can use this same technique to create more complex menus for your games.
 
Join Telegram ToolsKiemTrieuDoGroup
Back
Top