A competition situation display method, device, equipment and storage medium

Abstract

The present invention relates to the field of computer technology, and discloses a competition situation display method, device, equipment and storage medium. The method includes: establishing a three-dimensional solar system model; collecting the answer progress data corresponding to each competition question in real time during the competition, and establishing the association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress; according to the association relationship between the three-dimensional planet model and the competition question, the answer progress data corresponding to each competition question is simulated and displayed through the planetary movement of the three-dimensional solar system model. The scheme of this embodiment can enhance the three-dimensional and spatial effects of the competition situation display by using the planetary movement of the network three-dimensional solar system model to simulate the situation perception of the competition, can better attract the attention of judges and audiences, bring a more novel visual experience to the judges, and can enhance the display information density.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a competition situation display method, device, equipment and storage medium. Background Art

[0002] As a bridge between the physical world and the digital world, the Industrial Internet carries high-value assets such as critical infrastructure, production equipment and production data. Its security is directly related to the survival and development of enterprises. With the continuous escalation and complexity of cyber attacks, the Industrial Internet faces multiple threats such as malware, advanced persistent threat attacks, data leakage, ransomware, etc. Holding a security skills competition will help to increase the whole society's attention to the security of the Industrial Internet, strengthen the awareness of prevention, and cultivate professionals who can deal with these threats.

[0003] The Industrial Internet Security Skills Competition provides a platform for participants to practice in real combat. By simulating the attack and defense confrontation in a real environment, it tests and improves the participants' professional skills in vulnerability detection, emergency response, threat intelligence analysis, system reinforcement, etc. The competition helps to discover and cultivate a group of network security technical talents with practical capabilities, and meet the urgent demand for high-end security talents in the field of industrial Internet.

[0004] The types of questions in the Industrial Internet Security Skills Competition are mainly divided into penetration problem solving and flag-grabbing problem solving, and the competition duration is generally 2-8 hours. At the competition site, two-dimensional components such as Echarts and tables are generally used to display the real-time competition situation on a large screen. However, this display method has problems such as insufficient three-dimensional and spatial sense, limited complexity of data visualization, weak visual impact, and less display content of a single component. Summary of the invention

[0005] The present invention provides a competition situation display method, device, equipment and storage medium, which can better attract the attention of judges and audiences, enhance the three-dimensional and spatial effects of the competition situation display, and enhance the display information density.

[0006] According to one aspect of the present invention, a method for displaying a competition situation is provided, comprising:

[0007] Establishing a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models;

[0008] During the competition, the answer progress data corresponding to each competition question is collected in real time, and in response to the display operation of the answer progress, an association relationship between the three-dimensional planet model and the competition question is established;

[0009] According to the correlation between the three-dimensional planet model and the competition questions, the solution progress data corresponding to each competition question is simulated and displayed through the planetary movement of the three-dimensional solar system model.

[0010] According to another aspect of the present invention, there is provided a competition situation display device, comprising:

[0011] A model building module, used to build a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models;

[0012] A data collection module, used to collect the answer progress data corresponding to each competition question in real time during the competition, and establish an association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress;

[0013] The data display module is used to simulate and display the solution progress data corresponding to each of the competition questions through the planetary motion of the three-dimensional solar system model according to the correlation between the three-dimensional planet model and the competition questions.

[0014] According to another aspect of the present invention, there is provided an electronic device, the electronic device comprising:

[0015] at least one processor; and

[0016] a memory communicatively connected to the at least one processor; wherein,

[0017] The memory stores a computer program that can be executed by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the competition situation display method described in any embodiment of the present invention.

[0018] According to another aspect of the present invention, a computer-readable storage medium is provided, wherein the computer-readable storage medium stores a computer program, wherein the computer program is used to enable a processor to implement the method for displaying the situation of a competition as described in any embodiment of the present invention when executed.

[0019] The technical solution of the embodiment of the present invention is to establish a three-dimensional solar system model, which includes multiple three-dimensional planet models; collect the answer progress data corresponding to each competition question in real time during the competition, and establish the association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress; according to the association relationship between the three-dimensional planet model and the competition question, the answer progress data corresponding to each competition question is simulated and displayed through the planetary movement of the three-dimensional solar system model; by using the planetary movement of the network three-dimensional solar system model to simulate the situation awareness of the competition, the three-dimensional and spatial effects of the competition situation display can be improved, the attention of judges and audiences can be better attracted, the judges can be given a more novel visual experience, and the display information density can be improved.

[0020] It should be understood that the contents described in this section are not intended to identify the key or important features of the embodiments of the present invention, nor are they intended to limit the scope of the present invention. Other features of the present invention will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0021] In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the following briefly introduces the drawings required for use in the description of the embodiments. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0022] Figure 1 is a flow chart of a competition situation display method provided according to the first embodiment of the present invention;

