Schedule display method and device, equipment and storage medium

Abstract

The application discloses a race display method and device, equipment and storage medium, and belongs to the technical field of computers. The method comprises the following steps: displaying a race stage and a race tree diagram of an e-sports event in a race interface, the race tree diagram comprising game information arranged in stages according to the race stage, and the starting stage of the race stage displayed in the race interface being the first race stage; receiving a race stage switching operation triggered in the race interface; in response to the race stage switching operation, switching the starting stage from the first race stage to the second race stage, and displaying the race stage and / or the race tree diagram according to the switched starting stage. According to the race stage switching operation, the starting stage is accurately switched to the second race stage, the game information under the corresponding switching display race stage can be realized, the game information meeting the operation expectation of the user can be provided for the user according to the operation of the user, and the accuracy of the information displayed when switching the game information is improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to a method, apparatus, device and storage medium for displaying a match schedule. Background Technology

[0002] The esports event client supports displaying the esports event schedule, allowing users to understand the current progress of the esports event.

[0003] The client supports displaying a tree diagram of esports tournament schedules within the user interface. This tree diagram includes match information arranged hierarchically according to the tournament stages. Due to the numerous stages, the tree diagram requires a large display size to maintain clarity. However, the screen size of the client's terminal is often limited. Therefore, the client will only display the portion of the tree diagram corresponding to a specific stage and supports dragging the displayed tree diagram, allowing different stages to be shown based on the dragging action.

[0004] When users need to switch between viewing match information at different stages of the tournament, they need to drag the tree diagram as described above. Because users cannot precisely control the trajectory of the dragging operation, the information displayed after dragging may not match the user's expectations, resulting in a low accuracy of the information displayed when switching match information. Summary of the Invention

[0005] This application provides a method, apparatus, device, and storage medium for displaying match schedules, which can improve the accuracy of the information displayed when switching between different match information displays. The technical solution is as follows:

[0006] According to one aspect of this application, a method for displaying a match schedule is provided, the method comprising:

[0007] The schedule interface displays the schedule stages and a schedule tree diagram of the e-sports event. The schedule tree diagram includes match information arranged hierarchically according to the schedule stages. The arrangement direction of the schedule stages is the same as the arrangement direction of the match information. The starting stage of the schedule stage displayed in the schedule interface is the first schedule stage. The match information under the starting stage is fully displayed in the schedule interface. The e-sports event is an event based on virtual characters in a virtual environment.

[0008] Receive the schedule stage switching operation triggered in the schedule interface;

[0009] In response to the stage switching operation, the starting stage is switched from the first stage to the second stage, and the stage and / or the stage tree diagram are displayed according to the switched starting stage, wherein the second stage is the stage indicated by the stage switching operation.

[0010] According to another aspect of this application, a race schedule display device is provided, the device comprising:

[0011] The display module is used to display the schedule stages and schedule tree diagram of the e-sports event in the schedule interface. The schedule tree diagram includes match information arranged hierarchically according to the schedule stages. The arrangement direction of the schedule stages is the same as the arrangement direction of the match information. The starting stage of the schedule stage displayed in the schedule interface is the first schedule stage. The match information under the starting stage is fully displayed in the schedule interface. The e-sports event is an event based on virtual characters in a virtual environment.

[0012] The receiving module is used to receive the schedule stage switching operation triggered in the schedule interface;

[0013] The display module is further configured to, in response to the stage switching operation, switch the starting stage from the first stage to the second stage, and display the stage and / or the stage tree diagram according to the switched starting stage, wherein the second stage is the stage indicated by the stage switching operation.

[0014] In an optional design, the schedule stage switching operation includes a first swipe operation and a second swipe operation on the schedule interface; the display module is used for:

[0015] In response to the first sliding operation, the first stage of the competition is switched to the next stage of the competition, and the competition stage and / or the competition tree diagram are displayed according to the starting stage after the switch.

[0016] In response to the second sliding operation, the first stage of the competition is switched to the previous stage of the first stage of the competition, and the stage of the competition and / or the stage tree diagram are displayed according to the starting stage after the switch.

[0017] In an optional design, the game information is arranged in a first direction based on the time sequence of the match stages; the display module is used for:

[0018] In response to a sliding operation along the second direction on the course stage, the first course stage is switched to the next course stage after the first course stage, and the course stage and / or the course tree diagram are displayed according to the switched starting stage.

[0019] In response to a sliding operation along the second direction on the schedule tree diagram, the first schedule stage is switched to the next schedule stage after the first schedule stage, and the schedule stage and / or the schedule tree diagram are displayed according to the switched starting stage.

[0020] The second direction is opposite to the first direction.

[0021] In an optional design, the display module is used for:

[0022] In response to a sliding operation along the second direction on the course stage, the course stage displayed in the course interface is slid along the second direction by a first distance, and / or the course tree diagram displayed in the course interface is slid along the second direction by a second distance;

[0023] In response to a sliding operation along the second direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the second direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the second direction by the second distance;

[0024] Wherein, the first distance is the display width of the tournament stage displayed in the tournament interface in the first direction, and the second distance is the display width of the match information displayed in the tournament interface in the first direction.

[0025] In an optional design, the competition stages are numbered chronologically, and the hierarchy of the competition tree diagram is also numbered chronologically; the device further includes:

[0026] The processing module is configured to not respond to the sliding operation along the second direction on the first stage if the first stage has the largest number among all stages.

[0027] The processing module is further configured to not respond to the sliding operation along the second direction on the schedule tree diagram when the starting level of the schedule tree diagram in the schedule interface has the largest number among all levels.

[0028] In an optional design, the game information is arranged in a first direction based on the time sequence of the match stages; the display module is used for:

[0029] In response to a sliding operation along the first direction on the course stage, the first course stage is switched to the previous course stage of the first course stage, and the course stage and / or the course tree diagram are displayed according to the switched starting stage.

[0030] In response to a sliding operation along the first direction on the schedule tree diagram, the first schedule stage is switched to the previous schedule stage of the first schedule stage, and the schedule stage and / or the schedule tree diagram are displayed according to the switched starting stage.

[0031] In an optional design, the display module is used for:

[0032] In response to a sliding operation along the first direction on the course stage, the course stage displayed in the course interface is slid along the first direction by a first distance, and / or the course tree diagram displayed in the course interface is slid along the first direction by a second distance;

[0033] In response to a sliding operation on the schedule tree diagram along the first direction, the schedule stage displayed in the schedule interface is slid along the first direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the first direction by the second distance;

[0034] Wherein, the first distance is the display width of the tournament stage displayed in the tournament interface in the first direction, and the second distance is the display width of the match information displayed in the tournament interface in the first direction.

[0035] In an optional design, the competition stages are numbered chronologically, and the hierarchy of the competition tree diagram is also numbered chronologically; the device further includes:

[0036] The processing module is configured to not respond to the sliding operation along the first direction on the first stage if the first stage has the smallest number among all stages.

[0037] The processing module is further configured to not respond to the sliding operation along the first direction on the game information if the starting level of the game schedule tree diagram in the game schedule interface has the smallest number among all levels.

[0038] In an optional design, the device further includes:

[0039] The determination module is used to determine the coordinate difference between the end point and the start point of the sliding operation in a first direction when a sliding operation is detected in the race schedule interface.

[0040] The determining module is further configured to determine that the sliding operation is the first sliding operation in response to the coordinate difference being less than a first threshold.

[0041] The determining module is further configured to determine that the sliding operation is the second sliding operation in response to the coordinate difference being greater than the second threshold.

[0042] Wherein, the first threshold is less than or equal to the second threshold.

[0043] In an optional design, the display module is used for:

[0044] During the sliding of the schedule tree diagram, a sliding animation of the schedule tree diagram is displayed;

[0045] The sliding animation is used to reflect the process of switching the schedule tree diagram displayed in the schedule interface from a first style to a second style. The first style is displayed with the i-th level of the schedule tree diagram as the starting level, and the second style is displayed with the (i+1)-th or (i-1)-th level of the schedule tree diagram as the starting level. The i-th level is the level corresponding to the first stage of the schedule in the schedule tree diagram.

[0046] In an optional design, the display module is used for:

[0047] During the sliding of the tournament tree diagram, the animation shows the sliding of the game information under the (i+1)th level or the (i-1)th level to the position of the starting level in the tournament tree diagram, the display of the game information under the starting level at fixed intervals, and the arrangement and display of the game information under the levels after the (i+1)th level or the (i-1)th level and the game information under the (i+1)th level or the (i-1)th level in the updated hierarchy in a tree diagram style.

[0048] The match information at the starting level of the match schedule tree is displayed in a vertical arrangement, which is perpendicular to the expansion direction of the match schedule tree.

[0049] In an optional design, the game information includes team information; the display module is used for:

[0050] In response to a long press operation on the match information, the connection between the target match information and the previous level match information in the match tree diagram displayed in the match interface is highlighted;

[0051] The teams in the game corresponding to the target game information include the teams corresponding to the team information long-pressed during the long-press operation.

[0052] In an optional design, when the game information corresponding to the game is in progress, a live stream control is also displayed in the game information; when the game information corresponding to the game is completed, a replay control is also displayed in the game information; the display module is used for:

[0053] In response to the live streaming control triggering the live streaming display operation, a live streaming interface is displayed, which is used to display the live streaming screen of the game corresponding to the game information;

[0054] In response to the replay display operation triggered by the replay control, a replay interface is displayed, which is used to display the replay screen of the game corresponding to the game information.

[0055] In an optional design, the game information is arranged in a first direction based on the time sequence of the match stages; the display module is used for:

[0056] In response to a sliding operation along the vertical direction on the schedule tree diagram, the schedule tree diagram is displayed by sliding along the sliding operation;

[0057] Wherein, the vertical direction is perpendicular to the first direction.

[0058] According to another aspect of this application, a computer device is provided, the computer device including a processor and a memory, the memory storing at least one instruction, at least one program, code set or instruction set, the at least one instruction, the at least one program, the code set or instruction set being loaded and executed by the processor to implement the schedule display method as described above.

[0059] According to another aspect of this application, a computer-readable storage medium is provided, wherein at least one instruction, at least one program, code set, or instruction set is stored therein, wherein the at least one instruction, the at least one program, the code set, or the instruction set is loaded and executed by a processor to implement the schedule display method as described above.

