A web-based three-dimensional virtual courseware modular configuration generation method

Abstract

The application discloses a Web-based three-dimensional virtual courseware modular configuration generation method, and belongs to the field of virtual reality. In view of the problems that most of the existing three-dimensional virtual courseware for education is time-consuming in production and maintenance, the three-dimensional scene effect is not fine enough, the interactive operation of the courseware is too rigid, and the operation data collection system is not perfect enough, in the application, different three-dimensional virtual courseware is stored into smaller configuration files by using a Json storage format, corresponding components in a component library can be called through a specific analysis program, a three-dimensional special scene with complex dynamic effects can be generated on a Web page, a relatively suitable interactive mode can be provided according to different scenes, and when the courseware is produced by using the configuration scheme, only corresponding configuration files need to be constructed. The technical scheme of the application is a configuration scheme which can realize a relatively complex and fine virtual three-dimensional scene, has rich interactive operation modes and complete data collection capacity.

Description

Technical Field

[0001] This invention relates to a method for generating modular configurations of web-based 3D virtual courseware, belonging to the field of virtual reality. Background Technology

[0002] In recent years, virtual reality (VR) technology has developed rapidly, and the integration of education with VR is an inevitable product of current technological trends. Compared with traditional education methods, VR education has advantages such as enhancing learning interest, improving learning efficiency, reducing teaching costs, and reducing safety risks. Furthermore, the unique nature of VR technology allows students to experience scenarios that are impossible in real life, which is of great significance for some specialized educational fields.

[0003] The modular configuration and generation method of web-based 3D virtual courseware is a research branch of VR education. Educational 3D virtual courseware is a more intuitive, flexible, and attractive form of educational presentation. Through the lighting and dynamic effects of 3D scenes, students can intuitively experience phenomena contained in macroscopic or microscopic scenes. Interactive operations within the scene help attract students' attention and enhance their understanding and memory of knowledge points. However, current educational 3D virtual courseware products still have some shortcomings, such as time-consuming production and maintenance, insufficient refinement of production effects due to performance limitations, overly rigid operation, and an inadequate data collection and evaluation system. Summary of the Invention

[0004] To address the problems existing in the prior art, this application proposes a Web-based modular configuration generation method for 3D virtual courseware, which can realize relatively complex and detailed virtual 3D scenes on the Web, and has rich interactive operation methods and complete data acquisition capabilities.

[0005] To solve the above-mentioned technical problems, the technical solution adopted by the present invention is a Web-based modular configuration generation method for three-dimensional virtual courseware, comprising the following steps: 1) Generate the required courseware configuration file; 2) Configuration file parsing and processing; 3) Generate and output educational 3D courseware; In step 1), input the courseware configuration information, and obtain and label the courseware control items and content represented by each configuration parameter in the configuration information; Step 2) specifically includes parsing the algorithm to read the configuration information file stream and confirm the basic information of each module of the configuration component; The parsing algorithm then retrieves the corresponding category of functional processing components from the component library based on the configuration information of each block. The parsing program reads the 3D scene rendering data and operation interaction configuration data from the configuration information and assigns them to the corresponding functional components; The parser reads the configuration of the operation data structure and generates a data acquisition thread.

[0006] In the optimized, web-based modular configuration generation method for 3D virtual courseware, step 1) is as follows: The configuration file is generated and formatted using JSON, the web-based transmission format. All attribute information of the experimental courseware is labeled in the form of key-value pairs. The attribute information described in the configuration includes the courseware display type, directory structure and content, lighting information, topic model information, motion effect texture settings, task settings, and interactive operation settings.

[0007] In the optimized Web-based modular configuration generation method for 3D virtual courseware, in step 2), for the input configuration file, the parsing algorithm first reads the file stream into memory, and then the parsing module obtains the 3D scene configuration information, interactive operation configuration, and operation data acquisition configuration from the configuration information. Based on the specified component type in the configuration information, the parsing module calls the corresponding component in the component library and assigns the rendering data in the configuration information to the corresponding component; The 3D scene rendering component will prioritize scene rendering and loading based on the configuration of 3D thematic model information, texture effects information, lighting information, entrance animation, etc. Once the scene resources are loaded, the interactive operation components will be initialized according to the interactive configuration information; The data acquisition thread will initialize the data acquisition storage space and start data acquisition listening. At this point, the parsing module has completed the parsing and processing of all configuration items, and the display screen will output the content of the educational 3D virtual courseware.