[0023] Figure 2 This is a schematic diagram of a browser-based operation provided according to Embodiment 1 of the present invention;

[0024] Figure 3 It is a situation effect diagram of the progress of solving the planetary motion simulation competition questions based on the three-dimensional solar system model provided by the first embodiment of the present invention;

[0025] Figure 4 This is a situation effect diagram of the scores of participating teams in a planetary motion simulation based on a three-dimensional solar system model provided in Example 1 of the present invention;

[0026] Figure 5 This is a high-performance log push flow chart provided according to the first embodiment of the present invention;

[0027] Figure 6 This is a schematic diagram of the structure of a competition situation display device provided according to Embodiment 2 of the present invention;

[0028] Figure 7It is a structural schematic diagram of an electronic device for implementing the competition situation display method of an embodiment of the present invention. DETAILED DESCRIPTION

[0029] In order to enable those skilled in the art to better understand the scheme of the present invention, the technical scheme in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without creative work should fall within the scope of protection of the present invention.

[0030] It should be noted that the terms "first", "second", "target", etc. in the specification and claims of the present invention and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged where appropriate, so that the embodiments of the present invention described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any variations thereof are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device that includes a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.

[0031] Embodiment 1

[0032] Figure 1 A flowchart of a competition situation display method is provided for the first embodiment of the present invention. This embodiment is applicable to the case of using three-dimensional animation to simulate the situation of industrial Internet security skills competition. The method can be executed by a competition situation display device, which can be implemented in the form of hardware and / or software. Typically, the competition situation display device can be configured in an electronic device, such as a computer device or a server. Figure 1 As shown, the method includes:

[0033] S110, establishing a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models.

[0034] The three-dimensional solar system model may include a three-dimensional background, a three-dimensional planet model and a motion orbit, and the three-dimensional planet model may continuously move on the corresponding motion orbit.

[0035] Optionally, the three-dimensional planet model may include a three-dimensional star model and a three-dimensional planet model, wherein the three-dimensional star model remains stationary in the three-dimensional view, and each of the three-dimensional planet models continues to move at a uniform speed around the three-dimensional star model based on a set elliptical orbit. Typically, the three-dimensional star model may be a three-dimensional solar model, and the three-dimensional planet model may include three-dimensional models of Mercury, Venus, Earth, Mars, Jupiter, Saturn, Uranus, and Neptune. In this embodiment, the sphere size of each three-dimensional planet model may be equal, or may correspond to the actual celestial body size. Optionally, the three-dimensional planet model may also include a three-dimensional comet model, which may continue to move in the solar system background according to a set motion orbit.

[0036] Specifically, a three-dimensional solar system model can be created based on Three.js technology. Three.js is a third-party library written in JavaScript that can run on a browser and can greatly improve the efficiency of three-dimensional development.

[0037] Optionally, build a 3D solar system model, which may include:

[0038] Initialize the three-dimensional scene and camera, set the viewing angle, near section and far section of the camera, and establish point light source and ambient light;

[0039] Loading a three-dimensional model and performing texture mapping on the three-dimensional model to establish a three-dimensional planet model;

[0040] According to the actual distance between the stars and the planets in the solar system, the initial position of each of the three-dimensional planetary models relative to the three-dimensional star model is set, and a three-dimensional animation of each of the three-dimensional planetary models revolving around the three-dimensional star model is generated.

[0041] In a specific example, first, you can prepare a canvas, the background of the canvas can be set to the Milky Way, and you can add a 3D scene, which is the 3D space that needs to be rendered, and then you can add a camera and lighting to the 3D scene. The lighting can include point light sources and ambient light. For example, the camera viewing angle can be set to 75 degrees, the camera's near cross section can be set to 0.1 units, the far cross section can be set to 1000 units, the background light can be set to newTHREE.AmbientLight(0x404040,1.0), and a point light source can be used to simulate sunlight energy and set to newTHREE.PointLight(0xffffff,6,90,2). The initial coordinates of the point light source can be set to (0,0,0).

[0042] Then, you can load the 3D models used to represent the sun, planets, and comets, and apply texture mapping to each 3D model to build each 3D planet model. Finally, you can do planet layout and animation design. Specifically, you can set the initial position of each 3D planet model relative to the 3D star model based on the actual distance ratio between the sun and the eight planets. Secondly, you can use the Object3D.rotation property of Three.js to realize the revolution animation of the 3D planet model or 3D comet model around the 3D star model. At the same time, you can create an animation loop function to calculate the rotation angle according to time and update the rotation.y value of the 3D planet model or 3D comet model.

[0043] Optionally, browser-based operation instructions can be as follows Figure 2 As shown, before the competition officially starts, the operation and maintenance personnel can enter the administrator account and password in the browser to log in to the Industrial Internet Security Skills Competition System, create a skills competition to be held, and set the basic information of the competition, including the maximum number of teams (participating teams), the time of the competition, and set the competition announcement, competition rules, competition guidelines, organization, and WriteUp (question solution) submission instructions. Then, the operation and maintenance personnel can import the competition team and set the basic information such as the team name, logo, unit name, team captain, team members, team number, contact number, etc.