[0060] According to another aspect of this application, a computer program product or computer program is provided, comprising computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the schedule display method provided in various alternative implementations of the above aspects.

[0061] The beneficial effects of the technical solution provided in this application include at least the following:

[0062] By switching between match stages on the schedule interface, the system accurately switches the starting stage of the displayed match stage to the second match stage, thus achieving precise switching of the displayed match stage. Simultaneously, the system updates the displayed match information for the corresponding match stage, providing users with match information that matches their expected actions based on their input, thereby improving the accuracy of the displayed match information. Attached Figure Description

[0063] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0064] Figure 1 This is a structural block diagram of a computer system provided in an exemplary embodiment of this application;

[0065] Figure 2 This is a schematic diagram illustrating the process of switching the display of game information provided in an exemplary embodiment of this application;

[0066] Figure 3 This is a flowchart illustrating a race schedule display method provided in an exemplary embodiment of this application;

[0067] Figure 4 This is a flowchart illustrating a race schedule display method provided in an exemplary embodiment of this application;

[0068] Figure 5 This is a schematic diagram showing the highlighted connecting lines provided in an exemplary embodiment of this application;

[0069] Figure 6 This is a schematic diagram illustrating the process of determining a touch operation provided in an exemplary embodiment of this application;

[0070] Figure 7 This is a schematic diagram of a complete race schedule tree provided in an exemplary embodiment of this application;

[0071] Figure 8 This is a schematic diagram illustrating the process of switching between displayed stages and a schedule tree diagram by swiping right, provided in an exemplary embodiment of this application.

[0072] Figure 9 This is a schematic diagram illustrating the process of implementing a sliding schedule stage and a schedule tree diagram provided in an exemplary embodiment of this application;

[0073] Figure 10 This is a schematic diagram of the structure of a race schedule display device provided in an exemplary embodiment of this application;

[0074] Figure 11 This is a schematic diagram of the structure of a race schedule display device provided in an exemplary embodiment of this application;

[0075] Figure 12 This is a schematic diagram of the structure of a race schedule display device provided in an exemplary embodiment of this application;

[0076] Figure 13This is a schematic diagram of the structure of a terminal provided in an exemplary embodiment of this application.

[0077] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this application and, together with the description, serve to explain the principles of this application. Detailed Implementation

[0078] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0079] First, let's introduce the terms used in the embodiments of this application:

[0080] Esports competitions: Esports competitions are competitions based on esports games, using information technology as the core hardware and software equipment, and taking place in a virtual environment created by information technology. They are competitive esports games with unified competition rules and fair play under the protection of these rules.

[0081] Virtual environment: This refers to the virtual environment displayed (or provided) by an application when it runs on a terminal. This virtual environment can be a simulation of the real world, a semi-simulated / semi-fictional environment, or a purely fictional environment. The virtual environment can be any of a two-dimensional, 2.5-dimensional, or three-dimensional virtual environment; this application does not limit this to any particular type.

[0082] A virtual character is at least one movable object controlled by a user within a virtual environment. This virtual character can be a virtual human, virtual animal, an anime character, etc. Optionally, the virtual character is a three-dimensional model created using animation skeletal technology. Each virtual character has its own shape and volume within the virtual environment and occupies a portion of the space within that environment.

[0083] Multiplayer Online Battle Arena (MOBA) games refer to games played in a virtual environment where at least two opposing virtual teams occupy their respective map areas and compete against each other with a specific victory condition. This victory condition includes, but is not limited to, capturing or destroying enemy bases, eliminating enemy virtual characters, surviving within a specified timeframe, acquiring a resource, or achieving a higher score than the opponent within a specified time. MOBA games can be played in rounds, and each round may use the same or different maps. Each virtual team consists of one or more virtual characters, such as 1, 2, 3, or 5.

[0084] User Interface (UI) controls refer to any visual controls or elements visible on the user interface of an application. Examples include images, input boxes, text boxes, buttons, and labels. Some UI controls respond to user actions; for instance, clicking a replay control can trigger a split-screen display of the live event stream and a replay of highlights from the live stream.

[0085] Figure 1 This is a structural block diagram of a computer system provided in an exemplary embodiment of this application. The computer system 100 includes: a first terminal 110, a second terminal 120, a first server 130, a second server 140, and a third terminal 150.

[0086] The first terminal 110 has a first application installed and running, which is a client with e-sports competition features. For example, the first application supports a virtual environment, specifically any of the following: First-Person Shooter (FPS), Third-Person Shooter (TPS), MOBA, Tactical Arena, or Simulation Game (SLG). The first terminal 110 is the terminal used by the first user 111. The first user 111 uses the first terminal 110 to control a virtual character within the virtual environment of the first application. This virtual character can be referred to as the first user 111's virtual character. The virtual character's activities include, but are not limited to, at least one of the following: adjusting body posture, crawling, walking, running, riding, flying, jumping, driving, picking up, shooting, attacking, and throwing. For illustrative purposes, the virtual character is a virtual persona, such as a realistic or anime character.

[0087] The second terminal 120 has a first application installed and running, which is a client with e-sports competition features. For example, the first application supports a virtual environment, specifically any of the following: FPS, TPS, MOBA, tactical competitive, or SLG games. The second terminal 120 is used by the second user 121, who uses it to control a virtual character within the virtual environment of the first application. This virtual character can be referred to as the second user 121's virtual character. The virtual character's activities include, but are not limited to, at least one of the following: adjusting body posture, crawling, walking, running, riding, flying, jumping, driving, picking up items, shooting, attacking, and throwing. For illustrative purposes, the virtual character is a virtual persona, such as a realistic or anime character.

[0088] Optionally, the applications installed on the first terminal 110 and the second terminal 120 are the same, or the applications installed on the two terminals are the same type of application from different control system platforms. The first terminal 110 can refer to one of multiple terminals, and the second terminal 120 can refer to one of multiple terminals. For example, the first terminal 110 may include the terminal used by users in the first team participating in an e-sports competition, and the second terminal 120 may include the terminal used by users in the second team participating in an e-sports competition. This embodiment only uses the first terminal 110 and the second terminal 120 as examples. The device types of the first terminal 110 and the second terminal 120 may be the same or different, and these device types include at least one of: smartphones, tablets, e-book readers, MP3 players, MP4 players, laptops, and desktop computers. The following embodiments use smartphones as an example.

[0089] The first terminal 110 and the second terminal 120 are connected to the first server 130 via a wireless network or a wired network.

[0090] The first server 130 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. The first server 130 provides background services for a first application with esports competition features. Optionally, the first server 130 undertakes the primary computational work, and the terminal undertakes secondary computational work; or, the first server 130 undertakes secondary computational work, and the terminal undertakes primary computational work; or, the first server 130 and the terminal collaborate on computation using a distributed computing architecture.

[0091] In an illustrative example, the first server 130 includes a processor 131, a user account database 132, a battle service module 133, and a user-facing input / output interface (I / O interface) 134. The processor 131 loads instructions stored in the first server 130 and processes data in the user account database 132 and the battle service module 133. The user account database 132 stores data about user accounts used by the first terminal 110, the second terminal 120, and other terminals, such as user account avatars, nicknames, combat power indices, and the service area where the user account is located. The battle service module 133 provides multiple battle rooms for users to play against each other, such as battle rooms in esports events. The user-facing I / O interface 134 establishes communication and exchanges data with the first terminal 110 and the second terminal 120 via a wireless or wired network.

[0092] The second server 140 is connected to the first server 130 via a wireless network or a wired network.

[0093] The second server 140 includes at least one of a single server, multiple servers, a cloud computing platform, and a virtualization center. The second server 140 is the server corresponding to the second application, used to provide background services for the second application, which has the function of providing e-sports event information. Optionally, the second server 140 undertakes the main computing work, and the terminal undertakes the secondary computing work; or, the second server 140 undertakes the secondary computing work, and the terminal undertakes the main computing work; or, the second server 140 and the terminal use a distributed computing architecture for collaborative computing. The second server 140 is used to obtain relevant data generated by the first server 130 during the e-sports event gameplay. In some embodiments, the second server 140 can also provide background services for the e-sports event live streaming function provided by the second application based on the relevant data obtained from the first server 130; in this case, the second server 140 can be called a live streaming server. In some embodiments, the first server 130 and the second server 140 are the same server.

[0094] The third terminal 150 is connected to the second server 140 via a wireless network or a wired network.

[0095] The third terminal 150 has a second application installed and running. This second application is a client for esports events and has the function of providing esports event-related information. For example, the second application could be a live streaming client, a game client, a game community client, a video-on-demand client, a short video client, or a social networking client. The second application obtains esports event-related data sent by the second server 140 through the third terminal 150 and displays it in the user interface to provide esports event-related information. The third terminal 150, the first terminal 110, and the second terminal 120 may have the same or different device types, including at least one of the following: smartphones, tablets, e-book readers, MP3 players, MP4 players, laptops, and desktop computers. The following embodiments use smartphones as an example.

[0096] Optionally, both the aforementioned terminals and servers are computer devices.

[0097] Those skilled in the art will understand that the number of terminals described above can be more or less. For example, there may be only one terminal, or there may be dozens or hundreds of terminals, or even more. This application does not limit the number of terminals or the type of device.

[0098] Figure 2 This is a schematic diagram illustrating the process of switching the display of game information according to an exemplary embodiment of this application. Figure 2As shown in (a), the client displays a schedule interface 201, which displays the esports event's schedule stages 202 and a schedule tree diagram 203. Esports events are competitions based on virtual characters in a virtual environment. The schedule tree diagram 203 includes match information 204 arranged hierarchically according to the schedule stages 202. The arrangement direction of the schedule stages 202 is the same as the arrangement direction of the match information 204. The starting stage (16 to 8) of the schedule stage 202 displayed in the schedule interface 201 is the first schedule stage, and the match information 204 under this starting stage is always fully displayed in the schedule interface. Optionally, in... Figure 2 In the schedule interface 201 shown in (a), the game information 204 under the initial stage is always displayed on the left side of the interface. Furthermore, the game information 204 under the initial stage is displayed in a vertical arrangement, and the game information 204 under the initial stage is always the starting level of the schedule tree diagram 203 displayed in the schedule interface 201.