[0008] In the optimized Web-based modular configuration generation method for 3D virtual courseware, step 2) defines the following attribute information when configuring courseware content: "viewMode", "viewTabToolBar", "viewTabInfo", "guideMenu", "modelInfo", "tweenAnim", "lights", "stepGuide", "modelLabels", "cssLabels", "stepOperation", "materialSetting", "materialParam", "models", "animControllerAction", "splitCSSLabel", "showLabelMatch", "modelMeshMatch", "modelMeshZoom", "meshLabelMatch", "modelMeshSelect", "showCSSLabels", and "showModelLabels". This defined attribute information describes the 3D scene information, interactive operation information, and operation data collection information of the educational 3D virtual courseware.

[0009] In the optimized modular configuration generation method for the above-mentioned Web-based 3D virtual courseware, step 2) defines courseware with different categories of visual interfaces. In the "viewMode" attribute, the three category attributes "Guide", "Model", and "Operation" are selected and configured. The three category attributes "Guide", "Model", and "Operation" correspond to the three categories of visual interfaces: "guided", "browsing", and "operational", respectively. The "viewMode" attribute is extensible and can be configured according to the content requirements of different forms of educational courseware.

[0010] In the optimized Web-based modular configuration generation method for 3D virtual courseware, step 2) defines the scene loading animation. When defining the scene loading animation, select the attribute configuration items provided by the "tweenAnim" property. By adjusting the parameters of the selected attribute configuration items, the scene animation can be loaded. The selected "tweenAnim" property provides the following configuration options: "startScale", "endScale", "startPosition", "endPosition", "startRotation", and "endRotation". "startScale" is the initial scaling parameter, "endScale" is the target scaling parameter, "startPosition" is the initial position parameter, "endPosition" is the target position parameter, "startRotation" is the initial rotation parameter, and "endRotation" is the target rotation parameter.

[0011] In the optimized Web-based modular configuration generation method for 3D virtual courseware, step 2) defines an arbitrary number of 3D models for scene rendering, and configures one or more micro and macro educational 3D model information in the "models" attribute. In step 2), define the 3D scene effects; add one or more light sources such as parallel light, ambient light, and hemispherical light in the "lights" property to enhance the rendering quality of the scene; in the "materialSetting" property, specify the texture effect of the model mesh according to the model's "id" property configuration.

[0012] In the optimized modular configuration generation method for the above-mentioned Web-based 3D virtual courseware, in step 2), when defining multiple interactive operation methods, the different interactive operation information recorded in the "stepOperation" property under different operation types is configured; the different interactive operation information recorded in the "stepOperation" property under different operation types includes the scene processing method represented by the "modelMeshZoom" property when the user double-clicks the mouse, the scene processing method represented by the "meshLabelMatch" property when the user drags, the scene processing method represented by the "showCSSLabels" property when the user clicks, and the scene processing method represented by the "modelMeshMatch" property when the user drags.

[0013] In the optimized Web-based modular configuration generation method for 3D virtual courseware, step 2) defines the courseware completion progress and saves error data. Define different directory contents of the courseware using the "viewTabInfo" attribute; The "stepGuide" attribute defines the task information under a certain directory of the courseware; the "stepGuide" attribute and its corresponding structure store the user's task completion progress and operation error information. The completion progress of the entire courseware catalog will be stored in the corresponding structure of the "viewTabInfo" attribute, and the collected operation information will be used to evaluate the user's learning progress and knowledge mastery.

[0014] The beneficial effects of this application are as follows: The technical solution of this application is based on a parameter configuration file. It parses and restores the 3D scene, interactive operation and data acquisition and processing described in the configuration file. It is a configuration scheme that can realize a relatively complex and detailed virtual 3D scene on the Web, with rich interactive operation methods and complete data acquisition capabilities.