[0044] Furthermore, operation and maintenance personnel can import competition questions, which are divided into two types: penetration problem-solving and capture-the-flag problem-solving. They can also set the industry classification to which the competition questions belong, including rail transit, Internet of Things, electricity, water conservancy, etc. At the same time, they can arrange network scenario planning diagrams, which can include switches, routers, gateways, virtual machine nodes, external network nodes, and operating target machines, etc. They can also pre-install industrial software, operating systems, network applications, etc. with known vulnerabilities on the virtual machine nodes, and finally set the answers to the questions.

[0045] After the start time of the competition, contestants can log in to the system, first check the basic information such as the competition rules and competition announcements, then enter the competition and select a question to start solving. The answering process mainly includes familiarization with the network environment and information acquisition, preliminary attacks and vulnerability exploitation, privilege escalation and intranet penetration, achieving goals and submitting answers, and completing the writing of the disintegration report. During the competition, situational awareness of the planetary motion simulation competition based on the three-dimensional solar system model can be obtained. Situational awareness can include situational awareness based on the answer status of each question, situational awareness based on the team score, and situational awareness of the operation log. After the competition, the operation and maintenance personnel can confirm and publish the competition results and rankings of each team.

[0046] S120. During the competition, the answer progress data corresponding to each competition question is collected in real time, and in response to the display operation of the answer progress, an association relationship between the three-dimensional planet model and the competition question is established.

[0047] The answer progress data may include the answer scores, answer speeds, etc. of different participating teams for each competition question. In this embodiment, a server interface may be pre-designed to collect and store the answer progress data corresponding to each competition question in real time, and the browser front end may obtain the answer progress data from the background server interface through a network socket real-time communication method.

[0048] When it is necessary to check the progress of answering questions, the browser can configure the associated competition questions for each three-dimensional planet model to establish an association relationship between the three-dimensional planet model and the competition questions. For example, the associated competition questions can be randomly assigned to each three-dimensional planet model.

[0049] Optionally, establishing the association relationship between the three-dimensional planet model and the competition topic may include:

[0050] Based on the rule that the three-dimensional star model corresponds to the competition question with the highest score, and the rule that the score of each three-dimensional planet model corresponding to the competition question is inversely proportional to the distance from the three-dimensional star model, an association relationship is established between the three-dimensional planet model and the competition question.

[0051] In a specific example, the three-dimensional star model can be assigned the highest-scoring contest topic. In addition, the closer the three-dimensional planet model is to the three-dimensional star model, the higher-scoring contest topics are assigned to it, while the farther the three-dimensional planet model is from the three-dimensional star model, the lower-scoring contest topics are assigned to it, thereby configuring associated contest topics for each three-dimensional planet model. For example, the three-dimensional sun model corresponds to the ultimate challenge in the contest topic, and the other contest topics are arranged in descending order of score, and are associated with the three-dimensional Mercury model, the three-dimensional Venus model, the three-dimensional Earth model, the three-dimensional Mars model, the three-dimensional Jupiter model, the three-dimensional Saturn model, the three-dimensional Uranus model, and the three-dimensional Neptune model. When there are more than 9 contest topics, the remaining contest topics can be associated with the three-dimensional comet model.

[0052] S130. Based on the correlation between the three-dimensional planet model and the competition questions, the solution progress data corresponding to each competition question is simulated and displayed through the movement of the planets in the three-dimensional solar system model.

[0053] In this embodiment, situational awareness of the progress of solving competition questions can be achieved based on the planetary motion simulation of the three-dimensional solar system model. Specifically, according to the association between the three-dimensional planet model and the competition question, the content of the competition question associated with it can be rendered and displayed in the middle of each three-dimensional planet model, and the question color is the planet color. At the same time, the solution progress data corresponding to the associated competition question can be rendered and displayed at the set position of the three-dimensional planet model. For example, the logos and names of the top three participating teams of the associated competition question can be displayed at the top of the three-dimensional planet model. Among them, each three-dimensional planet model remains stationary in the three-dimensional scene or moves at a constant speed on the corresponding track according to the pre-set animation design.

[0054] The technical solution of the embodiment of the present invention is to establish a three-dimensional solar system model, which includes multiple three-dimensional planet models; collect the answer progress data corresponding to each competition question in real time during the competition, and establish the association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress; according to the association relationship between the three-dimensional planet model and the competition question, the answer progress data corresponding to each competition question is simulated and displayed through the planetary movement of the three-dimensional solar system model; by using the planetary movement of the network three-dimensional solar system model to simulate the situation awareness of the competition, the three-dimensional and spatial effects of the competition situation display can be improved, the attention of judges and audiences can be better attracted, the judges can be given a more novel visual experience, and the display information density can be improved.

