Làm thế nào để thiết kế một hệ thống menu trò chơi nhiều bước?

Tôi đang bắt đầu với lập trình trò chơi. Tôi đang thiết kế một trò chơi bắt đầu bằng cách đưa bạn qua một loạt các màn hình menu. Tôi thích tìm hiểu làm thế nào điều này thường được cấu trúc trong phát triển trò chơi chuyên nghiệp.

Hiện tại tôi xử lý các đầu vào của bộ điều khiển từ tệp chính và có các lớp riêng cho từng màn hình menu. Khi người dùng thực hiện lựa chọn, tôi cần chuyển sang màn hình menu tiếp theo. Có vẻ như tôi cần một số "trình quản lý màn hình menu" để theo dõi lựa chọn trước đó và chuyển đổi giữa các màn hình menu và / hoặc tôi cần chuyển xử lý đầu vào của bộ điều khiển xuống các đối tượng menu, vì tôi muốn sử dụng hết / xuống trên một menu và trái / phải trên menu khác.

Làm thế nào một kiến ​​trúc sư lập trình trò chơi chuyên nghiệp / thiết kế này?

require "components/first_menu"
require "components/second_menu"

first_menu = FirstMenu.new
second_menu = SecondMenu.new
menu = first_menu
menu.render

on(controller: "up")   { menu.prev_option }
on(controller: "left") { menu.prev_option }

on(controller: "down")  { menu.next_option }
on(controller: "right") { menu.next_option }

on(controller: "buttonA") do
  if menu.is_a? FirstMenu
    menu.hide
    selected_option = menu.select_option
    menu = second_menu
    menu.show(selected_option)
  else
    selected_option = menu.select_option
    launch_game(selected_option)
  end
end

Nếu bạn có các menu lồng nhau, bạn có thể sử dụng một ngăn xếp. Tôi không quen thuộc với Ruby, tôi nghĩ không có đối tượng 'stack'. Hành vi tương tự có thể được tạo ra bằng cách sử dụng một mảng. Bạn chỉ thêm các mục vào cuối (đẩy), loại bỏ mục cuối cùng (pop) và có thể tương tác với mục cuối cùng (nhìn trộm).

Vì vậy, ý tưởng cơ bản là: bạn định nghĩa một lớp menu với update () và draw (). Đây phải là một thực hiện menu cơ bản. Sau đó, bạn tạo một manumanager để điều khiển menu nào được cập nhật và hiển thị trong gameloop. Điều này thực hiện ngăn xếp: nó có thể thêm hoặc xóa menu nhưng chỉ hiển thị và cập nhật mục trên cùng trong ngăn xếp. Nếu một menuitem lồng nhau sẽ xuất hiện, đẩy lớp menu mới trên Stack. Bộ điều khiển và logic hiển thị của bạn chỉ nên hiển thị menu nằm trên cùng của ngăn xếp.

Thí dụ:

Menu cơ sở:

• Cài đặt trò chơi -> đẩy menu cài đặt trò chơi lên ngăn xếp
• Cài đặt đồ họa -> đẩy menu đồ họa trên ngăn xếp
• Cài đặt âm thanh -> đẩy menu âm thanh trên ngăn xếp
• Thoát -> thoát menu

Menu cài đặt trò chơi:

• Số lượng cuộc sống [1 | 3 | 5]
• Khó khăn [dễ dàng | bình thường | khó khăn]
• Chọn ngôn ngữ -> menu ngôn ngữ đẩy trên ngăn xếp
• Thoát -> tự bật khỏi ngăn xếp

Menu ngôn ngữ:

• Ngôn ngữ [Tiếng Anh | Deutch | Nederlands | Français]
• Phụ đề [Tắt | Trắng | Vàng]

Bắt đầu với ngăn xếp bằng cách đẩy menu cơ bản lên nó.

Menumanager sẽ chỉ cập nhật và hiển thị đỉnh của ngăn xếp (đây là một 'cái nhìn' ở đầu ngăn xếp).

Nếu người chơi chọn menu cài đặt trò chơi; chúng tôi đẩy menu đó lên ngăn xếp. Vì chúng tôi chỉ cập nhật và hiển thị phần trên cùng của ngăn xếp, menu 'cài đặt trò chơi' được hiển thị và thao tác. Giả sử menu đi sâu hơn; bạn chỉ có thể đẩy menu tiếp theo lên ngăn xếp và cập nhật và hiển thị cái đó.