[0015] The technical solution of this application can save different 3D virtual courseware into small configuration files using JSON storage format, and can retrieve corresponding components in the component library through a specific parsing program to generate 3D thematic scenes with complex animation effects on the web page. It can provide more suitable interaction methods according to different scenes. When creating courseware using this configuration solution, only the corresponding configuration file needs to be built, without having to build a courseware project from scratch. The component library of this configuration solution can be reused in different courseware, thereby reducing development and maintenance costs. Finally, this configuration solution provides a design for data acquisition and processing threads. The operation data acquisition of different courseware only depends on the data structure of the corresponding courseware, without having to develop separate data acquisition algorithms for different courseware.

[0016] The technical solution of this application extracts the basic feature information of the three-dimensional virtual courseware content, which can be transmitted between networks with a small amount of data, and the configuration file has lightweight characteristics.

[0017] The technical solution of this application designs a complex motion effect configuration parsing scheme, which can use text information to transform a virtual 3D scene with complex texture motion effects, thereby reducing the amount of model resources while improving the rendering effect of courseware.

[0018] The technical solution of this application sets up a variety of different types of interactive processing schemes, which can be transformed into different interactive components by configuring text information, adapting to different thematic 3D scenes, and increasing the fun of interaction.

[0019] The technical solution of this application includes a data acquisition and processing scheme, which records the user's courseware completion progress and user operation error data to analyze the user's learning situation and knowledge mastery. Attached Figure Description

[0020] Figure 1 is a schematic diagram of some parameter configurations of the method of the present invention; Figure 2 This is a schematic diagram illustrating the complex motion effects of the method of the present invention; Figure 3 This is a schematic diagram illustrating the interactive operation of the method of the present invention in a specific scenario; Figure 4 This is a flowchart of this application. Detailed Implementation

[0021] This application provides a web-based method for generating modular configurations of 3D virtual courseware, comprising the following steps: 1) Generate the required courseware configuration file; 2) Configuration file parsing and processing; 3) Generate and output educational 3D courseware.

[0022] The following description, in conjunction with the accompanying drawings and specific embodiments, provides a more detailed explanation of the Web-based modular configuration generation method for three-dimensional virtual courseware.

[0023] Step 1) requires generating the necessary courseware configuration file.

[0024] There are many ways to generate configuration files and their formats. This invention uses JSON, a commonly used transmission format on the Web, to organize the configuration files. As shown in Figure 1, the attribute information of a certain experimental courseware is labeled in the form of key-value pairs. The configuration describes the courseware's display type, directory structure and content, lighting information, topic model information, motion effect texture settings, task settings, and interactive operation settings.

[0025] Step 2), configuration file parsing and processing For the input configuration file, the parsing algorithm first reads the file stream into memory. Then, the parsing module obtains the 3D scene configuration information, interactive operation configuration, and operation data acquisition configuration from the configuration information. According to the specified component type in the configuration information, the parsing module calls the corresponding component in the component library and assigns the rendering data in the configuration information to the corresponding component. The 3D scene rendering component will prioritize scene rendering and loading based on the 3D thematic model information, texture effect information, lighting information, entrance animation, and other configurations. After the scene resources are loaded, the interactive operation component will initialize according to the interactive configuration information. Finally, the operation data acquisition thread will initialize the data acquisition storage space and start data acquisition listening. At this point, the parsing module has completed the parsing and processing of all configuration items.

[0026] Step 3) Generate and output the educational 3D courseware. The display screen will output the content of the educational 3D virtual courseware.

[0027] Finally, attached images show some examples of the courseware. Figure 2 This showcases a 3D themed scene of the sun, featuring dynamic simulations of the sun's surface, which users see when studying the sun's structure. Figure 3 The courseware demonstrates an interactive sliding operation method provided by the user when learning about the influence of latitude on the distribution of solar energy.