[0055] In an optional implementation of this embodiment, according to the association between the three-dimensional planet model and the competition question, simulating and displaying the answer progress data corresponding to each of the competition questions through the planetary motion of the three-dimensional solar system model may include:

[0056] According to the answer progress data corresponding to each of the competition questions, the matching ranking of each participating team corresponding to each of the competition questions is obtained;

[0057] According to the ranking of the matching problems of the participating teams corresponding to the competition problems, at least one target team corresponding to each competition problem is determined in descending order of ranking;

[0058] According to the correlation between the three-dimensional planet model and the competition topic, and at least one target team corresponding to each competition topic, the target teams corresponding to each three-dimensional planet model are obtained, and the problem-solving rankings matching each target team are updated and displayed at the set positions of each three-dimensional planet model.

[0059] In this embodiment, the scores of different participating teams for each competition question can be determined according to the answer progress data corresponding to each competition question, and the matching ranking of the participating teams for each competition question can be obtained in order of scores from high to low; for example, for competition question 1, the score of participating team A is 10, the score of participating team B is 20, and the score of participating team C is 30, then for competition question 1, participating team C is the first place, participating team B is the second place, and participating team A is the third place. Optionally, if there are multiple participating teams with the same score for a certain competition question, the matching ranking of the participating teams can be determined in order of problem solving speed from fast to slow. For example, for competition question 1, the score of participating team A is 10, the score of participating team B is 20, and the score of participating team C is also 20, but the problem solving speed of participating team B is faster than that of participating team C, then participating team B is the first place, participating team C is the second place, and participating team A is the third place.

[0060] Then, for each competition topic, several top-ranked participating teams can be screened as target teams. For example, the top three participating teams can be determined as target teams. After determining the target team corresponding to each competition topic, based on the association between the three-dimensional planet model and the competition topic, the target team corresponding to each three-dimensional planet model and the corresponding problem-solving ranking of the target team can be determined; then, the logo, name, and problem-solving ranking of each target team can be rendered and displayed at the set positions such as the top and bottom of each three-dimensional planet model. It is understandable that if relevant information is already displayed, the current latest information can be used to update the existing information. In addition, according to the answer progress data, if it is determined that all participating teams have not completed a certain competition topic, a default gray logo can be displayed at the three-dimensional planet model associated with the competition topic to indicate that no participating team has solved the competition topic yet.

[0061] In a specific example, the situation effect of solving the problem of planetary motion simulation competition based on the three-dimensional solar system model can be as follows: Figure 3 As shown, only the three-dimensional planet models corresponding to the sun and the eight planets are drawn. Specifically, the content of the associated competition topic can be displayed in the middle of each three-dimensional planet model, and the background color of the competition topic can be set to the color of the three-dimensional planet model. Secondly, the latest multiple (for example, 10, etc.) operation logs of the associated competition topic can be displayed in the lower right corner of each three-dimensional planet model, and the three-dimensional display panel of the operation log can keep a constant speed with the three-dimensional planet model and always face the user.

[0062] In another optional implementation of this embodiment, the technical solution of this embodiment may further include: generating a three-dimensional label corresponding to each motion track of the three-dimensional solar system model, wherein the three-dimensional label corresponds to the score range one by one;

[0063] In response to the display operation of the competition score, the scores of the participating teams are obtained according to the answer progress data corresponding to the competition questions, and the movement tracks corresponding to the participating teams are determined according to the scores of the participating teams and the score ranges corresponding to the movement tracks;

[0064] An association relationship between the three-dimensional planet model and the participating team is established, and the three-dimensional planet model associated with the corresponding participating team is simulated and displayed on each of the motion tracks.

[0065] The score range may be a pre-divided score interval. For example, assuming the total score of the competition is 100 points, the total score may be divided into 8 score ranges, namely, 90-100 points, 80-90 points, 70-80 points, 60-70 points, 50-60 points, 40-50 points, 20-40 points, and 0-20 points. The score range of 80-90 indicates that the score is greater than or equal to 80 points and less than 90 points.

[0066] In this embodiment, the situational awareness of the scores of the participating teams can also be simulated based on the planetary motion of the three-dimensional solar system model. In a specific example, the situational effect of simulating the scores of each participating team through the planetary motion of the three-dimensional solar system model can be as follows: Figure 4 As shown, eight motion orbits can be set in the three-dimensional solar system model. A three-dimensional label is placed in the middle of each motion orbit. The three-dimensional label does not move with the motion orbit, and the corresponding score range is displayed on the three-dimensional label.