[0099] like Figure 2 As shown in (b), when the client receives a left swipe operation on the displayed schedule stage 202 or a left swipe operation 205 on the displayed schedule tree diagram 203, it switches the first schedule stage (16 to 8) to the next schedule stage (8 to 4) and displays schedule stage 202 and schedule tree diagram 203 according to the switched starting stage. During this process, the client slides the schedule stage 202 displayed in the schedule interface 201 by a first distance to the left, and slides the schedule tree diagram 203 displayed in the schedule interface 201 by a second distance. Furthermore, while sliding the schedule tree diagram, the client shrinks the display of the game information under the switched starting level (8 to 4) at fixed intervals. The first distance is the display width corresponding to the schedule stage 202 displayed in the schedule interface 201, and the second distance is the display width corresponding to the game information 204 displayed in the schedule interface 201.

[0100] Similarly, when the client receives a right swipe operation on the displayed schedule stage 202 or a right swipe operation 205 on the displayed schedule tree diagram 203, it will switch the first schedule stage (16 to 8) to the previous schedule stage (32 to 16), and display schedule stage 202 and schedule tree diagram 203 according to the switched starting stage. During this process, the client will slide the schedule stage 202 displayed in the schedule interface 201 by a first distance and the schedule tree diagram 203 displayed in the schedule interface 201 by a second distance, based on a rightward direction. Furthermore, while sliding the schedule tree diagram, the client will expand and display the game information under the switched starting level (32 to 16) at fixed intervals.

[0101] Based on the left or right swipe gestures on the schedule interface, the system accurately switches the displayed start stage of a match phase to the next or previous phase, ensuring precise switching between displayed match phases. Simultaneously, it updates the displayed match information for that phase, providing users with match information that matches their expected actions, thus improving the accuracy of the displayed match information.

[0102] Figure 3 This is a flowchart illustrating a race schedule display method provided in an exemplary embodiment of this application. This method can be used for, for example... Figure 1 The third terminal in the system shown, or the client on the third terminal. For example... Figure 3 As shown, the method includes:

[0103] Step 302: Display the esports event schedule stages and schedule tree diagram in the schedule interface.

[0104] This schedule interface is used in the client to display information related to esports events. Esports events are competitions based on virtual characters in a virtual environment, such as events based on MOBA games. The schedule stages reflect the progress of the esports event, such as "16 to 8," "8 to 4," "4 to 2," "2 to 1," "Champion," and "Regular Season," "Playoffs," "Round of 16," "Quarterfinals," "Semifinals," and "Finals." The schedule tree diagram includes match information for participating teams at different stages of the esports event, arranged hierarchically according to the stage. Optionally, the schedule stage also includes the winning method for matches within that stage, such as "best of three," "best of five," and "best of seven." Match information shows the matches played by teams participating in a specific stage of the event. For example, if two teams are playing a match, the match information includes the names and icons of both teams, the match time, the score, and the status (match not started, in progress, completed).

[0105] The arrangement direction of the tournament stages is the same as the arrangement direction of the game information. Each level of the tournament tree diagram corresponds to one tournament stage. For example, if the tournament stages are arranged from left to right, the game information at each level corresponding to a tournament stage in the tournament tree diagram is also arranged from left to right. The starting stage of the tournament stages displayed in the tournament interface is the first tournament stage. Optionally, this starting stage refers to the tournament stage corresponding to the level at which the tournament tree diagram begins to expand and display in the tournament interface. The game information under the starting stage is displayed completely in the tournament interface. "Complete display" means that the game information under the starting stage is fully displayed in a direction parallel to the expansion direction of the tournament tree diagram. For example, continue to refer to... Figure 2 The tournament schedule and match information are arranged from left to right, with match information within a specific level arranged from top to bottom. "Complete display" refers to the match information at the beginning stage, displayed horizontally. Due to screen size limitations, match information at the beginning stage may not be fully displayed in the direction perpendicular to the tournament schedule tree. Match information outside the beginning stage may or may not be fully displayed due to screen size limitations.

[0106] Step 304: Receive the schedule stage switching operation triggered in the schedule interface.

[0107] In the schedule interface, the schedule stage and the schedule tree diagram are arranged horizontally or vertically. In a horizontal arrangement, the stage switching operation can be a left swipe, a right swipe, an up swipe, or a down swipe. In a vertical arrangement, the stage switching operation can be an up swipe, a down swipe, or a left swipe or a right swipe. Optionally, when the client receives a swipe operation in the schedule interface, it determines the difference between the x-coordinates of the start and end points of the swipe operation, and determines whether the swipe operation is a left swipe or a right swipe based on the relationship between the difference in x-coordinates and a preset threshold. Alternatively, the client determines the difference between the y-coordinates of the start and end points of the swipe operation, and determines whether the swipe operation is an up swipe or a down swipe based on the relationship between the difference in y-coordinates and a preset threshold. For example, if the difference in x-coordinates is less than a first threshold, the client determines the swipe operation is a left swipe; if the difference in x-coordinates is greater than a second threshold, the client determines the swipe operation is a right swipe; and if the first threshold is less than or equal to the second threshold.

[0108] Optionally, the above-mentioned sliding operation is triggered by the touch screen of the computer device (e.g., terminal) where the client is located, or by an external device of the computer device where the client is located, such as a desktop mouse, keyboard, touchpad, etc.

[0109] Optionally, the aforementioned stage switching operation can also be triggered by gesture operations that meet preset conditions. For example, it can be triggered by gesture operations that meet preset trajectories on the stage interface; sliding a closed circle counterclockwise is considered a left swipe operation, and sliding a closed circle clockwise is considered a right swipe operation. Alternatively, it can be triggered by gesture operations that meet preset swipe counts and directions; for example, two consecutive left swipes are considered a left swipe operation, and three consecutive left swipes are considered a right swipe operation. The stage switching operation can also be triggered by voice commands, such as "Switch to the quarterfinals" or "Switch to the semifinals."

[0110] Step 306: In response to the schedule stage switching operation, switch the starting stage from the first schedule stage to the second schedule stage, and display the schedule stage and / or schedule tree diagram according to the switched starting stage.

[0111] The second stage is the stage indicated by the stage switching operation. Different stages triggered by the stage switching operation correspond to different second stages. For example, if the stages and the stage tree are arranged horizontally from left to right, a left swipe indicates the stage following the first stage, and a right swipe indicates the stage preceding the first stage. The opposite applies when the stages and the stage tree are arranged horizontally from right to left. If the stages and the stage tree are arranged vertically from top to bottom, an up swipe indicates the stage following the first stage, and a down swipe indicates the stage preceding the first stage. The opposite applies when the stages and the stage tree are arranged vertically from bottom to top.

[0112] Optionally, when displaying the schedule stages and / or schedule tree according to the switched starting stage, the client will slide the displayed schedule stages and / or schedule tree. The direction of sliding the schedule stages is determined by the direction of the line connecting the second and first schedule stages, and the sliding distance is determined by the number of schedule stages between the second and first schedule stages, and the display width corresponding to the schedule stage in the arrangement direction of the schedule stages in the schedule interface. The direction of sliding the schedule tree is determined by the distance between the levels under the second and first schedule stages, and the sliding distance is determined by the number of levels between the levels under the second and first schedule stages in the schedule tree, and the display width corresponding to the game information in the arrangement direction of the game information in the schedule interface.

[0113] In summary, the method provided in this embodiment accurately switches the starting stage of the displayed tournament stage to the second tournament stage based on the tournament stage switching operation in the tournament schedule interface, thereby achieving accurate switching of the displayed tournament stage. Simultaneously with switching tournament stages, the method also switches the displayed game information under the corresponding tournament stage, thus providing users with game information that matches their expected actions based on their input, improving the accuracy of the displayed information when switching game information.

[0114] Figure 4 This is a flowchart illustrating a race schedule display method provided in an exemplary embodiment of this application. This method can be used for, for example... Figure 1 The third terminal in the system shown, or the client on the third terminal. For example... Figure 4 As shown, the method includes:

[0115] Step 402: Display the esports event schedule stages and schedule tree diagram in the schedule interface.

[0116] This schedule interface is used in the client to display information related to esports events. Esports events are competitions based on virtual characters in a virtual environment, such as events based on MOBA games. The schedule stages reflect the progress of the esports event. The schedule tree diagram includes match information for the participating teams at different stages, with match information arranged hierarchically according to the stage. Optionally, the schedule stage also includes the winning method for matches within that stage.

[0117] The arrangement direction of the tournament stages is the same as the arrangement direction of the game information. Each level of the tournament tree diagram corresponds to one tournament stage. The starting stage of the tournament stages displayed in the tournament interface is the first tournament stage. Optionally, this starting stage refers to the tournament stage corresponding to the level at which the tournament tree diagram begins to expand and display in the tournament interface. Game information under the starting stage is displayed completely in the tournament interface. Game information outside the starting stage may or may not be displayed completely due to screen size limitations.