[0028] In step 2), the courseware content can be configured, and attributes such as "viewMode", "viewTabToolBar", "viewTabInfo", "guideMenu", "modelInfo", "tweenAnim", "lights", "stepGuide", "modelLabels", "cssLabels", "stepOperation", "materialSetting", "materialParam", "models", "animControllerAction", "splitCSSLabel", "showLabelMatch", "modelMeshMatch", "modelMeshZoom", "meshLabelMatch", "modelMeshSelect", "showCSSLabels", and "showModelLabels" can be defined to describe the 3D scene information, interactive operation information, and operation data collection information of the educational 3D virtual courseware.

[0029] Step 2) You can define courseware with different types of visual interfaces. In the "viewMode" property, you can choose to configure three category properties: "Guide", "Model", and "Operation", which correspond to the three types of visual interfaces: "guided", "browsing", and "operation", respectively. This property is extensible and can be used to meet the needs of different forms of educational courseware content.

[0030] Step 2) allows for the definition of rich scene loading animations. The "tweenAnim" property provides configuration options such as "startScale" (initial scaling parameter), "endScale" (target scaling parameter), "startPosition" (initial position parameter), "endPosition" (target position parameter), "startRotation" (initial rotation parameter), and "endRotation" (target rotation parameter). These parameters can be fine-tuned to achieve rich scene loading animations, adding interest and appeal to the courseware content.

[0031] Step 2) It can define any number of 3D models for scene rendering. One or more micro or macro educational 3D model information can be configured in the "models" property to meet the needs of educational courseware content of varying complexity.

[0032] Step 2) allows you to define more advanced 3D scene effects. In the "lights" property, you can add one or more light sources such as parallel lights, ambient lights, and hemispherical lights to enhance the rendering quality of the scene. In the "materialSetting" property, you can configure advanced texture effects for the specified model's mesh based on the model's "id" property. For example, the "waveTexture" property can add a dynamic effect of rippling water to the model, increasing the intuitiveness and appeal of educational courseware content.

[0033] Step 2) allows defining various interactive operation methods. The "stepOperation" property records different interactive operation information under different operation types. For example, the "modelMeshZoom" property represents the scene processing method when the user double-clicks the mouse, the "meshLabelMatch" property represents the scene processing method when the user drags, the "showCSSLabels" property represents the scene processing method when the user clicks, and the "modelMeshMatch" property represents the scene processing method when the user drags.

[0034] Step 2) It can define the saving of courseware completion progress and error data. The "viewTabInfo" attribute defines the different directory contents of a courseware, and the "stepGuide" attribute defines the task information under a certain directory of the courseware. The user's task completion progress and operation error information will be stored in the structure corresponding to the "stepGuide" attribute. The completion progress of the entire courseware directory will be stored in the corresponding structure of the "viewTabInfo" attribute. The collected operation information will be used to evaluate the user's learning and knowledge mastery.

[0035] Taking the course on understanding solar energy as an example, the configuration parameters are as follows: 1) "viewMode": "Guide", This configuration indicates that the solar energy courseware is a guided courseware.

[0036] 2) "viewTabToolBar": [ { "url": "resource / icons / record-icon.png", "id": "record", "label":"record screen"}, This configuration indicates that the "Screen Recording" button and function should be enabled on the 3D scene UI.

[0037] 3) "viewTabInfo":[ {"label": "Solar Energy Generation","linkModel": "solar1","id": "solar-C1"}, This configuration indicates that there is a section on "Solar Energy Generation" in the directory of the 3D scene UI.

[0038] 4) "guideMenu": { "solar1" : { "stepStart": { "01":{ "content": "Do you know the structure of the sun? How does it generate energy? Let's find out. Please click on the sun's structure icon and annotation 'i' to view the sun's structure and the function of each part." "operation": [ { "text": "Please click on 'Structure of the Sun' and the annotation 'i'", "action": "hideCard" }] }, }, "stepFinished": { "01": { "content": "The Sun's structure consists of a core, radiative zone, troposphere, and atmosphere. Energy is primarily generated in the core, transferred to the troposphere via photon collisions, and then transferred to the atmosphere through large-scale air currents rising and falling. Finally, it reaches Earth through radiation." "operation": [ { "text": "Please click the bottom left corner to proceed to the next step", "action": "hideCard" }] }, }, This configuration indicates that task 01 under "Generation of Solar Energy" will prompt for the content and operation options under stepStart and stepFinished at the start and end of the learning process.

[0039] 5) "modelInfo": { "solar1":{……}} This configuration item is used to configure the model, labels, scene lighting, loading animation and other configuration information required in the "Generation of Solar Energy" chapter of the 3D scene.

[0040] 6) "tweenAnim": { "startScale": [0.06, 0.06, 0.06], "endScale": [0.5, 0.5, 0.5], "startPosition": [0, -1.2, -3.5], "endPosition": [0, 0, 0], "startRotation": [0,0,0], "endRotation": [0,0,0] This configuration item corresponds to "solar1":{……} in 5). This configuration item is for model loading animation, indicating that the model will be adjusted from a scaling ratio of 0.06 to 0.5, and will be gradually moved from the position [0, -1.2, -3.5] to [0, 0, 0] without rotation.