[0067] Among them, the three-dimensional planet models associated with the participating teams belonging to the same score range move on the same motion track. For example, the participating team E scored 65 points and the participating team F scored 60 points, both of which belong to the score range of 60-70 points. Moreover, the three-dimensional planet models are evenly distributed on the same motion track. Assuming there are only two participating teams, the motion track is divided into two equal parts and the three-dimensional planet models are placed. Assuming there are three participating teams, the motion track is divided into three equal parts and the three-dimensional planet models are placed, and so on.

[0068] Typically, when displaying the scores of a competition, the sphere sizes of the three-dimensional planet models can be kept consistent. Secondly, inside the three-dimensional planet model, the names of the participating teams are displayed at the top and the scores are displayed at the bottom. It should be noted that, in general, there are a large number of participating teams (usually greater than 100), and only the motion track can be reused here without reusing the three-dimensional planet model. Multiple three-dimensional planet models of the same size can be run in a single motion track.

[0069] In this embodiment, situational awareness of the scores of participating teams can be realized based on the Three.js technology by simulating the planetary motion of the three-dimensional solar system model. Specifically, first, the Three.js scene, camera, and renderer can be initialized, and point light sources and ambient lights can be created to illuminate the scene. Among them, it is necessary to ensure that the camera angle of view can cover the entire solar system orbit area and set a suitable rendering size. Then, the planetary orbit can be created. For example, 8 circular orbits with different radii can be set according to the score range, and THREE.CircleGeometry and THREE.MeshBasicMaterial can be used to create a translucent ring as a motion orbit. The motion orbit revolves around the center point of the sun and is arranged from the inside to the outside according to the score range.

[0070] After that, you can create a 3D label corresponding to the score range. For example, you can create a fixed 3D label in the middle of each motion track to display the score range corresponding to the motion track. Specifically, you can use THREE.TextGeometry and THREE.MeshBasicMaterial to create text labels and add them to the appropriate locations in the scene. Furthermore, you can create 3D planet models corresponding to the participating teams. For example, for each participating team, you can assign it to different motion tracks according to its score information. Specifically, you can use THREE.SphereGeometry and THREE.Mesh StandardMaterial to create a 3D planet model, and use THREE.Sprite to display the name and score information of the participating team. The sphere size of the 3D planet model remains consistent and is evenly distributed along the motion track.

[0071] In another optional implementation of this embodiment, the technical solution of this embodiment may further include: collecting team logs corresponding to each participating team in real time during the competition, and storing the team logs in a non-relational database on the server side;

[0072] In response to the display operation of the team log, a new block-level element is created in the front-end page, and based on the pre-established network socket connection between the server and the front-end, the latest team log of each participating team is obtained from the non-relational database;

[0073] The latest team log of each participating team is added to the block-level element for updating and display.

[0074] In this embodiment, while displaying the progress of solving the planetary motion simulation competition questions or the scoring situation of the participating teams based on the three-dimensional solar system model, the situation awareness of the operation log can also be simulated. For example, when simulating the progress of solving the competition questions, the latest operation log can be displayed in the lower right corner of each competition question. For another example, when simulating the scoring situation of the participating teams, the scoring log of each participating team can be displayed below the three-dimensional solar system model. In order to improve the display performance, only whether the result of the question answering is successful and the score of the competition question can be displayed here, without displaying the detailed operation log.

[0075] When displaying the log, a block-level (div) element can be created in the front-end browser page to display the specific log content. During the log display process, JavaScript can be used to dynamically update the content of the element based on real-time competition process data, and the block-level element can be fixed at a set position on the browser page through CSS positioning.

[0076] In a specific example, the high-performance log push process can be as follows Figure 5 As shown. First, during the front-end initialization phase, you can establish a WebSocket (network socket) connection between the front-end and the server (back-end server) to listen to and process data push from the server. After that, you can deploy a server that supports the WebSocket protocol to receive connection requests from the front-end, maintain a long connection, and push data. The server integrates a non-relational database (for example, Redis components, etc.) to temporarily store the most recently generated operation logs and score logs.

[0077] Furthermore, operation logs and score logs can be collected and stored. Specifically, after the logs of each operation, each answer submission, and each score change during the competition are generated on the server, they are immediately written to Redis and stored in categories according to the competition topic and the participating teams. For each competition topic, only the latest 10 operation logs are cached, and for each participating team, its answer progress and cumulative scores are cached. Then, a scheduled task is set on the server (such as once every 10 seconds). When triggered, the latest 10 operation logs of each competition topic and the answers and scores of all participating teams are read from Redis, and these data are integrated into a message body in JSON format. Before pushing data, the server can use the CJSON plug-in to compress the data to reduce network transmission. Subsequently, the compressed data can be broadcast to all connected front-end clients through the established WebSocket connection.

[0078] Finally, the front-end browser can decompress the received compressed JSON data, and dynamically update the locally stored operation logs and status information of the participating teams based on the decompressed data. It can also update the operation log panel below the competition questions, and refresh the answering progress, score logs and rankings of each participating team.