[0118] Optionally, the match tree diagram supports interaction, and the match information includes team information. In response to a long-press operation on match information in the match tree diagram, the client identifies the team corresponding to the long-pressed (indicated) team information. For example, a long-press operation on a team name, logo, or control used to display team information displayed in the match information will identify the team corresponding to the long-pressed information. The client obtains the Identity Document (ID) of the identified team and, based on the ID, determines the target match information belonging to that team at different levels in the match tree diagram. That is, the teams in the matches corresponding to the target match information include the identified team. The client highlights the lines connecting the target match information and the parent match information in the match tree diagram displayed on the match interface. These lines indicate the relationships between match information at different levels in the match tree diagram. Because a team wins a match in a certain stage of a tournament, it will continue to participate in the next stage. Therefore, the team may be displayed in match information at multiple levels. By highlighting the connection of the target match information, the user can be guided to the match progress of the team they have long-pressed, which helps the user intuitively understand the current match progress of the team they are interested in. Optionally, while highlighting the connection, the client can also display controls used to display team information (e.g., Figure 2 The border of the rectangle (in the text) is highlighted. The highlighting methods include highlighting, bolding, and blinking.

[0119] For example, Figure 5 This is a schematic diagram showing highlighted connections provided in an exemplary embodiment of this application. (As shown...) Figure 5 As shown, the client displays the match interface 501, which includes match information at different stages of the tournament. In response to a long press on the leftmost rectangle 502 that displays the match information for team 3, the client will bold the lines in the tournament tree diagram that include the match information for team 3, thus indicating the match progress of team 3 to the user.

[0120] In response to a click on match information in the match schedule tree, the client retrieves the match ID corresponding to that match and obtains relevant data from the server to display the relevant interface for that match. Specifically, this can be divided into the following six cases:

[0121] (1) The current user account is a player account, and the game has not started.

[0122] The current user account refers to the account logged into the client by the user who performed the click operation. The player account is the account of the player in the match corresponding to the match information clicked. In this case, in response to the click operation, the client will display a preparation interface, which includes the name of the team participating in the match, relevant team information, the number of players, player names, player introductions, and information about the virtual objects previously controlled by each player.

[0123] (2) The current user account is not a player account and the game has not started.

[0124] In this scenario, in response to a click, the client displays a preview interface. This interface includes information about the participating teams, players, and the virtual objects controlled by the players. The preview interface can also provide a subscription function via a subscription control, which sends a notification to the user's account when the match corresponding to the match information begins.

[0125] (3) The current user account is a player account, and the game is in progress.

[0126] In this situation, the client will display a preparation screen in response to the click action.

[0127] (4) The current user account is not a player account, and the game is in progress.

[0128] In this case, in response to the click action, the client will display the live stream interface, which is used to display the live screen of the game corresponding to the game information.

[0129] (5) The current user account is a player account, and the game has been completed.

[0130] In this case, in response to the click operation, the client will display a replay interface, which is used to display the replay of the game corresponding to the game information.

[0131] (6) The current user account is not a player account, and the game has been completed.

[0132] In this case, in response to the click action, the client will display a replay interface, which shows the replay of the game corresponding to the game information. Optionally, the aforementioned preview interface and replay interface are the next level interfaces of the live broadcast interface.

[0133] Optionally, when the client receives a touch operation for game information, it determines the touch duration between the start and end times of the touch operation. If the touch duration exceeds a duration threshold, the client determines the touch operation as a long press. If the touch duration is not greater than the duration threshold, the client determines the touch operation as a click. For example, this duration threshold is 300ms.

[0134] For example, Figure 6 This is a schematic diagram illustrating the process of determining a touch operation according to an exemplary embodiment of this application. Figure 6 As shown, in step S1, the client receives a touch operation from the user on the rectangle used to display team information in the game information. In step S2, the client determines the start time T1 and end time T2 of the touch operation. In step S3, the client determines whether T2-T1 is greater than a duration threshold of 300ms. In step S4, if T2-T1 is greater than the duration threshold, the client determines the touch operation as a long press. In step S5, the client responds to the long press operation by highlighting the line connecting the target team indicated by the long press operation to the game information in the match schedule tree diagram. In step S6, if T2-T1 is not greater than the duration threshold, the client determines the touch operation as a click operation. In step S7, the client switches the match schedule interface to the game information interface.

[0135] For example, continue to refer to Figure 2 (a) The schedule interface displays the schedule stages and a schedule tree diagram. The schedule stages are displayed at the top of the interface, arranged from left to right. The schedule tree diagram is displayed below the schedule stages, with match information at different levels also arranged from left to right. Furthermore, the display position of a schedule stage is always above its corresponding level in the schedule tree diagram, and its relative position to the topmost match information remains fixed. Match information includes the names, icons, and scores of the two participating teams, displayed in two rectangles with their long sides touching. Below the match information are the match time and status.

[0136] Optionally, if the match status corresponding to the match information is "in progress," a live stream control will also be displayed in the match information (e.g., below the team information). In response to the live stream display operation triggered by this control, the client will display the live stream interface, retrieve the live stream of the match from the server based on the match ID and status, and display the live stream footage of the match corresponding to the match information in the live stream interface. If the match status corresponding to the match information is "completed," a replay control will also be displayed in the match information. In response to the replay control trigger operation, the client will display the replay interface and retrieve the match video from the server based on the match ID and status. The replay interface is used to display relevant information about the match corresponding to the match information and to display the replay footage of the match corresponding to the match information. The live stream control and the replay control may have the same or different display styles; for example, both may display as a camera icon.

[0137] For example, Figure 7This is a schematic diagram of a complete race schedule tree provided in an exemplary embodiment of this application. For example... Figure 7 As shown, the esports tournament involves sixteen teams and is divided into five stages (702). The match information for each stage (702) is structured into a tournament tree diagram (701) based on the stage. The tournament tree diagram (701) has five levels, each corresponding to a stage (702). Stages (702) and the tournament tree diagram (701) are arranged from left to right. The starting stage corresponding to this tournament tree diagram (701) is the 16-to-8 elimination round.

[0138] Step 404: Receive the first swipe operation or the second swipe operation in the schedule interface.

[0139] When the client displays the schedule interface, it receives a schedule stage switching operation triggered within the interface. This schedule stage switching operation includes a first swipe and a second swipe on the schedule interface. Optionally, the first swipe is opposite to the arrangement direction of the schedule stages and the schedule tree diagram in the schedule interface, while the second swipe is in the same direction as the arrangement direction of the schedule stages and the schedule tree diagram. For example, if the schedule stages and the schedule tree diagram are arranged from left to right, the first swipe is a left swipe, and the second swipe is a right swipe. If the schedule stages and the schedule tree diagram are arranged from top to bottom, the first swipe is an up swipe, and the second swipe is a down swipe.

[0140] When the client detects a swipe operation on the schedule interface, it determines the coordinate difference between the starting and ending points of the swipe operation in a first direction. This first direction is the arrangement direction of the game information based on the time sequence of the game stages. If the coordinate difference is less than a first threshold, the client determines the swipe operation to be the first swipe operation. If the coordinate difference is greater than a second threshold, the client determines the swipe operation to be the second swipe operation. The first threshold is less than or equal to the second threshold.

[0141] For example, the first direction is from left to right. The x-coordinate of the endpoint of the swipe operation (e.g., the point where the user's finger is released after moving on the touchscreen) is X2, and the x-coordinate of the starting point of the swipe operation (e.g., the point where the user's finger begins to move on the touchscreen) is X1. Both the first and second thresholds are 0. If (X2-X1) < 0, the client will determine the swipe operation as the first swipe operation (left swipe). If (X2-X1) > 0, the client will determine the swipe operation as the second swipe operation (right swipe). To avoid user misoperation, the client can adjust the first and second thresholds so that the swipe length meets certain requirements before triggering the swipe operation. For example, the first threshold is -10, and the second threshold is 10. If (X2-X1) < -10, the client will determine the swipe operation as the first swipe operation (left swipe). If (X2-X1) > 10, the client will determine the swipe operation as the second swipe operation (right swipe). Optionally, the above coordinates are determined based on the coordinate system in the touchscreen.

[0142] Step 406: In response to the first swipe operation on the schedule interface, switch the first schedule stage to the next schedule stage after the first schedule stage, and display the schedule stage and / or schedule tree diagram according to the starting stage after the switch.

[0143] Optionally, the game information is arranged in the first direction based on the time sequence of the game stages. For example, it can be arranged from left to right.

[0144] In response to a swipe operation along the second direction on the schedule stage, the client switches the first schedule stage to the next schedule stage, and displays the schedule stage and / or the schedule tree diagram according to the new starting stage. In response to a swipe operation along the second direction on the schedule tree diagram, the client switches the first schedule stage to the next schedule stage, and displays the schedule stage and / or the schedule tree diagram according to the new starting stage. The second direction is the opposite of the first direction.

[0145] For example, if the first direction is from left to right, the second direction is from right to left. A slide operation along the second direction during a stage of the race is equivalent to a left slide operation during that stage. A slide operation along the second direction during the race tree diagram is also equivalent to a left slide operation during the race tree diagram.

[0146] In response to a sliding operation along a second direction on the schedule stage, the client will slide the schedule stage displayed on the schedule interface along the second direction by a first distance, and / or slide the schedule tree diagram displayed on the schedule interface along the second direction by a second distance. In response to a sliding operation along the second direction on the schedule tree diagram, the client will slide the schedule stage displayed on the schedule interface along the second direction by a first distance, and / or slide the schedule tree diagram displayed on the schedule interface along the second direction by a second distance.

[0147] For example, if the first direction is from left to right, the second direction is from right to left. The client will slide the tournament stage to the left a first distance and the tournament tree diagram to the left a second distance. The first distance is the display width of the tournament stage displayed in the tournament interface in the first direction, and the second distance is the display width of the match information displayed in the tournament interface in the first direction. Since the tournament stages are arranged sequentially, sliding the first distance to the left switches each tournament stage displayed in the tournament interface to its corresponding next tournament stage. Since the tournament tree diagram is arranged hierarchically, sliding the second distance to the left switches the match information under each level of the tournament tree diagram displayed in the tournament interface to the match information under its corresponding next level.

[0148] For example, the tournament stages are displayed as tabs, with a corresponding display width of 164px. The sliding distance of the nth stage (starting from 0) when swiping left compared to the first stage can be expressed as -(n+1)×164. The display width of the game information is 180px, and the sliding distance of the mth stage (starting from 0) when swiping left compared to the first stage can be expressed as -(m+1)×180.

[0149] Optionally, the tournament stages are numbered chronologically, and the levels of the tournament tree diagram are also numbered chronologically. If the first tournament stage has the highest number among all tournament stages, the client will not respond to sliding operations along the second direction on the top of the tournament stage. If the starting level of the tournament tree diagram in the tournament interface has the highest number among all levels, the client will not respond to sliding operations along the second direction on the top of the tournament tree diagram. Optionally, if the tournament interface displays a tournament stage with the highest number among all tournament stages, the client will not respond to sliding operations along the second direction on the top of the tournament stage. If the tournament interface displays match information at the highest level in the tournament tree diagram, the client will not respond to sliding operations along the second direction on the top of the tournament tree diagram. When not responding to the above sliding operations, the client will either maintain the currently displayed tournament interface or display an animation that moves the currently displayed tournament interface a certain distance to the left and then returns to its original position. The client can also display a message indicating that sliding is not possible.

[0150] Step 408: In response to the second swipe operation on the schedule interface, switch the first schedule stage to the previous schedule stage, and display the schedule stage and / or schedule tree diagram according to the switched starting stage.

[0151] Optionally, the game information is arranged in the first direction based on the time sequence of the game stages. For example, it can be arranged from left to right.

[0152] In response to a swipe operation along the first direction on the schedule stage, the client switches the first schedule stage to the previous schedule stage, displaying the schedule stage and / or the schedule tree diagram according to the switched starting stage. In response to a swipe operation along the first direction on the schedule tree diagram, the client switches the first schedule stage to the previous schedule stage, displaying the schedule stage and / or the schedule tree diagram according to the switched starting stage.

[0153] For example, the first direction is from left to right. A slide operation along the first direction during a stage of the race is equivalent to a right slide operation during that stage. A slide operation along the first direction in the race tree diagram is also equivalent to a right slide operation in the race tree diagram.

[0154] In response to a sliding operation along a first direction on the schedule stage, the client will slide the schedule stage displayed on the schedule interface along the first direction by a first distance, and / or slide the schedule tree diagram displayed on the schedule interface along the first direction by a second distance. In response to a sliding operation along the first direction on the schedule tree diagram, the client will slide the schedule stage displayed on the schedule interface along the first direction by a first distance, and / or slide the schedule tree diagram displayed on the schedule interface along the first direction by a second distance.

[0155] For example, if the first direction is from left to right, the client will slide the tournament stage to the right a first distance and the tournament tree diagram to the right a second distance. The first distance is the display width of the tournament stage displayed in the tournament interface in the first direction, and the second distance is the display width of the match information displayed in the tournament interface in the first direction. Since the tournament stages are arranged sequentially, sliding the first distance to the right switches each tournament stage displayed in the tournament interface to its corresponding previous tournament stage. Since the tournament tree diagram is arranged hierarchically, sliding the second distance to the right switches the match information under each level in the tournament tree diagram displayed in the tournament interface to the match information under its corresponding previous level.

[0156] For example, the tournament stages are displayed as tabs, with a corresponding display width of 164px. The sliding distance of the nth stage (starting from 0) when swiping to the right compared to the first stage can be expressed as -(n-1)×164. The display width of the game information is 180px, and the sliding distance of the mth stage (starting from 0) when swiping to the right compared to the first stage can be expressed as -(m-1)×180.

[0157] Optionally, the tournament stages are numbered chronologically, and the levels of the tournament tree diagram are also numbered chronologically. If the first tournament stage has the smallest number among all tournament stages, the client will not respond to swiping operations along the first direction on that tournament stage. If the starting level of the tournament tree diagram in the tournament interface has the smallest number among all levels, the client will not respond to swiping operations along the first direction on the match information. When not responding to the above swiping operations, the client will either maintain the currently displayed tournament interface or display an animation that moves the currently displayed tournament interface a certain distance to the right and then returns to its original position. The client can also display a message indicating that swiping is not possible.

[0158] For example, Figure 8 This is a schematic diagram illustrating the process of switching between displayed stages and a schedule tree diagram by swiping right, as provided in an exemplary embodiment of this application. Figure 8 As shown in (a), the client displays a schedule interface 801, which shows the esports event's schedule stages 802 and a schedule tree diagram 803. The schedule tree diagram 803 includes match information 804 arranged hierarchically according to the schedule stages 802. Both the schedule stages 802 and the match information 804 are arranged from left to right. The starting stage (2-to-1) of the schedule stages 802 displayed in the schedule interface 801 is the first schedule stage. Figure 8 As shown in (b), when the client receives a right swipe operation 805 on the schedule tree diagram 803, it will switch the first stage of the competition to the previous stage (4-to-2), and display the schedule stage 802 and the schedule tree diagram 804 according to the switched starting stage. That is, the schedule stage 802 and the schedule tree diagram 804 are displayed starting from the 4-to-2 stage.

[0159] During the sliding of the schedule tree diagram, the client displays a sliding animation of the tree diagram. This animation reflects the process of switching the schedule tree diagram displayed on the schedule interface from a first style to a second style. The first style displays the schedule tree diagram starting at level i, while the second style displays it starting at level i+1 or i-1, where level i corresponds to the level of the first stage of the schedule in the schedule tree diagram. Upon receiving a first sliding operation, the second style displays the schedule tree diagram starting at level i+1. Upon receiving a second sliding operation, the second style displays the schedule tree diagram starting at level i-1.

[0160] During the sliding of the tournament tree diagram, the client displays an animation showing the sliding of match information at level i+1 or i-1 to the starting level of the tree diagram, the display of match information at the starting level with fixed intervals, and the arrangement of match information at levels i+1 or i-1 and below in a tree diagram format according to the updated hierarchy. The match information at the starting level of the tree diagram is arranged vertically, perpendicular to the unfolding direction of the tree diagram. Upon receiving a first sliding operation, the client slides the match information at level i+1. Upon receiving a second sliding operation, the client slides the match information at level i-1.

[0161] For example, continue to refer to Figure 2 ,exist Figure 2 In (a), the game information 204 in the initial stage is arranged and displayed with a fixed spacing 205, which is set by the client. When the game information 204 in the next stage 202 of the initial stage is slid to the position of the game information 204 in the initial stage, the client adjusts the spacing between the game information 204 in the next stage 202 of the initial stage and displays them vertically according to the fixed spacing 205 of the game information 204 in the initial stage. The game information 204 after the next stage 202 of the initial stage will be displayed in a tree diagram to adapt to the position. The above sliding animation reflects the process of adjusting the position.

[0162] For example, continue to refer to Figure 2 ,exist Figure 2 In (a), the match information for the quarterfinals to semifinals is the next level below the match information for the round of 16 to quarterfinals in the tournament tree diagram. The match information for the round of 16 to quarterfinals is displayed at fixed intervals, and the match information for the quarterfinals to semifinals is arranged in a tree diagram style based on the match information for the round of 16 to quarterfinals. Figure 2In (b), the client slides the match information from the quarterfinals to the starting level of the tournament tree diagram (i.e., the previous display position of the match information from the round of 16 to quarterfinals), and collapses the display of the match information from the quarterfinals to quarterfinals at fixed intervals. At this point, the match information from the quarterfinals to quarterfinals becomes the starting level of the tournament tree diagram in the tournament interface. For the match information at levels after the quarterfinals to quarterfinals, the client will arrange and display it in a tree diagram style according to the updated level. When adjusting the display position of the match information at each level, it is based on the adjusted display position of the match information at the starting level, and the match information at subsequent levels is adjusted in the form of a tree diagram.

[0163] Optionally, the above schedule interface is built using the Vue framework. The animations displayed when sliding the schedule interface and the schedule tree diagram are implemented using the transition property in Cascading Style Sheets (CSS). By binding the same touch and move events to the schedule stages and the schedule tree diagram, it is possible to slide the schedule tree diagram synchronously when sliding the schedule stages, and vice versa.

[0164] Optionally, the match information is arranged in a first direction based on the chronological order of the match stages. In response to a vertical swipe operation on the match tree diagram, the client will follow the swipe operation to display the match tree diagram. The vertical direction is perpendicular to the first direction. For example, when the match tree diagram and match stages are arranged horizontally, since the vertical display length occupied by match information at a certain level may exceed the display screen, the client will also support upward and downward swipe operations in the match interface. In response to an upward swipe operation, the client will slide the displayed match tree diagram upwards to display the portion of the match tree diagram that is outside the display screen. In response to a downward swipe operation, the client will slide the displayed match tree diagram downwards to display the portion of the match tree diagram that is outside the display screen. Optionally, during the upward or downward swipe of the match tree diagram, the client will maintain the position and content of the displayed match stage unchanged, i.e., the match stage will be fixed in place. Optionally, the client uses sticky and flex layout methods in CSS positioning to fix the match stage, thereby achieving a "sticky" effect. In the case of a schedule tree diagram and a vertical arrangement of schedule stages, the process of implementing fixed schedule stages can be referred to the above content, and will not be repeated in the embodiments of this application.

[0165] In a specific example Figure 9 This is a schematic diagram illustrating the process of implementing sliding stage and stage tree diagram provided in an exemplary embodiment of this application. Figure 9As shown, taking the arrangement of match stages and a match tree diagram in the match interface from left to right as an example, in step S1, the client receives the user's gesture operation. In step S2, when the gesture operation is directed at the match tree diagram, the computer device determines the x-coordinate of the starting point and the ending point of the swipe. In step S3, the client determines the relationship between the difference between the x-coordinate of the ending point and the x-coordinate of the starting point and a first threshold and a second threshold. In step S4, if X2-X1<-10, the client determines the swipe operation as a left swipe. The client also determines whether to respond to the left swipe operation. In step S5, the client determines the swipe distance of the match tree diagram. In step S6, the client swipes the match tree diagram to the left and adjusts the spacing of the game information. In step S7, the client also synchronously swipes the match stages. In step S8, if X2-X1>10, the client determines the swipe operation as a right swipe. The client also determines whether to respond to the right swipe operation. In step S9, the client determines the sliding distance of the tournament tree diagram. In step S10, the client slides the tournament tree diagram to the right and adjusts the spacing of the game information. In step S11, the client implements the linkage sliding of the tournament stage with the tournament tree diagram. In step S12, when the gesture operation is for a tournament stage, the computer device determines the x-coordinate of the sliding start point and the x-coordinate of the sliding end point. In step S13, the client determines the relationship between the difference between the x-coordinate of the sliding end point and the x-coordinate of the sliding start point and a first threshold and a second threshold. In step S14, if X2-X1<-10, the client determines the sliding operation as a left slide. The client also determines whether to respond to the left slide operation. In step S15, the client determines the sliding distance of the tournament stage. In step S16, the client slides the tournament stage to the left. In step S17, if X2-X1>10, the client determines the sliding operation as a right slide. The client also determines whether to respond to the right slide operation. In step S18, the client determines the sliding distance of the stage. In step S19, the client slides the stage to the right. In step S20, the client also slides the stage tree diagram synchronously.

[0166] In summary, the method provided in this embodiment accurately switches the starting stage of the displayed tournament stage to the second tournament stage based on the tournament stage switching operation in the tournament schedule interface, thereby achieving accurate switching of the displayed tournament stage. Simultaneously with switching tournament stages, the method also switches the displayed game information under the corresponding tournament stage, thus providing users with game information that matches their expected actions based on their input, improving the accuracy of the displayed information when switching game information.

[0167] The method provided in this embodiment also enables the accurate switching of the game stage to the next or previous stage through the first and second sliding operations, and the game information displayed accordingly.

[0168] The method provided in this embodiment also supports sliding operations along the second direction on both the match stage and the match tree diagram, allowing sliding operations to be triggered on both the match stage and the match tree diagram. It also supports linked switching between match stages and game information, improving the user experience.

[0169] The method provided in this embodiment also allows for a more intuitive presentation of the switching process to the user through sliding the schedule stages and the schedule tree diagram in the second direction. Furthermore, by enabling separate sliding for the schedule stages and the schedule tree diagram, it is possible to ensure that only the schedule tree diagram is swiped for a fixed schedule stage. This allows the client to support swiping up and down on the schedule tree diagram when both are arranged horizontally. This enables users to view the complete schedule tree diagram by swiping up or down when the display screen cannot fully show it vertically, improving the user experience. The same principle applies when the schedule stages and the schedule tree diagram are arranged vertically.

[0170] The method provided in this embodiment also avoids the problem of poor user experience caused by the user sliding when they cannot continue sliding by determining whether to respond to the sliding operation in the second direction.

[0171] The method provided in this embodiment also supports sliding operations along the first direction on both the tournament stage and the tournament tree diagram, allowing sliding operations to be triggered on both the tournament stage and the tournament tree diagram. It also supports linked switching between tournament stages and game information, improving the user experience.

[0172] The method provided in this embodiment also allows for a more intuitive presentation of the switching process to the user through sliding the schedule stages and the schedule tree diagram in the first direction. Furthermore, by enabling separate sliding for the schedule stages and the schedule tree diagram, it is possible to ensure that only the schedule tree diagram is swiped for a fixed schedule stage. This allows the client to support swiping up and down on the schedule tree diagram when both are arranged horizontally. This enables users to view the complete schedule tree diagram by swiping up or down when the display screen cannot fully show it vertically, improving the user experience of viewing the schedule tree diagram. The same principle applies when the schedule stages and the schedule tree diagram are arranged vertically.

[0173] The method provided in this embodiment also avoids the problem of poor user experience caused by the user sliding when they cannot continue sliding by determining whether to respond to the sliding operation in the first direction.

[0174] The method provided in this embodiment also determines whether a sliding operation is a first sliding operation or a second sliding operation by setting a first threshold and a second threshold, which can help avoid user misoperation.

[0175] The method provided in this embodiment also enhances the user's interactive experience by displaying sliding animations of the sliding schedule stages and the schedule tree diagram.

[0176] The method provided in this embodiment also improves the user experience while maintaining the integrity of the game information by displaying animations of sliding game information, displaying game information at fixed intervals, and displaying game information in a tree diagram.

[0177] The method provided in this embodiment can also highlight the connection line of the target match information of the long press operation instruction, so as to indicate the match progress of the team that the user has long pressed, which helps the user to intuitively understand the current match progress of the team they are interested in.

[0178] The method provided in this embodiment also enables users to conveniently access the live or replay interface of the match while viewing the match schedule tree diagram, thereby improving the user experience.

[0179] The method provided in this embodiment also supports sliding operations perpendicular to the arrangement direction of the game information, enabling users to slide the displayed match schedule tree diagram. This allows users to conveniently view the parts of the match schedule tree diagram outside the display screen as needed, thereby improving the user experience.

[0180] It should be noted that the order of the method steps provided in the embodiments of this application can be appropriately adjusted, and the steps can also be added or removed as appropriate. Any method variations that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the protection scope of this application, and therefore will not be elaborated further.

[0181] Figure 10 This is a schematic diagram of a race schedule display device provided in an exemplary embodiment of this application. The device can be used for, for example... Figure 1 The third terminal in the system shown. For example... Figure 10 As shown, the device includes:

[0182] Display module 1001 is used to display the schedule stages and schedule tree diagram of e-sports events in the schedule interface. The schedule tree diagram includes match information arranged hierarchically according to the schedule stages. The arrangement direction of the schedule stages is the same as the arrangement direction of the match information. The starting stage of the schedule stages displayed in the schedule interface is the first schedule stage. The match information under the starting stage is fully displayed in the schedule interface. E-sports events are competitions based on virtual characters in a virtual environment.

[0183] The receiving module 1002 is used to receive the schedule stage switching operation triggered in the schedule interface.

[0184] The display module 1001 is also used to respond to the stage switching operation, switch the starting stage from the first stage to the second stage, and display the stage and / or the stage tree diagram according to the switched starting stage, wherein the second stage is the stage indicated by the stage switching operation.

[0185] In an optional design, the schedule phase switching operation includes a first swipe operation and a second swipe operation on the schedule interface. Display module 1001 is used for:

[0186] In response to the first swipe operation, the first stage of the competition is switched to the next stage of the competition, and the competition stage and / or the competition tree diagram are displayed according to the switched starting stage. In response to the second swipe operation, the first stage of the competition is switched to the previous stage of the competition, and the competition stage and / or the competition tree diagram are displayed according to the switched starting stage.

[0187] In an optional design, the game information is arranged in the first direction based on the chronological order of the game stages. Display module 1001 is used for:

[0188] In response to a sliding operation along a second direction on the schedule stage, the first schedule stage is switched to the next schedule stage after the first schedule stage, and the schedule stage and / or schedule tree diagram is displayed according to the switched starting stage. In response to a sliding operation along a second direction on the schedule tree diagram, the first schedule stage is switched to the next schedule stage after the first schedule stage, and the schedule stage and / or schedule tree diagram is displayed according to the switched starting stage. The second direction is the opposite of the first direction.

[0189] In an optional design, display module 1001 is used for:

[0190] In response to a sliding operation along a second direction on the schedule stage, the schedule stage displayed in the schedule interface is slid along the second direction by a first distance, and / or, the schedule tree diagram displayed in the schedule interface is slid along the second direction by a second distance. In response to a sliding operation along the second direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the second direction by a first distance, and / or, the schedule tree diagram displayed in the schedule interface is slid along the second direction by a second distance. Wherein, the first distance is the display width of the schedule stage displayed in the schedule interface in the first direction, and the second distance is the display width of the game information displayed in the schedule interface in the first direction.

[0191] In one optional design, the stages of the competition are numbered chronologically, and the levels of the competition tree diagram are also numbered chronologically. For example... Figure 11 As shown, the device also includes:

[0192] The processing module 1003 is configured to not respond to sliding operations along the second direction on the schedule stage when the first schedule stage has the largest number among all schedule stages. The processing module 1003 is also configured to not respond to sliding operations along the second direction on the schedule tree diagram when the starting level of the schedule tree diagram in the schedule interface has the largest number among all levels.

[0193] In an optional design, the game information is arranged in the first direction based on the chronological order of the game stages. Display module 1001 is used for:

[0194] In response to a sliding operation along a first direction on the schedule stage, the first schedule stage is switched to the previous schedule stage, and the schedule stage and / or schedule tree diagram are displayed according to the switched starting stage. In response to a sliding operation along a first direction on the schedule tree diagram, the first schedule stage is switched to the previous schedule stage, and the schedule stage and / or schedule tree diagram are displayed according to the switched starting stage.

[0195] In an optional design, display module 1001 is used for:

[0196] In response to a sliding operation along a first direction on the schedule stage, the schedule stage displayed in the schedule interface is slid along the first direction by a first distance, and / or, the schedule tree diagram displayed in the schedule interface is slid along the first direction by a second distance. In response to a sliding operation along the first direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the first direction by a first distance, and / or, the schedule tree diagram displayed in the schedule interface is slid along the first direction by a second distance. Wherein, the first distance is the display width of the schedule stage displayed in the schedule interface in the first direction, and the second distance is the display width of the game information displayed in the schedule interface in the first direction.

[0197] In one optional design, the stages of the competition are numbered chronologically, and the levels of the competition tree diagram are also numbered chronologically. For example... Figure 11 As shown, the device also includes:

[0198] The processing module 1003 is configured to not respond to sliding operations along the first direction in the schedule stage when the first schedule stage has the smallest number among all schedule stages. The processing module 1003 is also configured to not respond to sliding operations along the first direction in the game information when the starting level of the schedule tree diagram in the schedule interface has the smallest number among all levels.

[0199] In an optional design, such as Figure 12 As shown, the device also includes:

[0200] The determining module 1004 is configured to determine the coordinate difference between the end point and the starting point of the sliding operation in a first direction when a sliding operation is detected in the race schedule interface. The determining module 1004 is further configured to determine that the sliding operation is a first sliding operation in response to a coordinate difference less than a first threshold. The determining module 1004 is further configured to determine that the sliding operation is a second sliding operation in response to a coordinate difference greater than a second threshold. Wherein, the first threshold is less than or equal to the second threshold.

[0201] In an optional design, display module 1001 is used for:

[0202] During the sliding of the schedule tree diagram, a sliding animation of the schedule tree diagram is displayed. This animation reflects the process of switching the schedule tree diagram displayed on the schedule interface from a first style to a second style. The first style displays the schedule tree diagram starting from level i, while the second style displays the schedule tree diagram starting from level i+1 or i-1. Level i corresponds to the level of the first stage of the schedule in the schedule tree diagram.

[0203] In an optional design, display module 1001 is used for:

[0204] During the sliding of the tournament tree diagram, the animation shows the game information at level i+1 or i-1 sliding to the starting level of the tree diagram, the game information at the starting level displayed at fixed intervals, and the game information at levels i+1 or i-1 and below, arranged in a tree diagram style according to the updated hierarchy. The game information at the starting level of the tournament tree diagram is arranged vertically, perpendicular to the direction in which the tree diagram expands.

[0205] In an optional design, the game information includes team information. Display module 1001 is used for:

[0206] In response to a long press on match information, the connection between the target match information and the previous level match information will be highlighted in the match schedule tree diagram displayed in the schedule interface.

[0207] Among them, the teams in the game corresponding to the target game information include the teams corresponding to the team information when the long press operation is performed.

[0208] In an optional design, when the game information corresponding to the match is in progress, a live stream control is also displayed in the match information; when the game information corresponding to the match is completed, a replay control is also displayed in the match information. Display module 1001 is used for:

[0209] In response to the live stream display operation triggered by the live stream control, the live stream interface is displayed, which is used to display the live stream of the game corresponding to the game information.

[0210] In response to the replay display operation triggered by the replay control, the replay interface is displayed, which is used to display the replay screen of the game corresponding to the game information.

[0211] In an optional design, the game information is arranged in the first direction based on the chronological order of the game stages. Display module 1001 is used for:

[0212] In response to a vertical swipe on the schedule tree, the schedule tree is displayed by sliding along the swipe.

[0213] The vertical direction is perpendicular to the first direction.

[0214] It should be noted that the race schedule display device provided in the above embodiments is only an example of the division of the above functional modules. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the race schedule display device and the race schedule display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0215] Embodiments of this application also provide a computer device, which includes a processor and a memory. The memory stores at least one instruction, at least one program, code set, or instruction set. The at least one instruction, at least one program, code set, or instruction set is loaded and executed by the processor to implement the schedule display method provided in the above-described method embodiments.