[0041] 7) "lights": [{ "type": "AmbientLight", "color": "#ffffff", "intensity": 0.5 } This configuration item corresponds to "solar1":{……} in section 5). This configuration item is for scene lighting settings, indicating that the scene lighting uses white ambient light, and the brightness is set to 0.5. 8) "stepGuide": [{ "label": "01", "id": "solar-C1S1", "content": { Title: Understanding the Structure of the Sun "taskType": "iLabel", "taskList": [ { "text": "Understanding the Sun's Atmosphere", "linkId": "surface" }, ] }], This configuration item corresponds to "solar1":{……} in 5), which is a task configuration item. It indicates that in task "01" of the chapter "The Generation of Solar Energy", it is necessary to learn about the structure of the sun. The subtask includes "Understanding the solar atmosphere". The task type is the iLabel type label.

[0042] 9) "modelLabels": [{ "id": "surface", "text": "Sun's Atmosphere", "position": [-2.5580,-2.3182,-1.4201], "operation": { "miniWindow": { "position": [-2.5580,-2.3182,-1.4201], "infos": "This layer is the Sun's atmosphere, which includes the corona, chromosphere, and photosphere. The corona is an extremely hot and low-density atmosphere, commonly visible during solar eclipses. The chromosphere and photosphere are parts of the Sun's surface and the bright parts we see." } } The configuration item corresponds to "solar1":{……} in 5), which is the configuration item of iLabel. This item indicates that the label "Solar Atmosphere" should be displayed at the position [-2.5580,-2.3182,-1.4201]. After clicking, the miniWindow component should be displayed and the infos content should be rendered at the position [-2.5580,-2.3182,-1.4201].

[0043] 10) "cssLabels": [{ "type": "iconLabel", "name": "Structure of the Sun", "id": "label01", "step": "01", "icon": "resource / icons / apart1-icon.png", "position": [-0.167677, 3.1867, 0], "operation": { "showModelLabels": true } The configuration item corresponding to "solar1":{……} in 5) is a CSS Label configuration option. This item indicates that an icon + a button with the text "Structure of the Sun" should be displayed at the position [-0.167677, 3.1867, 0]. Clicking it will perform the operation of "showModelLabels": true, that is, display the iLabel configured in 9). 11) "stepOperation": { "01": {……}, This configuration item corresponds to "solar1":{……} in 5), which is the operation configuration for task "01".

[0044] 12) "materialSetting": { "sun":{……} This configuration item corresponds to "01":{……} in 11), and is used to control the texture style of the specified model mesh in the scene when task "01".

[0045] 13) "materialParam": { "type": "specific" "Divide": { "visible": true }, This configuration item corresponds to 12) "sun":{……}, which is used to specify the texture style of the model with the name "sun". In the example, it is specified that the model and texture with the meshName "Divide" will not be displayed.

[0046] 14) "models":{ "name":"sun", "url": "models / solar / sun.glb", This configuration item corresponds to "solar1":{……} in 5), and is used to specify the loading directory and name of the model.