[0079] Compared with the existing technology, the technical solution of the embodiment of the present invention innovatively constructs a method for simulating the situation of the industrial Internet security skills competition based on the network three-dimensional solar system planetary movement. It cleverly draws on the laws of planetary movement in the solar system and the dynamic characteristics of the answering activities of the participating teams in the competition, realizes the three-dimensional and dynamic simulation of the competition situation, and significantly improves the visual impact and interactive experience of the situation display.

[0080] Secondly, relying on the three-dimensional network development library Three.js, the multi-body dynamics model of the solar system was successfully integrated into the display of the competition situation, breaking through the limitations of traditional two-dimensional display methods such as Echarts charts and tables. It not only gave the judges and the audience a more vivid and intuitive viewing experience, but also through the symbolic simulation of planetary movement, it accurately and artistically displayed the flow and evolution of key information such as the answering progress and operation logs of each participating team between different questions, greatly enhancing the depth and breadth of situation awareness.

[0081] Moreover, the present invention also uses network three-dimensional technology to delicately depict the score accumulation and ranking changes of each participating team in the competition, and intuitively maps their competitive situation with elements such as the relative position and trajectory of the planets, so that complex competitive data is converted into an easy-to-understand visual language, which is convenient for judges to quickly grasp the overall competition pattern and the scoring status of each team.

[0082] In addition, the present invention also introduces server-side caching technology and JSON data compression strategy. By caching data on the server and periodically updating key competition data, the heavy burden on the front-end browser caused by frequent real-time data push is avoided, and the browser freeze phenomenon is effectively avoided. At the same time, the transmitted JSON data is compressed, which reduces the network transmission volume, further improves the data exchange efficiency, and ensures the real-time and smooth presentation of the competition situation.

[0083] Embodiment 2

[0084] Figure 6 This is a schematic diagram of the structure of a competition situation display device provided in the second embodiment of the present invention. Figure 6 As shown, the device includes: a model building module 210, a data acquisition module 220 and a data display module 230; wherein,

[0085] A model building module 210 is used to build a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models;

[0086] The data collection module 220 is used to collect the answer progress data corresponding to each competition question in real time during the competition, and establish the association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress;

[0087] The data display module 230 is used to simulate and display the answer progress data corresponding to each of the competition questions through the movement of the planets in the three-dimensional solar system model according to the correlation between the three-dimensional planet model and the competition questions.

[0088] The technical solution of the embodiment of the present invention is to establish a three-dimensional solar system model, which includes multiple three-dimensional planet models; collect the answer progress data corresponding to each competition question in real time during the competition, and establish the association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress; according to the association relationship between the three-dimensional planet model and the competition question, the answer progress data corresponding to each competition question is simulated and displayed through the planetary movement of the three-dimensional solar system model; by using the planetary movement of the network three-dimensional solar system model to simulate the situation awareness of the competition, the three-dimensional and spatial effects of the competition situation display can be improved, the attention of judges and audiences can be better attracted, the judges can be given a more novel visual experience, and the display information density can be improved.

[0089] Optionally, the three-dimensional planet model includes a three-dimensional star model and a three-dimensional planet model, the three-dimensional star model remains stationary in the three-dimensional view, and each of the three-dimensional planet models continues to move at a uniform speed around the three-dimensional star model based on a set elliptical orbit.

[0090] Optionally, a model building module 210 is specifically used to initialize the three-dimensional scene and the camera, set the viewing angle, near section and far section of the camera, and establish a point light source and ambient light;

[0091] Loading a three-dimensional model and performing texture mapping on the three-dimensional model to establish a three-dimensional planet model;

[0092] According to the actual distance between the stars and the planets in the solar system, the initial position of each of the three-dimensional planetary models relative to the three-dimensional star model is set, and a three-dimensional animation of each of the three-dimensional planetary models revolving around the three-dimensional star model is generated.

[0093] Optionally, the data acquisition module 220 is specifically used to establish an association relationship between the three-dimensional planet model and the competition topic based on the rule that the three-dimensional star model corresponds to the competition topic with the highest score, and the rule that the score of each three-dimensional planet model corresponding to the competition topic is inversely proportional to the distance from the three-dimensional star model.

[0094] Optionally, a data display module 230 is specifically used to obtain the ranking of the matching solutions of each participating team corresponding to each competition question according to the solution progress data corresponding to each competition question;

[0095] According to the ranking of the matching problems of the participating teams corresponding to the competition problems, at least one target team corresponding to each competition problem is determined in descending order of ranking;

[0096] According to the correlation between the three-dimensional planet model and the competition topic, and at least one target team corresponding to each competition topic, the target teams corresponding to each three-dimensional planet model are obtained, and the problem-solving rankings matching each target team are updated and displayed at the set positions of each three-dimensional planet model.