[0216] Alternatively, the computer device is a terminal. For example, Figure 13 This is a schematic diagram of the structure of a terminal provided in an exemplary embodiment of this application.

[0217] Typically, terminal 1300 includes a processor 1301 and a memory 1302.

[0218] Processor 1301 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1301 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1301 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1301 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 1301 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0219] The memory 1302 may include one or more computer-readable storage media, which may be non-transitory. The memory 1302 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1302 are used to store at least one instruction, which is executed by the processor 1301 to implement the schedule display method provided in the method embodiments of this application.

[0220] In some embodiments, the terminal 1300 may also optionally include a peripheral device interface 1303 and at least one peripheral device. The processor 1301, memory 1302, and peripheral device interface 1303 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1303 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: a radio frequency circuit 1304, a display screen 1305, a camera assembly 1306, an audio circuit 1307, and a power supply 1308.

[0221] Peripheral device interface 1303 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 1301 and memory 1302. In some embodiments, processor 1301, memory 1302 and peripheral device interface 1303 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 1301, memory 1302 and peripheral device interface 1303 can be implemented on separate chips or circuit boards, and this application embodiment does not limit this.

[0222] The radio frequency (RF) circuit 1304 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 1304 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 1304 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. Optionally, the RF circuit 1304 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 1304 can communicate with other terminals through at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: the World Wide Web, metropolitan area networks, intranets, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 1304 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.