[0047] 15) "animControllerAction":{ "controlAnim": true This configuration item corresponds to "01":{……} in 11), and is used to display the animation playback progress control UI and animation playback progress control function in task "01".

[0048] 16) "splitCSSLabel":[{ "position": [1.07693, 1.466336, 1.759563], "split": [ {"type": "text", "value": "slant:"}, {"type": "blank", "value": "small solar altitude angle", "id": "blank1"}, ] }, This configuration option is used to display drag-and-drop matching UI and functions in the scene. In the example, "small solar altitude angle" needs to be dragged into the corresponding empty column to complete the task.

[0049] 17) "showLabelMatch": { "placement": { "top": 0.7, "left": 0.4 }, "rowCount": 3 This configuration option is used to display the position of dragged child items and the number of child items per row in the scene. In the example, it means that the child items will be placed starting at a position 0.7 units from the top and 0.4 units from the left, with 3 child items per row.

[0050] 18) "modelMeshMatch": [{……},{……},{……}] This configuration item corresponds to "01":{……} in 11), and is used for assembling the scene model after it has been broken down. It configures which mesh models in the scene participate in the assembly.

[0051] 19) "modelMeshZoom": true, This configuration item corresponds to "01":{……} in 11), and is used to control whether multiple mesh models can be selected and zoomed in on in the scene. It needs to be used in conjunction with the "linkZoom" attribute information of ilabel in 09) for zooming in and out rendering.

[0052] 20) "meshLabelMatch": true, This configuration item corresponds to "01":{……} in 11), and needs to be used in conjunction with "matchLabel":true of ilabel in 09) for judgment and use.

[0053] 21) "modelMeshSelect": {"effect": "#FFC950"}, this configuration item corresponds to "01":{……} in 11). This configuration specifies that the model mesh should be rendered using the color value "#FFC950" when it is selected, which is a supplement to the function in 19).

[0054] 22) "showCSSLabels":{ "labels":["cssColor1","cssColor2","cssColor3","cssColor4"] This configuration item corresponds to "01":{……} in 11), which specifies which CSS labels should be displayed in task 01.

[0055] 23) "showModelLabels":{ "labels": ["huafen","zhutou", "huazhu","zifang"] This configuration item has two configuration methods: it can be set to true in operation in 10) to display all iLabel labels, or it can be configured in the form of 23) to display a specific iLabel.

[0056] Of course, the above description is not intended to limit the present invention, and the present invention is not limited to the examples given above. Any changes, modifications, additions or substitutions made by those skilled in the art within the scope of the present invention should be protected by the present invention.

Claims

1. A method for generating modular configurations of web-based 3D virtual courseware, characterized in that: Includes the following steps: 1) Generate the required courseware configuration file; 2) Configuration file parsing and processing; 3) Generate and output educational 3D courseware; In step 1), input the courseware configuration information, and obtain and label the courseware control items and content represented by each configuration parameter in the configuration information; Step 2) specifically includes parsing the algorithm to read the configuration information file stream and confirm the basic information of each module of the configuration component; The parsing algorithm then retrieves the corresponding category of functional processing components from the component library based on the configuration information of each block. The parsing program reads the 3D scene rendering data and operation interaction configuration data from the configuration information and assigns them to the corresponding functional components; The parser reads the configuration of the operation data structure and generates a data acquisition thread.

2. The modular configuration generation method for Web-based 3D virtual courseware according to claim 1, characterized in that: In step 1), The configuration file is generated and formatted using JSON, the web-based transmission format. All attribute information of the experimental courseware is labeled in the form of key-value pairs. The attribute information described in the configuration includes the courseware display type, directory structure and content, lighting information, topic model information, motion effect texture settings, task settings, and interactive operation settings.