[0097] Optional, competition situation display device, also includes:

[0098] A label generation module, used to generate a three-dimensional label corresponding to each motion orbit of the three-dimensional solar system model, wherein the three-dimensional label corresponds to the score range one by one;

[0099] A motion track determination module, for obtaining the scores of each participating team according to the answer progress data corresponding to each of the competition questions in response to the display operation of the competition score, and determining the motion track corresponding to each of the participating teams according to the scores of each of the participating teams and the score range corresponding to each of the motion tracks;

[0100] The model display module is used to establish an association relationship between the three-dimensional planet model and the participating team, and simulate and display the three-dimensional planet model associated with the corresponding participating team on each of the motion tracks.

[0101] Optional, competition situation display device, also includes:

[0102] A log storage module is used to collect the team logs corresponding to each participating team in real time during the competition, and store the team logs in a non-relational database on the server side;

[0103] A log acquisition module, for creating a new block-level element in the front-end page in response to a display operation on the team log, and acquiring the latest team log of each participating team from the non-relational database based on a pre-established network socket connection between the server and the front-end;

[0104] The log display module is used to add the latest team log of each participating team to the block-level element for updating and displaying.

[0105] The competition situation display device provided in the embodiment of the present invention can execute the competition situation display method provided in any embodiment of the present invention, and has the corresponding functional modules and beneficial effects of the execution method.

[0106] In the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved are in compliance with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0107] Embodiment 3

[0108] Figure 7 A schematic diagram of the structure of an electronic device 30 that can be used to implement an embodiment of the present invention is shown. The electronic device 30 is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device 30 can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices (such as helmets, glasses, watches, etc.) and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present invention described and / or required herein.

[0109] like Figure 7 As shown, the electronic device 30 includes at least one processor 31, and a memory connected to the at least one processor 31, such as a read-only memory (ROM) 32, a random access memory (RAM) 33, etc., wherein the memory stores a computer program that can be executed by at least one processor, and the processor 31 can perform various appropriate actions and processes according to the computer program stored in the read-only memory 32 or the computer program loaded from the storage unit 38 to the random access memory 33. In the RAM 33, various programs and data required for the operation of the electronic device 30 can also be stored. The processor 31, the ROM 32 and the RAM 33 are connected to each other through a bus 34. The input / output (I / O) interface 35 is also connected to the bus 34.

[0110] A number of components in the electronic device 30 are connected to the I / O interface 35, including: an input unit 36, such as a keyboard, a mouse, etc.; an output unit 37, such as various types of displays, speakers, etc.; a storage unit 38, such as a disk, an optical disk, etc.; and a communication unit 39, such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 39 allows the electronic device 30 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0111] The processor 31 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the processor 31 include, but are not limited to, a central processing unit, a graphics processing unit, various special artificial intelligence computing chips, various processors running machine learning model algorithms, digital signal processors, and any appropriate processors, controllers, microcontrollers, etc. The processor 31 executes the various methods and processes described above, such as the situation display method of the competition.

[0112] In some embodiments, the situation display method of the competition can be implemented as a computer program, which is tangibly contained in a computer-readable storage medium, such as a storage unit 38. In some embodiments, part or all of the computer program can be loaded and / or installed on the electronic device 30 via the ROM 32 and / or the communication unit 39. When the computer program is loaded into the RAM 33 and executed by the processor 31, one or more steps of the situation display method of the competition described above can be performed. Alternatively, in other embodiments, the processor 31 can be configured to execute the situation display method of the competition in any other appropriate manner (for example, by means of firmware).

[0113] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays, application specific integrated circuits, application specific standard products, systems on a chip, load programmable logic devices, computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0114] Computer programs for implementing the methods of the present invention may be written in any combination of one or more programming languages. These computer programs may be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that when the computer program is executed by the processor, the functions / operations specified in the flow chart and / or block diagram are implemented. The computer program may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0115] In the context of the present invention, a computer-readable storage medium may be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, device, or equipment. A computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or equipment, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium may be a machine-readable signal medium. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory, a read-only memory, an erasable programmable read-only memory, an optical fiber, a portable compact disk read-only memory, an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0116] To provide interaction with a user, the systems and techniques described herein may be implemented on an electronic device 30 having: a display device (e.g., a cathode ray tube or a liquid crystal display) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or a trackball) through which the user can provide input to the electronic device 30. Other types of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0117] The systems and techniques described herein may be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system may be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local area networks, wide area networks, blockchain networks, and the Internet.

[0118] A computing system may include clients and servers. Clients and servers are generally remote from each other and typically interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship to each other. The server may be a cloud server.

[0119] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in the present invention can be executed in parallel, sequentially or in different orders, as long as the desired results of the technical solution of the present invention can be achieved, and this document does not limit this.

[0120] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions can be made according to design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.

Claims