[0223] Display screen 1305 is used to display a UI (User Interface, horizontal level interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 1305 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 1301 for processing. In this case, display screen 1305 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 1305, serving as the front panel of terminal 1300; in other embodiments, there may be at least two display screens 1305, respectively disposed on different surfaces of terminal 1300 or in a folded design; in still other embodiments, display screen 1305 may be a flexible display screen, disposed on a curved or folded surface of terminal 1300. Furthermore, display screen 1305 may also be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. The display screen 1305 can be made of materials such as LCD (Liquid Crystal Display) and OLED (Organic Light-Emitting Diode).

[0224] The camera assembly 1306 is used to acquire images or videos. Optionally, the camera assembly 1306 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the terminal 1300, and the rear-facing camera is located on the back of the terminal. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, panoramic shooting by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting, or other fusion shooting functions. In some embodiments, the camera assembly 1306 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash refers to a combination of a warm light flash and a cool light flash, which can be used for light compensation at different color temperatures.

[0225] The audio circuit 1307 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, converting the sound waves into electrical signals that are input to the processor 1301 for processing, or input to the radio frequency circuit 1304 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each located at a different part of the terminal 1300. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from the processor 1301 or the radio frequency circuit 1304 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, the audio circuit 1307 may also include a headphone jack.

[0226] Power supply 1308 is used to power the various components in terminal 1300. Power supply 1308 can be AC ​​power, DC power, a disposable battery, or a rechargeable battery. When power supply 1308 includes a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery that is charged via a wired line, and a wireless rechargeable battery is a battery that is charged via a wireless coil. The rechargeable battery can also be used to support fast charging technology.

[0227] In some embodiments, the terminal 1300 further includes one or more sensors 1309. The one or more sensors 1309 include, but are not limited to: an acceleration sensor 1310, a gyroscope sensor 1311, a pressure sensor 1312, an optical sensor 1313, and a proximity sensor 1314.

[0228] Accelerometer 1310 can detect the magnitude of acceleration on the three coordinate axes of a coordinate system established by terminal 1300. For example, accelerometer 1310 can be used to detect the components of gravitational acceleration on the three coordinate axes. Processor 1301 can control touch screen 1305 to display a horizontal or vertical view of the level interface based on the gravitational acceleration signal collected by accelerometer 1310. Accelerometer 1310 can also be used for collecting game or user motion data.

[0229] The gyroscope sensor 1311 can detect the orientation and rotation angle of the terminal 1300. The gyroscope sensor 1311 can work in conjunction with the accelerometer sensor 1310 to acquire the user's 3D movements on the terminal 1300. Based on the data acquired by the gyroscope sensor 1311, the processor 1301 can perform the following functions: motion sensing (e.g., changing the UI based on the user's tilt), image stabilization during shooting, game control, and inertial navigation.