3. The modular configuration generation method for Web-based 3D virtual courseware according to claim 1, characterized in that: In step 2), for the input configuration file, the parsing algorithm first reads the file stream into memory, and then the parsing module obtains the 3D scene configuration information, interactive operation configuration, and operation data acquisition configuration from the configuration information. Based on the specified component type in the configuration information, the parsing module calls the corresponding component in the component library and assigns the rendering data in the configuration information to the corresponding component; The 3D scene rendering component will prioritize scene rendering and loading based on the configuration of 3D thematic model information, texture effects information, lighting information, entrance animation, etc. Once the scene resources are loaded, the interactive operation components will be initialized according to the interactive configuration information; The data acquisition thread will initialize the data acquisition storage space and start data acquisition listening. At this point, the parsing module has completed the parsing and processing of all configuration items, and the display screen will output the content of the educational 3D virtual courseware.

4. The method for modular configuration and generation of Web-based 3D virtual courseware according to claim 1, characterized in that: In step 2), when configuring the courseware content, the defined attribute information includes "viewMode", "viewTabToolBar", "viewTabInfo", "guideMenu", "modelInfo", "tweenAnim", "lights", "stepGuide", "modelLabels", "cssLabels", "stepOperation", "materialSetting", "materialParam", "models", "animControllerAction", "splitCSSLabel", "showLabelMatch", "modelMeshMatch", "modelMeshZoom", "meshLabelMatch", "modelMeshSelect", "showCSSLabels", and "showModelLabels". The defined attribute information is used to describe the 3D scene information, interactive operation information, and operation data collection information of the educational 3D virtual courseware.

5. The Web-based modular configuration generation method for three-dimensional virtual courseware according to claim 4, characterized in that: In step 2), define courseware with different categories of visual interfaces. In the "viewMode" property, select and configure three category attributes: "Guide", "Model", and "Operation". The three category attributes "Guide", "Model", and "Operation" correspond to the three categories of visual interfaces: "guided", "browsing", and "operational", respectively. The "viewMode" property is extensible and can be configured according to the content requirements of different forms of educational courseware.

6. The Web-based modular configuration generation method for three-dimensional virtual courseware according to claim 4, characterized in that: In step 2), the scene loading animation is defined; When defining the scene loading animation, select the attribute configuration items provided by the "tweenAnim" property. By adjusting the parameters of the selected attribute configuration items, the scene animation can be loaded. The selected "tweenAnim" property provides the following configuration options: "startScale", "endScale", "startPosition", "endPosition", "startRotation", and "endRotation". "startScale" is the initial scaling parameter, "endScale" is the target scaling parameter, "startPosition" is the initial position parameter, "endPosition" is the target position parameter, "startRotation" is the initial rotation parameter, and "endRotation" is the target rotation parameter.

7. The Web-based modular configuration generation method for three-dimensional virtual courseware according to claim 4, characterized in that: In step 2), define any number of 3D models for scene rendering, and configure one or more micro and macro educational 3D model information in the "models" property; In step 2), define the 3D scene effects; add one or more light sources such as parallel light, ambient light, and hemispherical light in the "lights" property to enhance the rendering quality of the scene; in the "materialSetting" property, specify the texture effect of the model mesh according to the model's "id" property configuration.

8. The Web-based modular configuration generation method for three-dimensional virtual courseware according to claim 4, characterized in that: In step 2), when defining multiple interactive operation methods, the different interactive operation information under different operation types recorded in the "stepOperation" property is configured. The different interactive operation information under different operation types recorded in the "stepOperation" property includes the scene processing method when the user double-clicks the mouse, represented by the "modelMeshZoom" property; the scene processing method when the user drags and drops, represented by the "meshLabelMatch" property; the scene processing method when the user clicks, represented by the "showCSSLabels" property; and the scene processing method when the user drags and drops, represented by the "modelMeshMatch" property.

9. The Web-based modular configuration generation method for three-dimensional virtual courseware according to claim 4, characterized in that: In step 2), the completion progress of the courseware is defined, and error data is saved; The different directory contents of the courseware are defined through the "viewTabInfo" attribute; The "stepGuide" attribute defines the task information under a certain directory of the courseware; the "stepGuide" attribute and its corresponding structure store the user's task completion progress and operation error information. The completion progress of the entire courseware catalog will be stored in the corresponding structure of the "viewTabInfo" property, and the collected operation information will be used to evaluate the user's learning progress and knowledge mastery.

Images