1. A method for displaying competition situation, characterized in that: include: Establishing a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models; During the competition, the answer progress data corresponding to each competition question is collected in real time, and in response to the display operation of the answer progress, an association relationship between the three-dimensional planet model and the competition question is established; According to the correlation between the three-dimensional planet model and the competition questions, the answer progress data corresponding to each of the competition questions is simulated and displayed through the planetary motion of the three-dimensional solar system model; The three-dimensional planet model includes a three-dimensional star model and a three-dimensional planet model, the three-dimensional star model remains stationary in the three-dimensional view, and each of the three-dimensional planet models continuously moves at a uniform speed around the three-dimensional star model based on a set elliptical orbit; The step of establishing the association between the three-dimensional planet model and the competition topic includes: Based on the rule that the three-dimensional star model corresponds to the competition question with the highest score, and the rule that the score of each three-dimensional planet model corresponding to the competition question is inversely proportional to the distance from the three-dimensional star model, an association relationship is established between the three-dimensional planet model and the competition question.

2. The method according to claim 1, characterized in that Build a 3D solar system model, including: Initialize the three-dimensional scene and camera, set the viewing angle, near section and far section of the camera, and establish point light source and ambient light; Loading a three-dimensional model and performing texture mapping on the three-dimensional model to establish a three-dimensional planet model; According to the actual distance between the stars and the planets in the solar system, the initial position of each of the three-dimensional planetary models relative to the three-dimensional star model is set, and a three-dimensional animation of each of the three-dimensional planetary models revolving around the three-dimensional star model is generated.

3. The method according to claim 1, characterized in that According to the correlation between the three-dimensional planet model and the competition topic, the solution progress data corresponding to each competition topic is simulated and displayed through the planetary motion of the three-dimensional solar system model, including: According to the answer progress data corresponding to each of the competition questions, the matching ranking of each participating team corresponding to each of the competition questions is obtained; According to the ranking of the matching problems of the participating teams corresponding to the competition problems, at least one target team corresponding to each competition problem is determined in descending order of ranking; According to the correlation between the three-dimensional planet model and the competition topic, and at least one target team corresponding to each competition topic, the target teams corresponding to each three-dimensional planet model are obtained, and the problem-solving rankings matching each target team are updated and displayed at the set positions of each three-dimensional planet model.

4. The method according to claim 1, characterized in that: Also includes: Generate a three-dimensional label corresponding to each motion orbit of the three-dimensional solar system model, wherein the three-dimensional label corresponds to the score range one by one; In response to the display operation of the competition score, the scores of the participating teams are obtained according to the answer progress data corresponding to the competition questions, and the movement tracks corresponding to the participating teams are determined according to the scores of the participating teams and the score ranges corresponding to the movement tracks; An association relationship between the three-dimensional planet model and the participating team is established, and the three-dimensional planet model associated with the corresponding participating team is simulated and displayed on each of the motion tracks.

5. The method according to claim 1, characterized in that: Also includes: During the competition, the team logs corresponding to each participating team are collected in real time, and the team logs are stored in a non-relational database on the server side; In response to the display operation of the team log, a new block-level element is created in the front-end page, and based on the pre-established network socket connection between the server and the front-end, the latest team log of each participating team is obtained from the non-relational database; The latest team log of each participating team is added to the block-level element for updating and display.

6. A competition situation display device, characterized in that: include: A model building module, used to build a three-dimensional solar system model, wherein the three-dimensional solar system model includes a plurality of three-dimensional planet models; wherein the three-dimensional planet models include a three-dimensional star model and a three-dimensional planet model, wherein the three-dimensional star model remains stationary in the three-dimensional view, and each of the three-dimensional planet models continuously moves at a uniform speed around the three-dimensional star model based on a set elliptical orbit; A data collection module, used to collect the answer progress data corresponding to each competition question in real time during the competition, and establish an association relationship between the three-dimensional planet model and the competition question in response to the display operation of the answer progress; A data display module, for simulating and displaying the answer progress data corresponding to each of the competition questions through the movement of the planets in the three-dimensional solar system model according to the correlation between the three-dimensional planet model and the competition questions; Wherein, the data acquisition module includes: An association relationship building unit is used to establish an association relationship between the three-dimensional planet model and the competition topic based on the rule that the three-dimensional star model corresponds to the competition topic with the highest score, and the rule that the score of each three-dimensional planet model corresponding to the competition topic is inversely proportional to the distance from the three-dimensional star model.

7. An electronic device, characterized in that: The electronic device comprises: at least one processor, and a memory communicatively connected to the at least one processor; wherein, The memory stores a computer program executable by the at least one processor, and the computer program is executed by the at least one processor so that the at least one processor can execute the competition situation display method described in any one of claims 1-5.

8. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, and the computer program is used to enable a processor to implement the competition situation display method described in any one of claims 1-5 when executed.

Images