Thủ thuật gọn gàng là, nếu menu trên cùng bị xóa ("popped") khỏi ngăn xếp, menu bên dưới được hiển thị - bạn chỉ cần đi xuống một cấp. Khi thêm tiền thưởng, menu đó sẽ ở trạng thái người chơi rời khỏi nó!

Bây giờ để mở rộng ý tưởng này; bạn có thể sử dụng một ngăn xếp cho các trạng thái trò chơi của bạn là tốt. Bằng cách này, một menu có thể được đẩy vào trò chơi đang diễn ra và khi nó được bật lên, trò chơi có thể tiếp tục như không có gì xảy ra.

Tôi sẽ đưa ra một câu trả lời không phải của Ruby, vì tôi không biết Ruby.

Tôi sẽ có rất nhiều lớp học cho việc này:

MenuOneController
MenuTwoController
MenuOneView
MenuTwoView
InputNames

Các bộ điều khiển điều hướng menu. Nhấn lên và xuống sẽ thay đổi mục đã chọn, nhấn enter chọn mục. Chọn mục sẽ gọi mã ở nơi khác để thực hiện hành động thực tế. Trong khi đó, bất cứ điều gì bộ điều khiển làm là cập nhật các khung nhìn. (Tùy thuộc vào hệ thống menu của bạn, bạn có thể có một bộ điều khiển duy nhất.)

Các khung nhìn vẽ menu thực tế, hiển thị tùy chọn hiện được chọn, cung cấp phản hồi khi tùy chọn được thay đổi, v.v.

Tên đầu vào là một tệp của các chuỗi như:

string up = "Up"

string select = "Enter"

Bằng cách này, nếu bạn quyết định bạn muốn chọn phím cách thay vì nhập, bạn thay đổi chuỗi ở một nơi, thay vì tất cả các bộ điều khiển của bạn. Vì vậy, thay vì on(controller: "buttonA"), bạn sẽ sử dụng on(controller: InputNames.select).

Vì vậy, nếu bạn bắt đầu trong menu một, MenuOneViewsẽ vẽ những gì bạn nhìn thấy. Các MenuOneControllersẽ được kích hoạt. Sau đó, nếu bạn chọn "Menu Two" từ menu một, nó sẽ bắt đầu vẽ MenuTwoViewthay vào đó và lắng nghe MenuOneController.

Đây là một số mã giả:

Class InputNames
{
    string up = "Up";
    string down = "Down";
    string select = "A Button";
}

Class MenuOneController
{
    int selectedMenuOption;

    void GameLoop()
    {
        if(ButtonPressed(InputNames.up)
        {
            selectedMenuOption++;
        }
        if(ButtonPressed(InputNames.down)
        {
            selectedMenuOption--;
        }
        if(ButtonPressed(InputNames.select))
        {
            if(selectedMenuOption == 0)
            {
                MenuOneView.ShowButtonBeingPressed();
                MyCodeElsewhere.DoStuffFromMenuOne();
            }
            if(selectedMenuOption == 1)
            {
                MenuOneView.ShowButtonBeingPressed();
                GameLoop.Remove(this);
                GameLoop.Add(MenuTwoController);
            }
        }
        MenuOneView.DrawUI(selectedMenuOption);
    }
}

Class MenuOneView
{
    void DrawUI(int selectedMenuOption)
    {
        //draw the UI for the currently selected menu option
    }

    void ShowButtonBeingPressed(selectedMenuOption)
    {
        //draw the UI such that the button is pressed
    }
}

Class MenuTwoController
{
    int selectedMenuOption;

    void GameLoop()
    {
        if(ButtonPressed(InputNames.up)
        {
            selectedMenuOption++;
        }
        if(ButtonPressed(InputNames.down)
        {
            selectedMenuOption--;
        }
        if(ButtonPressed(InputNames.select))
        {
            if(selectedMenuOption == 0)
            {
                MenuTwoView.ShowButtonBeingPressed();
                MyCodeElsewhere.DoStuffFromMenuTwo();
            }
            if(selectedMenuOption == 1)
            {
                MenuTwoView.ShowButtonBeingPressed();
                GameLoop.Remove(this);
                GameLoop.Add(MenuOneController);
            }
        }
        MenuTwoView.DrawUI(selectedMenuOption);
    }
}

Class MenuTwoView
{
    void DrawUI(int selectedMenuOption)
    {
        //draw the UI for the currently selected menu option
    }

    void ShowButtonBeingPressed(selectedMenuOption)
    {
        //draw the UI such that the button is pressed
    }
}