[0230] The pressure sensor 1312 can be disposed on the side bezel of the terminal 1300 and / or on the lower layer of the touch display screen 1305. When the pressure sensor 1312 is disposed on the side bezel of the terminal 1300, it can detect the user's grip signal on the terminal 1300, and the processor 1301 can perform left / right hand recognition or quick operation based on the grip signal collected by the pressure sensor 1312. When the pressure sensor 1312 is disposed on the lower layer of the touch display screen 1305, the processor 1301 can control the operable controls on the UI interface based on the user's pressure operation on the touch display screen 1305. The operable controls include at least one of button controls, scroll bar controls, icon controls, and menu controls.

[0231] The optical sensor 1313 is used to collect ambient light intensity. In one embodiment, the processor 1301 can control the display brightness of the touch screen 1305 based on the ambient light intensity collected by the optical sensor 1313. Specifically, when the ambient light intensity is high, the display brightness of the touch screen 1305 is increased; when the ambient light intensity is low, the display brightness of the touch screen 1305 is decreased. In another embodiment, the processor 1301 can also dynamically adjust the shooting parameters of the camera assembly 1306 based on the ambient light intensity collected by the optical sensor 1313.

[0232] The proximity sensor 1314, also known as a distance sensor, is typically located on the front panel of the terminal 1300. The proximity sensor 1314 is used to detect the distance between the user and the front of the terminal 1300. In one embodiment, when the proximity sensor 1314 detects that the distance between the user and the front of the terminal 1300 is gradually decreasing, the processor 1301 controls the touchscreen display 1305 to switch from a screen-on state to a screen-off state; when the proximity sensor 1314 detects that the distance between the user and the front of the terminal 1300 is gradually increasing, the processor 1301 controls the touchscreen display 1305 to switch from a screen-off state to a screen-on state.

[0233] Those skilled in the art will understand that Figure 13 The structure shown does not constitute a limitation on terminal 1300 and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0234] This application also provides a computer-readable storage medium storing at least one piece of program code. When the program code is loaded and executed by the processor of a computer device, it implements the schedule display method provided in the above-described method embodiments.

[0235] This application also provides a computer program product or computer program that includes computer instructions stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium and executes the computer instructions, causing the computer device to perform the schedule display method provided in the above-described method embodiments.

[0236] Those skilled in the art will understand that all or part of the steps of the above embodiments can be implemented by hardware or by a program instructing related hardware. The program can be stored in a computer-readable storage medium, such as a read-only memory, a disk, or an optical disk.

[0237] The above description is merely an optional embodiment of this application and is not intended to limit this application. Any modifications, equivalent switching, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

[0238] The above description is merely an optional embodiment of this application and is not intended to limit this application. Any modifications, equivalent switching, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for displaying a race schedule, characterized in that, The method includes: The schedule interface displays the esports event's schedule stages and a schedule tree diagram. The schedule tree diagram includes match information arranged hierarchically according to the schedule stages. The arrangement direction of the schedule stages is the same as the arrangement direction of the match information. The starting stage of the schedule stage displayed in the schedule interface is the first schedule stage. The match information under the starting stage is fully displayed in the schedule interface. The esports event is an event based on virtual characters competing in a virtual environment. The match information is arranged in the first direction according to the time sequence of the schedule stages. The system receives a schedule stage switching operation triggered in the schedule interface. The schedule stage switching operation includes a first swipe operation and a second swipe operation in the schedule interface. The first swipe operation corresponds to a second direction, and the second swipe operation corresponds to the first direction. The second direction is opposite to the first direction. In response to a sliding operation along the second direction on the course stage or a sliding operation along the second direction on the course tree diagram, the starting stage is switched from the first course stage to the next course stage of the first course stage, and the course stage and / or the course tree diagram are displayed according to the switched starting stage, wherein the course stage displayed in the course interface slides according to a first distance, and the course tree diagram slides according to a second distance; and, in response to a sliding operation along the first direction on the course stage or a sliding operation along the first direction on the course tree diagram, the starting stage is switched from the first course stage to the previous course stage of the first course stage, and the course stage and / or the course tree diagram are displayed according to the switched starting stage, wherein the course stage displayed in the course interface slides according to a first distance, and the course tree diagram slides according to a second distance, wherein the first distance is the display width of the course stage displayed in the course interface in the first direction, and the second distance is the display width of the game information displayed in the course interface in the first direction; The stages of the competition are numbered in chronological order, and the levels of the competition tree diagram are numbered in chronological order. If the first stage has the largest number among all stages, the sliding operation along the second direction on the stage will not be responded to. If the starting level of the competition tree diagram in the competition interface has the largest number among all levels, the sliding operation along the second direction on the competition tree diagram will not be responded to. The match information includes team information. In response to a long press operation on the match information, the connection between the target match information and the previous level match information in the match schedule tree diagram displayed in the match schedule interface is highlighted. The teams in the match corresponding to the target match information include the teams corresponding to the team information long-pressed by the long press operation.

2. The method according to claim 1, characterized in that, The step of switching the starting stage from the first stage to the next stage in the race schedule in response to a sliding operation along the second direction, and displaying the race schedule stage and / or the race schedule tree according to the switched starting stage, includes: In response to a sliding operation along the second direction on the course stage, the course stage displayed in the course interface is slid along the second direction by the first distance, and / or the course tree diagram displayed in the course interface is slid along the second direction by the second distance; The step of switching the starting stage from the first stage to the next stage in the first stage in response to a sliding operation along the second direction on the schedule tree diagram, and displaying the stage and / or the schedule tree diagram according to the switched starting stage, includes: In response to a sliding operation along the second direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the second direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the second direction by the second distance.

3. The method according to claim 1, characterized in that, The step of switching the starting stage from the first stage of the competition to the previous stage of the first stage in response to a sliding operation along the first direction, and displaying the competition stage and / or the competition tree diagram according to the switched starting stage, includes: In response to a sliding operation along the first direction on the course stage, the course stage displayed in the course interface is slid along the first direction by the first distance, and / or the course tree diagram displayed in the course interface is slid along the first direction by the second distance; The step of switching the starting stage from the first stage of the competition to the previous stage of the first stage in response to a sliding operation along the first direction on the competition tree diagram, and displaying the competition stage and / or the competition tree diagram according to the switched starting stage, includes: In response to a sliding operation along the first direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the first direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the first direction by the second distance.

4. The method according to claim 3, characterized in that, The competition stages are numbered chronologically, and the levels of the competition tree diagram are numbered chronologically; the method further includes: If the first stage has the smallest number among all stages, do not respond to the sliding operation along the first direction on the stage. If the starting level of the schedule tree diagram in the schedule interface has the smallest number among all levels, the sliding operation along the first direction on the game information will not be responded to.

5. The method according to any one of claims 1 to 4, characterized in that, The method further includes: If a sliding operation is detected in the race schedule interface, the coordinate difference between the end point and the starting point of the sliding operation in a first direction is determined. In response to the coordinate difference being less than a first threshold, it is determined that the sliding operation is the first sliding operation; In response to the coordinate difference being greater than a second threshold, it is determined that the sliding operation is the second sliding operation; Wherein, the first threshold is less than or equal to the second threshold.

6. The method according to claim 2 or 4, characterized in that, The method further includes: During the sliding of the schedule tree diagram, a sliding animation of the schedule tree diagram is displayed; The sliding animation is used to reflect the process of switching the schedule tree diagram displayed in the schedule interface from a first style to a second style. The first style is displayed with the i-th level of the schedule tree diagram as the starting level, and the second style is displayed with the (i+1)-th or (i-1)-th level of the schedule tree diagram as the starting level. The i-th level is the level corresponding to the first stage of the schedule in the schedule tree diagram.

7. The method according to claim 6, characterized in that, The step of displaying a sliding animation of the schedule tree diagram during the sliding process includes: During the sliding of the tournament tree diagram, the animation shows the sliding of the game information under the (i+1)th level or the (i-1)th level to the position of the starting level in the tournament tree diagram, the display of the game information under the starting level at fixed intervals, and the arrangement and display of the game information under the levels after the (i+1)th level or the (i-1)th level and the game information under the (i+1)th level or the (i-1)th level in the updated hierarchy in a tree diagram style. The match information at the starting level of the match schedule tree is displayed in a vertical arrangement, which is perpendicular to the expansion direction of the match schedule tree.

8. The method according to any one of claims 1 to 4, characterized in that, When the game corresponding to the game information is in progress, the game information also displays a live stream control; when the game corresponding to the game information is completed, the game information also displays a replay control; the method further includes: In response to the live streaming control triggering the live streaming display operation, a live streaming interface is displayed, which is used to display the live streaming screen of the game corresponding to the game information; In response to the replay display operation triggered by the replay control, a replay interface is displayed, which is used to display the replay screen of the game corresponding to the game information.

9. The method according to any one of claims 1 to 4, characterized in that, The match information is arranged in a first direction based on the time sequence of the match stage; the method further includes: In response to a sliding operation along the vertical direction on the schedule tree diagram, the schedule tree diagram is displayed by sliding along the sliding operation; Wherein, the vertical direction is perpendicular to the first direction.

10. A race schedule display device, characterized in that, The device includes: The display module is used to display the tournament stages and a tournament tree diagram of the e-sports event in the tournament schedule interface. The tournament tree diagram includes match information arranged hierarchically according to the tournament stages. The arrangement direction of the tournament stages is the same as the arrangement direction of the match information. The starting stage of the tournament stage displayed in the tournament schedule interface is the first tournament stage. The match information under the starting stage is fully displayed in the tournament schedule interface. The e-sports event is a competition based on virtual characters in a virtual environment. The match information is arranged in the first direction according to the time sequence of the tournament stages. A receiving module is used to receive a schedule stage switching operation triggered in the schedule interface. The schedule stage switching operation includes a first sliding operation and a second sliding operation in the schedule interface. The first sliding operation corresponds to a second direction, and the second sliding operation corresponds to the first direction. The second direction is opposite to the first direction. The display module is further configured to, in response to a sliding operation along the second direction on the course stage or a sliding operation along the second direction on the course tree diagram, switch the starting stage from the first course stage to the next course stage of the first course stage, and display the course stage and / or the course tree diagram according to the switched starting stage, wherein the course stage displayed in the course interface slides by a first distance, and the course tree diagram slides by a second distance; and, in response to a sliding operation along the first .... The sliding operation in the first direction switches the starting stage from the first schedule stage to the previous schedule stage, and displays the schedule stage and / or the schedule tree diagram according to the switched starting stage. The schedule stage displayed in the schedule interface slides according to a first distance, and the schedule tree diagram slides according to a second distance. The first distance is the display width of the schedule stage displayed in the schedule interface in the first direction, and the second distance is the display width of the game information displayed in the schedule interface in the first direction. The stages of the competition are numbered in chronological order, and the levels of the competition tree diagram are numbered in chronological order. If the first stage has the largest number among all stages, the sliding operation along the second direction on the stage will not be responded to. If the starting level of the competition tree diagram in the competition interface has the largest number among all levels, the sliding operation along the second direction on the competition tree diagram will not be responded to. The match information includes team information. In response to a long press operation on the match information, the connection between the target match information and the previous level match information in the match schedule tree diagram displayed in the match schedule interface is highlighted. The teams in the match corresponding to the target match information include the teams corresponding to the team information long-pressed by the long press operation.

11. The apparatus according to claim 10, characterized in that, The display module is also used for: In response to a sliding operation along the second direction on the course stage, the course stage displayed in the course interface is slid along the second direction by the first distance, and / or the course tree diagram displayed in the course interface is slid along the second direction by the second distance; In response to a sliding operation along the second direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the second direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the second direction by the second distance.

12. The apparatus according to claim 10, characterized in that, The display module is also used for: In response to a sliding operation along the first direction on the course stage, the course stage displayed in the course interface is slid along the first direction by the first distance, and / or the course tree diagram displayed in the course interface is slid along the first direction by the second distance; In response to a sliding operation along the first direction on the schedule tree diagram, the schedule stage displayed in the schedule interface is slid along the first direction by the first distance, and / or the schedule tree diagram displayed in the schedule interface is slid along the first direction by the second distance.

13. The apparatus according to claim 12, characterized in that, The competition stages are numbered chronologically, and the levels of the competition tree diagram are numbered chronologically; the device further includes: The processing module is configured to not respond to the sliding operation along the first direction on the first stage if the first stage has the smallest number among all stages. The processing module is further configured to not respond to the sliding operation along the first direction on the game information if the starting level of the game schedule tree diagram in the game schedule interface has the smallest number among all levels.

14. The apparatus according to any one of claims 10 to 13, characterized in that, The device further includes: The determination module is used to determine the coordinate difference between the end point and the start point of the sliding operation in a first direction when a sliding operation is detected in the race schedule interface. The determining module is further configured to determine that the sliding operation is the first sliding operation in response to the coordinate difference being less than a first threshold. The determining module is further configured to determine that the sliding operation is the second sliding operation in response to the coordinate difference being greater than the second threshold. Wherein, the first threshold is less than or equal to the second threshold.

15. The apparatus according to claim 11 or 13, characterized in that, The display module is also used for: During the sliding of the schedule tree diagram, a sliding animation of the schedule tree diagram is displayed; The sliding animation is used to reflect the process of switching the schedule tree diagram displayed in the schedule interface from a first style to a second style. The first style is displayed with the i-th level of the schedule tree diagram as the starting level, and the second style is displayed with the (i+1)-th or (i-1)-th level of the schedule tree diagram as the starting level. The i-th level is the level corresponding to the first stage of the schedule in the schedule tree diagram.

16. The apparatus according to claim 15, characterized in that, The display module is also used for: During the sliding of the tournament tree diagram, the animation shows the sliding of the game information under the (i+1)th level or the (i-1)th level to the position of the starting level in the tournament tree diagram, the display of the game information under the starting level at fixed intervals, and the arrangement and display of the game information under the levels after the (i+1)th level or the (i-1)th level and the game information under the (i+1)th level or the (i-1)th level in the updated hierarchy in a tree diagram style. The match information at the starting level of the match schedule tree is displayed in a vertical arrangement, which is perpendicular to the expansion direction of the match schedule tree.

17. The apparatus according to any one of claims 10 to 13, characterized in that, When the game corresponding to the game information is in progress, the game information also displays a live stream control; when the game corresponding to the game information is completed, the game information also displays a replay control; the display module is further configured to: In response to the live streaming control triggering the live streaming display operation, a live streaming interface is displayed, which is used to display the live streaming screen of the game corresponding to the game information; In response to the replay display operation triggered by the replay control, a replay interface is displayed, which is used to display the replay screen of the game corresponding to the game information.

18. The apparatus according to any one of claims 10 to 13, characterized in that, The match information is arranged in a first direction based on the time sequence of the match stage; the display module is also used for: In response to a sliding operation along the vertical direction on the schedule tree diagram, the schedule tree diagram is displayed by sliding along the sliding operation; Wherein, the vertical direction is perpendicular to the first direction.

19. A computer device, characterized in that, The computer device includes a processor and a memory, the memory storing at least one instruction, at least one program, a code set, or an instruction set, the at least one instruction, the at least one program, the code set, or the instruction set being loaded and executed by the processor to implement the schedule display method as described in any one of claims 1 to 9.

20. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores at least one instruction, at least one program, code set, or instruction set, wherein the at least one instruction, the at least one program, the code set, or instruction set is loaded and executed by a processor to implement the schedule display method as described in any one of claims 1 to 9.

21. A computer program product, characterized in that, The computer program product includes computer instructions stored in a computer-readable storage medium, a processor of a computer device reading the computer instructions from the computer-readable storage medium, and the processor executing the computer instructions to cause the computer device to perform the schedule display method as described in any one of claims 1 to 9.

Images