Page editing method, device and server
By inputting the position of an interactive object on the operation page, the three-dimensional coordinates are determined using two-dimensional coordinate transformation and object configuration data is generated. This solves the problem of low efficiency in three-dimensional model editing caused by users manually writing code, and achieves the effects of no-code editing and improved security.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2022-09-07
- Publication Date
- 2026-03-27
AI Technical Summary
In existing technologies, the inefficiency of users manually writing code to add interactive objects to browser pages to edit 3D models is low, resulting in low efficiency in 3D model editing.
By inputting the position of an interactive object on the operation page, the three-dimensional coordinates are determined using two-dimensional coordinate transformation, and object configuration data is generated. Interactive objects can be added to the three-dimensional model without writing code. Combined with model annotation information and encryption mechanisms, editing efficiency and security are improved.
It enables code-free editing of 3D models, improving the efficiency and user experience of editing 3D models in browser pages, while also enhancing the security of model information.
Smart Images

Figure CN115586894B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present application relates to the technical field of page development, and particularly relates to a page editing method, device and server. BACKGROUND
[0002] WebGL (Web Graphics Library) is a 3D drawing standard, which combines a script language JavaScript and a shading language OpenGL ES 2.0 together, and can present an interactive three-dimensional model in a browser page without a browser plug-in. In an editing process of a page including a three-dimensional model, a red dot (red hot spot) is added at a target position on the three-dimensional model, that is, an interactive object, wherein the interactive object is used to realize the interaction between a user and the three-dimensional model. In the page editing process, a user (such as a page developer) needs to add configuration data of the interactive object in the page by writing code, and establish an association relationship between the interactive object and the target position on the three-dimensional model. However, the user manually writes the code, which has the defects of long writing time and low writing efficiency, and leads to the technical problem of low editing efficiency of the three-dimensional model in the browser page. Therefore, how to improve the editing efficiency of the three-dimensional model in the browser page becomes a technical problem to be solved urgently. SUMMARY
[0003] Embodiments of the present application provide a page editing method, device and server, which are used to improve the editing efficiency of a three-dimensional model in a browser page.
[0004] To achieve the above object, embodiments of the present application adopt the following technical solutions:
[0005] In a first aspect, a page editing method is provided. The method comprises: displaying an operation page, the operation page displaying a three-dimensional model, the operation page being used to edit a browser page displaying the three-dimensional model; in response to an input operation at a first position on the operation page, determining a two-dimensional coordinate of the first position in a two-dimensional plane where the operation page is located, the input operation being adding an interactive object on the three-dimensional model, the interactive object being used to realize interaction between a user and the three-dimensional model; determining a three-dimensional coordinate of a second position in a three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, the second position being a mapping position of the first position on a surface of the three-dimensional model; generating object configuration data according to the three-dimensional coordinate of the second position, the object configuration data being used to display the interactive object at the second position when the three-dimensional model is displayed on the browser page. Through the method provided in the present application, the operation of adding the interactive object at the first position on the operation page can add the interactive object at the second position on the surface of the three-dimensional model displayed on the operation page, so that the editing of the three-dimensional model in the browser page can be realized without writing code. Therefore, the method provided in the present application can save the editing time of the three-dimensional model and improve the editing efficiency of the page displaying the three-dimensional model.
[0006] In a possible implementation manner of the first aspect, the determining of the three-dimensional coordinate of the second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position comprises: determining the three-dimensional coordinate of the first position in the three-dimensional space according to the two-dimensional coordinate of the first position; determining the three-dimensional coordinate of the intersection point of the first ray and the outer surface of the three-dimensional model in the three-dimensional space as the three-dimensional coordinate of the second position, the first ray being determined according to the line segment between the three-dimensional coordinate of the center position of the three-dimensional space and the three-dimensional coordinate of the first position. Through the coordinate conversion manner, the second position on the surface of the three-dimensional model corresponding to the first position can be determined, so that the interactive object can be added at the second position. This is what the user (such as a page developer) sees, that is, the position of the interactive object to be added can be visually selected without manually inputting and adjusting the coordinate of the second position, so that the editing efficiency is high.
[0007] In a possible implementation of the first aspect, the object configuration data is generated according to the three-dimensional coordinates of the second position, including: receiving input model annotation information, the model annotation information being used to describe information of the three-dimensional model, and generating the object configuration data according to the model annotation information and the three-dimensional coordinates of the second position, the object configuration data being used to display an interactive object at the second position, the interactive object being used to present the model annotation information. The model annotation information is used to interpret and explain the three-dimensional model. On the one hand, for some users (such as page developers, i.e., back-end developers), the model annotation information can be directly input in the operation page without being written in the code, which can provide editing efficiency for the three-dimensional model. On the other hand, for other users (such as front-end users), when the browser page is displayed on the front-end device, the three-dimensional model can be comprehensively understood through the model annotation information, and user experience is improved.
[0008] In a possible implementation of the first aspect, the interactive object has an object identifier, and the method further includes: in response to the input operation, displaying an information receiving control and the object identifier at the first position, the information receiving control being used to receive the model annotation information, and the object identifier being used to indicate the interactive object corresponding to the model annotation information. By setting the information receiving control in the operation page, the user can input the model annotation information. By displaying the object identifier in the operation page, the user can confirm whether the current first position is accurate. That is, by displaying the information receiving control and the object identifier in the operation page, the user can visually edit the three-dimensional model in the browser page, and editing efficiency and user experience are improved.
[0009] In a possible implementation of the first aspect, the method further includes: generating page configuration data according to the object configuration data, model information of the three-dimensional model, and page configuration information of the browser page; and generating a page configuration file according to the page configuration data. The page configuration file is used to display the browser page on the terminal device, and the object configuration data is used to display the interactive object on the three-dimensional model of the browser page. In an example, the page configuration file can be stored in a server. When the server receives a request for displaying the browser page sent by a terminal device, the server sends the page configuration file to the terminal device, so that the terminal device can display the browser page with the three-dimensional model.
[0010] In a possible implementation of the first aspect, the generation of the page configuration data according to the object configuration data, the model information of the three-dimensional model, and the page configuration information of the browser page includes: encrypting the model information to obtain first encrypted data; and generating the page configuration data according to the object configuration data, the first encrypted data, and the page configuration information of the browser page. By encrypting the model information, the obtained page configuration file can avoid leakage of the model information, and effectively improve security.
[0011] In a possible implementation manner of the first aspect, the generating the page configuration file according to the page configuration data comprises: encrypting the page configuration data to obtain second encrypted data; and generating the page configuration file according to the second encrypted data. By encrypting the model information, the page configuration file obtained can avoid leakage of the model information, and effectively improve security.
[0012] In a possible implementation manner of the first aspect, the encryption algorithm used in the encryption is an AES encryption algorithm. By encrypting the model information by using the AES encryption algorithm, the model information can be prevented from being decrypted by other users and thus being leaked, and security of the model information is effectively improved.
[0013] In a possible implementation manner of the first aspect, the displaying the operation page comprises: determining skeleton information, texture information and model configuration information of the three-dimensional model from the model information of the three-dimensional model, the model configuration information comprising an association relationship between the skeleton information and the texture information; and displaying the operation page according to the skeleton information, the texture information and the model configuration information. According to the skeleton information, the texture information and the model configuration information of the three-dimensional model, the three-dimensional model is displayed on the operation page, which provides a visual operation page for a user, and the user can directly input an operation of adding an interactive object in the visual operation page, without the need of writing code, and thus the use experience of the user is improved.
[0014] In a possible implementation manner of the first aspect, the determining the two-dimensional coordinates of the first position in the two-dimensional plane where the operation page is located comprises: establishing a plane rectangular coordinate system of the two-dimensional plane where the operation page is located; and determining the two-dimensional coordinates of the first position in the plane rectangular coordinate system according to coordinates of at least two reference points in the plane rectangular coordinate system and distances between the at least two reference points and the first position. The two-dimensional coordinates of the first position in the two-dimensional plane can be determined by using the two reference points, and the second position on the surface of the three-dimensional model associated with the first position can be determined according to the first position by using the above coordinate conversion, so that the interactive object can be added at the second position. This is what the user (such as a page developer) sees, that is, the position where the interactive object is to be added can be visually selected, without the need of manually inputting and adjusting the coordinates of the second position, and thus the editing efficiency is high.
[0015] In a second aspect, a page editing device is provided, which includes functional units for performing any of the methods provided in the first aspect, and each functional unit performs an action through hardware or through hardware executing corresponding software. For example, the page editing device can include a page display unit, a first determination unit, a second determination unit, and a data generation unit. The page display unit is configured to display an operation page, the operation page displays a three-dimensional model, and the operation page is used to edit a browser page displaying the three-dimensional model. The first determination unit is configured to, in response to an input operation at a first position on the operation page, determine a two-dimensional coordinate of the first position on a two-dimensional plane of the operation page, the input operation is used to add an interactive object on the three-dimensional model, and the interactive object is used to realize interaction between a user and the three-dimensional model. The second determination unit is configured to determine a three-dimensional coordinate of a second position in a three-dimensional space of the three-dimensional model according to the two-dimensional coordinate of the first position, the second position being a position of the first position on a surface of the three-dimensional model. The data generation unit is configured to generate object configuration data according to the three-dimensional coordinate of the second position, the object configuration data is used to generate a page configuration file of the browser page, and the object configuration data is used to display the interactive object at the second position when the browser page displays the three-dimensional model.
[0016] In a third aspect, a server is provided, which includes a processor and a memory, the processor being connected with the memory. The memory is configured to store computer execution instructions, and the processor executes the computer execution instructions stored in the memory, thereby realizing any of the methods provided in the first aspect.
[0017] In a fourth aspect, a chip is provided, which includes a processor and an interface circuit. The interface circuit is configured to receive code instructions and transmit the code instructions to the processor. The processor is configured to run the code instructions to execute any of the methods provided in the first aspect.
[0018] In a fifth aspect, a computer readable storage medium is provided, which stores computer execution instructions. When the computer execution instructions are run on a computer, the computer is caused to execute any of the methods provided in the first aspect.
[0019] In a sixth aspect, a computer program product is provided, which includes computer execution instructions. When the computer execution instructions are run on a computer, the computer is caused to execute any of the methods provided in the first aspect.
[0020] The technical effects brought by any of the designs in the second aspect to the sixth aspect can be referred to the technical effects brought by different implementation manners in the first aspect, which will not be described herein. BRIEF DESCRIPTION OF DRAWINGS
[0021] Figure 1 An application scenario diagram of a page editing method provided by an embodiment of the present application is shown.
[0022] Figure 2 A structural block diagram of a terminal device provided by an embodiment of the present application is shown;
[0023] Figure 3 A flowchart of a page editing method provided by an embodiment of the present application is shown;
[0024] Figure 4 A schematic diagram of an operation page provided by an embodiment of the present application is shown;
[0025] Figure 5 A schematic diagram of a plane rectangular coordinate system based on an operation page provided by an embodiment of the present application is shown;
[0026] Figure 6 A schematic diagram of another operation page provided by an embodiment of the present application is shown;
[0027] Figure 7 A rendering schematic diagram of a browser page provided by an embodiment of the present application is shown;
[0028] Figure 8 A structural block diagram of a page editing device provided by an embodiment of the present application is shown. DETAILED DESCRIPTION
[0029] The technical solutions in the embodiments of the present application will be described below with reference to the drawings in the embodiments of the present application. In the description of the present application, “multiple” refers to two or more than two, unless otherwise specified. “At least one of the following” or similar expressions refer to any combination of the items, including any combination of single item or multiple items. For example, at least one of a, b, or c can represent a, b, c, a-b, a-c, b-c, or a-b-c, where a, b, and c can be single or multiple.
[0030] In addition, in order to clearly describe the technical solutions of the embodiments of the present application, in the embodiments of the present application, the same items or similar items with basically the same functions and effects are distinguished by using “first”, “second”, etc. The skilled in the art can understand that “first”, “second”, etc. do not limit the quantity and execution order, and “first”, “second”, etc. also do not necessarily mean different. At the same time, in the embodiments of the present application, “exemplary” or “for example” is used to represent as an example, illustration or description. Any embodiment or design scheme described as “exemplary” or “for example” in the embodiments of the present application should not be interpreted as more preferred or more advantageous than other embodiments or design schemes. Rather, the use of “exemplary” or “for example” is intended to present the relevant concept in a specific manner, for understanding.
[0031] WebGL(Web Graphics Library) is a 3D drawing standard which combines the scripting language JavaScript and the shading language OpenGL ES 2.0 together, and can present an interactive three-dimensional model in a browser page without browser plug-ins. In an editing process of a browser page including a three-dimensional model (hereinafter referred to as a page), a hotspot, i.e., an interactive object, is added at a target position on the three-dimensional model, where the interactive object is used to realize the interaction between a user and the three-dimensional model. In the page editing process, the user needs to add configuration data of the interactive object in the page by writing code, and establish an association between the interactive object and the target position on the three-dimensional model. However, the user manually writes code, which has the defects of long writing time and low writing efficiency, resulting in the technical problem of low editing efficiency of the three-dimensional model in the page. Therefore, how to improve the editing efficiency of the three-dimensional model in the page becomes a technical problem to be solved.
[0032] In view of this, the embodiment of the present application provides a page editing method, which can display a three-dimensional model in a visual page according to model information of the three-dimensional model, and add an interactive object at a second position on a surface of the three-dimensional model displayed in the operation page by inputting an operation of adding the interactive object at a first position of the operation page, so that the interactive object can be added at a certain position on the three-dimensional model without writing code, which can improve the editing efficiency of the three-dimensional model in the page, and further improve the editing efficiency of the page.
[0033] The application scenario of the page editing method provided by the embodiment of the present application is exemplarily described below:
[0034] Figure 1 The application scenario of the page editing method provided by the embodiment of the present application is exemplarily described below: Figure 1 As shown in the figure, the page editing method of the present application is applied to a first terminal device 120, which can establish a connection with a server 110 and a second terminal device 130 through a wired network or a wireless network, and the server 110 can establish a connection between the server 110 and the second terminal device 130 through a wired network or a wireless network. The first terminal device 120 and the second terminal device 130 can be one terminal device or different terminal devices, which are not limited here.
[0035] The first terminal device 120 is configured to generate a page configuration file corresponding to a target browser page according to an operation input by a first user, and send the page configuration file to the server 110.
[0036] The second terminal device 130 is used for the second user to send a request to the server 110 to display a target browser page, and to receive a page configuration file from the server 110, and to display the target browser page according to the page configuration file.
[0037] Server 110 can be used to receive and store the page configuration file corresponding to the target browser page from the first terminal device 120. It is also used to receive a request from the second terminal device 130 to display the target browser page, and send the page configuration file corresponding to the target browser page to the second terminal device 130 so that the target browser page is displayed on the second terminal device 130.
[0038] In some embodiments, server 110 may be a single server, or a server cluster consisting of multiple servers (or microservers). The server cluster may also be a distributed cluster. This application does not limit the specific implementation of server 110.
[0039] In some embodiments, the first terminal device 120 and the second terminal device 130 can be electronic devices, such as mobile phones, tablets, desktops, laptops, handheld computers, notebook computers, servers, ultra-mobile personal computers (UMPCs), netbooks, cellular phones, personal digital assistants (PDAs), augmented reality (AR) / virtual reality (VR) devices, etc., that can install and use content community applications (such as Kuaishou). This application does not impose any special limitations on the specific form of the terminal. It can interact with the user through one or more methods such as a keyboard, touchpad, touchscreen, remote control, voice interaction, or handwriting devices.
[0040] Optionally, the above Figure 1 The server 110 shown can be connected to at least one first terminal device 120 and at least one second terminal device 130. This application does not limit the number or type of the first terminal device 120 and the second terminal device 130.
[0041] Figure 2 A structural block diagram of a terminal device provided in an exemplary embodiment of this application is shown. For example, the terminal device may be... Figure 1 The first terminal device 120 can also be the second terminal device 130, and there is no limitation on which one. The terminal device in this application may include one or more of the following components: processor 210, memory 220, and screen 230.
[0042] The processor 210 can include one or more processing cores. The processor 210 connects various parts within the terminal through various interfaces and lines, performs various functions of the terminal and processes data by running or executing instructions, programs, code sets or instruction sets stored in the memory 220, and calling data stored in the memory 220. Alternatively, the processor 210 can be implemented in at least one of a hardware form of a digital signal processing (DSP), a field-programmable gate array (FPGA), a programmable logic array (PLA). The processor 210 can integrate a combination of one or several of a central processing unit (CPU), a graphics processor (graphics processing unit, GPU), and a modem. Among them, the CPU mainly processes an operating system, a user interface, and an application program, etc.; the GPU is responsible for rendering and drawing the content required to be displayed on the screen 230; and the modem is used for processing wireless communication. It can be understood that the above-mentioned modem can also not be integrated into the processor 210, but be implemented by a separate communication chip.
[0043] The memory 220 can include a random access memory (RAM) and can also include a read-only memory (ROM). Alternatively, the memory 220 includes a non-transitory computer-readable storage medium. The memory 220 can be used to store instructions, programs, codes, code sets or instruction sets. The memory 220 can include a program storage area and a data storage area, wherein the program storage area can store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing the above-mentioned various method embodiments, etc., and the operating system can be an Android system (including a system developed based on the Android system), an IOS system developed by Apple Inc. (including a system developed based on the IOS system) or other systems. The data storage area can also store data created by the terminal in use (such as a phone book, audio and video data, chat record data) and the like.
[0044] The processor 210 executes the program code in the memory 220 to perform the method provided by the embodiments of the present application.
[0045] The screen 230 can be a CRT display screen, an LCD (liquid crystal display) screen, or an LED (light-emitting diode) screen. The screen 230 is used to realize the interaction between the user and the terminal device. Alternatively, the screen 230 can be a touch screen, so that the user can input the input operations described below on the screen 230 by using a finger or a touch pen.
[0046] In addition, those skilled in the art can understand that the structure of the terminal device shown in the above-described drawings does not constitute a limitation on the terminal device, and the terminal device can include more or fewer components than those shown in the drawings, or combine certain components, or different component arrangements. For example, the terminal device also includes radio frequency circuitry, a camera assembly, a sensor, audio circuitry, wireless fidelity (WiFi) components, a power supply, Bluetooth components, and the like, which are not described here in detail.
[0047] Figure 3 A flowchart of a page editing method provided in an embodiment of the present application is shown in FIG. 3. When the page editing method is executed by the first terminal device 120, the page editing method can include the following steps. Figure 1
[0048] S301, a display operation page is displayed, and a three-dimensional model is displayed on the operation page. The operation page is used to edit a browser page in which the three-dimensional model is displayed.
[0049] In the above implementation, the browser page can be a product display page, and the three-dimensional model can be a product model, which is used to deliver comprehensive and detailed product information to the user. The browser page can also be a game page, and the three-dimensional model can also be a character model or an object model in the game page. Here, the use and type of the three-dimensional model are not particularly limited.
[0050] In this embodiment, the operation page is a page used to visually edit a three-dimensional model displayed in a browser page. The three-dimensional model can be displayed in the operation page, and the first user can edit the three-dimensional model by using the first terminal device 120. For example, an interactive object is added at a target position of the three-dimensional model. It should be noted that the first user can also edit the three-dimensional model by using the second terminal device 130 or the server 110.
[0051] In a possible implementation, the operation page can further display an interface corresponding to the browser page (hereinafter referred to as a browser interface). The first user can edit other parts of the browser interface except the three-dimensional model in the operation page. For example, in a case where the browser page displays a plurality of controls corresponding to different functions, the display positions of each control in the browser interface can be adjusted, that is, the controls displayed in the browser interface can be added or deleted. In another example, an animation can be added to a specified position of the browser interface, so that a preset animation effect is displayed at the specified position of the browser interface.
[0052] In a possible implementation, S301 includes that the first terminal device 120 determines skeleton information, texture information, and model configuration information of the three-dimensional model from model information of the three-dimensional model, and the model configuration information includes an association relationship between the skeleton information and the texture information. The skeleton information, the texture information, and the model configuration information are rendered, and an operation page is displayed. The model information of the three-dimensional model can be obtained from a server or a local database, and the obtaining manner of the model information of the three-dimensional model is not particularly limited here.
[0053] In a possible implementation, the model information of the three-dimensional model further includes animation information, and the animation information is used to display the three-dimensional model with a preset animation effect on the browser page.
[0054] It should be noted that rendering the three-dimensional model can include multiple stages, and the process and order of rendering the skeleton information, the texture information, and the model configuration information are not limited here.
[0055] In a possible implementation, in a case where the browser interface is displayed in the operation page, S301 further includes: rendering according to page configuration information corresponding to the browser page, so as to display the browser interface in the operation page.
[0056] For example, the browser page's configuration information includes: the Node.js interface display name, the Node.js selector (hover) information, page theme information, and page animation information. Rendering is performed based on the browser page's configuration information, including: first, rendering the page's Node.js configuration tool, page theme configuration tool, and page animation configuration tool. The Node.js configuration tool establishes the JavaScript runtime environment for the browser page. The page theme configuration tool configures the runtime environment for the browser theme, and the page animation configuration tool configures the runtime environment for the animations on the browser page. Then, the Node.js configuration tool renders the hover information for the Node.js interface display name to show the corresponding interface name and hover information in the browser. Next, the page theme configuration tool renders the page theme information to show the corresponding page theme in the browser. Finally, the page animation configuration tool renders the page animation information to show the corresponding animation effects or animated buttons in the browser. These animated buttons respond to user actions and display preset animation effects.
[0057] It should be noted that during the rendering process based on the page configuration information corresponding to the browser page, the Node interface display name, Node hover information, page theme information, and page animation information can be rendered simultaneously or sequentially. There are no special restrictions on the specific rendering method of the page configuration information here.
[0058] For example, see Figure 4 , Figure 4 This is a schematic diagram of an operation page provided in an embodiment of this application. The operation page includes a 3D model 401, an editing control 402, and a browser interface 403. In this example, the 3D model 401 is displayed in the browser interface 403. The first terminal device 120 is configured to respond to a user's drag operation, causing the 3D model 401 to rotate, move, and transform in 3D space, thereby allowing the first user to view the 3D model from different angles. The first terminal device 120 can also be configured to respond to the first user's selection operation on the editing control 402, controlling the operation page to enter a page editing state. In the page editing state, the first terminal device 120 can receive input operations from the first user at a first position on the operation page, such as receiving input operations for adding interactive objects to the 3D model.
[0059] S302. In response to an input operation at a first position on the operation page, determine the two-dimensional coordinates of the first position on the two-dimensional plane where the operation page is located, where the input operation is to add an interactive object to the three-dimensional model.
[0060] It should be noted that the interactive object is an object, such as a hotspot, that enables interaction with the second user in the browser page. For example, when the second terminal device 130 displays a browser page, the second terminal device 130 can display model annotation information corresponding to the hotspot in response to a selection operation of the second user on the hotspot. The model annotation information can be information that explains the three-dimensional model to deepen the user's understanding of the three-dimensional model. The model annotation information can be text information, picture information. The model annotation information can also be audio information.
[0061] The input operation of adding the interactive object can be implemented by a mouse or a touch screen input. The input position is the first position. It can also be understood that when the first user performs the input operation through the mouse or the touch screen, the position of the mouse displayed on the screen or the position of the touch screen operated by the first user (for example, a click operation by a finger or a touch pen) is taken as the first position. The operation mode of adding the interactive object in the embodiment is not particularly limited.
[0062] In a possible implementation, in S302, the first terminal device 120 determines the two-dimensional coordinates of the first position in the two-dimensional plane where the operation page is located, including: establishing a plane rectangular coordinate system of the two-dimensional plane where the operation page is located; determining the two-dimensional coordinates of the first position in the plane rectangular coordinate system according to the coordinates of the at least two reference points in the plane rectangular coordinate system and the distances between the at least two reference points and the first position. It should be noted that the selection of the at least two reference points is not limited in the embodiment. It should be noted that the first user can also determine the two-dimensional coordinates of the first position in the two-dimensional plane where the operation page is located through the server 110.
[0063] For example, the plane rectangular coordinate system of the two-dimensional plane where the operation page is located can be established with the center of the operation page as the origin, or with one of the four vertices of the operation page as the origin. After the origin is established, the coordinates of the at least two reference points in the plane rectangular coordinate system are determined. For example, two of the four vertices of the operation page can be taken as reference points, and the coordinates of each reference point are determined, and then the two-dimensional coordinates of the first position in the plane rectangular coordinate system are determined according to the distances between the first position and the two reference points.
[0064] For example, referring to Figure 5 , Figure 5A schematic diagram of a plane rectangular coordinate system of a two-dimensional plane where an operation page provided by an embodiment of the present application is located, the operation page including four vertices, namely points A, B, C, and D, the plane rectangular coordinate system being established with point A as the origin, i.e., the two-dimensional coordinates of point A are (0, 0). Assuming that the two-dimensional coordinates of point B are (0, 1), the two-dimensional coordinates of point C are (2, 0), and the two-dimensional coordinates of point D are (2, 1), points A and D are determined as reference points, and in response to an operation of adding an interactive object input at a first position E of the operation page, the distance of point E from points A and D is determined, thereby determining that the two-dimensional coordinates of the first position E are (1, 0.5).
[0065] S303, determining, according to the two-dimensional coordinates of the first position, three-dimensional coordinates of the second position in a three-dimensional space where the three-dimensional model is located, the second position being a position of the first position mapped on a surface of the three-dimensional model.
[0066] In the above implementation manner, during modeling of the three-dimensional model, a three-dimensional space where the three-dimensional model is located is pre-provided with a space rectangular coordinate system, i.e., a first space rectangular coordinate system, based on which each point on the three-dimensional model has corresponding three-dimensional coordinates. The three-dimensional coordinates of the second position in the three-dimensional space where the three-dimensional model is located are coordinates of the second position in the first space rectangular coordinate system.
[0067] In a possible implementation manner, S303 includes determining, according to the two-dimensional coordinates of the first position, three-dimensional coordinates of the first position in the three-dimensional space where the three-dimensional model is located. The coordinates of the intersection point between the first ray and the surface of the three-dimensional model in the three-dimensional space are determined as the three-dimensional coordinates of the second position. The first ray includes a line segment between the central position of the three-dimensional space and the three-dimensional coordinates of the first position, and can also be understood as being determined according to a line segment between the three-dimensional coordinates of the central position of the three-dimensional space and the three-dimensional coordinates of the first position.
[0068] The central position of the three-dimensional space is generated during modeling of the three-dimensional model, and is a space center of the three-dimensional space where the three-dimensional model is located.
[0069] In a possible implementation manner, the line segment between the central position and the first position has an intersection point with the outer surface of the three-dimensional model, i.e., the three-dimensional model is located between the central position and the first position, and the intersection point is determined as the second position. In a possible implementation manner, the line segment between the central position and the first position does not have an intersection point with the three-dimensional model, i.e., the three-dimensional model is not located between the central position and the first position. In this case, the first terminal device 120 extends the line segment to obtain the first ray, i.e., the first ray includes the line segment. Further, the first terminal device 120 determines the intersection point between the first ray and the outer surface of the three-dimensional model as the second position.
[0070] It should be noted that when the three-dimensional model and the above-mentioned connecting line have multiple intersection points, the second position is the intersection point closest to the first position.
[0071] In addition, the above-mentioned "determining the three-dimensional coordinates of the first position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinates of the first position" can include: first, establishing a second space rectangular coordinate system according to the camera position of the three-dimensional model based on the plane rectangular coordinate system of the two-dimensional plane where the operation page is located. For example, taking the x-axis and y-axis of the above-mentioned plane rectangular coordinate system as the x-axis and y-axis of the above-mentioned second space rectangular coordinate system, and determining a straight line passing through the origin of the plane rectangular coordinate system and perpendicular to the x-axis and y-axis as the z-axis. Then determine the three-dimensional coordinates of the camera position of the three-dimensional model in the second space rectangular coordinate system. Finally, according to the three-dimensional coordinates of the camera position of the three-dimensional model in the first space rectangular coordinate system and the three-dimensional coordinates of the camera position of the three-dimensional model in the second space rectangular coordinate system, determine the coordinate correspondence relationship between the first space rectangular coordinate system and the second space rectangular coordinate system. Based on the coordinate correspondence relationship, the three-dimensional coordinates of the first position in the first space rectangular coordinate system are determined according to the three-dimensional coordinates of the first position in the second space rectangular coordinate system. Wherein, the first space rectangular coordinate system is the space rectangular coordinate system where the three-dimensional model is located.
[0072] For example, the two-dimensional coordinates of the first position are (x, y), the three-dimensional coordinates of the first position in the second space rectangular coordinate system are (x, y, z), the three-dimensional coordinates of the first position in the first space rectangular coordinate system are (x1, y1, z1), and the coordinate correspondence relationship between the first space rectangular coordinate system and the second space rectangular coordinate system is:
[0073] x1=x*2+1;
[0074] y2=y*2+1;
[0075] z1=z;
[0076] Then the three-dimensional coordinates of the first position in the second space rectangular coordinate system are (1, 1, 1), and according to the coordinate correspondence relationship between the first space rectangular coordinate system and the second space rectangular coordinate system, the three-dimensional coordinates of the first position in the first space rectangular coordinate system are (3, 3, 1).
[0077] Therefore, through the coordinate correspondence relationship between the first space rectangular coordinate system and the second space rectangular coordinate system, the three-dimensional coordinates of the first position in the first space rectangular coordinate system can be determined, and according to the three-dimensional coordinate point and the center position of the three-dimensional space, the first ray can be determined. Through the intersection point of the first ray and the outer surface of the three-dimensional model, the three-dimensional coordinates of the second position in the first space rectangular coordinate system can be further determined.
[0078] S304. Generating object configuration data according to the three-dimensional coordinates of the second position, the object configuration data being used to display the interactive object at the second position.
[0079] In the above implementation, the object configuration data comprises a correspondence between the second position and the interactive object, for example, one interactive object corresponds to one second position on the three-dimensional model, and the second position has three-dimensional coordinates. In the case where there are multiple interactive objects on the three-dimensional model, the second terminal device 130 can determine the position on the surface of the three-dimensional model corresponding to each interactive object according to the correspondence contained in each object configuration data, and display the multiple interactive objects at the corresponding positions respectively.
[0080] In a possible implementation, the S304 comprises: the first terminal device 120 receives the input model annotation information, and generates the object configuration data according to the model annotation information and the three-dimensional coordinates of the second position, the object configuration data being used to display the interactive object at the second position on the surface of the three-dimensional model, and the interactive object being used to show the model annotation information.
[0081] In a possible implementation, the interactive object has an object identifier, and the method further comprises: the first terminal device 120 displays the information receiving control and the object identifier at the first position in response to the input operation at the first position of the operation page, the information receiving control being used to receive the model annotation information, and the object identifier being used to indicate the interactive object corresponding to the model annotation information, so as to facilitate the first user to determine the first position according to the object identifier.
[0082] It should be noted that the model annotation information can be text information, picture information or audio information, and the model annotation information is used to display the text information or the picture information in response to the trigger operation input by the user when the interactive object associated with the second position is displayed on the browser page.
[0083] For example, the three-dimensional model is a clothing model, and the model annotation information can be information explaining the material, color, type and size of the clothing. When the three-dimensional model is displayed on the browser page of the second terminal device 130, the second terminal device 130 displays the model annotation information in response to the trigger operation of the user on a certain interactive object on the three-dimensional model, so that the user can fully understand the information of the clothing and improve the user experience.
[0084] For example, referring to Figure 6 , Figure 6An operation page provided by an embodiment of the present application includes an information receiving control 601 and an object identifier 602. The information receiving control 601 is configured to receive model annotation information input by a user, and the object identifier 602 is configured to indicate an interactive object corresponding to the model annotation information on the operation page of the first terminal device 120.
[0085] As described above, the information receiving control is provided on the operation page, which facilitates the user to input the model annotation information. The object identifier is displayed on the operation page, which facilitates the first user to confirm whether the current first position is accurate. That is, the information receiving control and the object identifier are displayed on the operation page, which facilitates the user to visually edit the three-dimensional model on the browser page, and improves the editing efficiency and user experience.
[0086] As described in S301-S304, the three-dimensional model is displayed on the visualization page according to the model information of the three-dimensional model. The interactive object is added at the second position on the surface of the three-dimensional model displayed on the operation page by inputting the operation of adding the interactive object at the first position on the operation page. The interactive object is added at a certain position on the three-dimensional model without writing code, which improves the editing efficiency of the three-dimensional model on the page, and further improves the editing efficiency of the page.
[0087] In a possible implementation, the method further includes:
[0088] S305, generating page configuration data according to the object configuration data, the model information of the three-dimensional model and the page configuration information of the browser page, and generating a page configuration file according to the page configuration data.
[0089] The model information of the three-dimensional model includes skeleton information, texture information and model configuration information of the three-dimensional model. The three-dimensional model can be displayed on the browser page according to the skeleton information, the texture information and the model configuration information.
[0090] The page configuration information of the browser page is user configuration input by the user, including node interface name information, node hover information, page theme information and page animation information. The node interface name information includes the interface name corresponding to the browser page, the node hover information includes the hover information of the browser page, the page theme information includes the theme corresponding to the browser page, and the page animation information includes the animation effect displayed on the browser page.
[0091] The page configuration data includes component menu configuration data, component label configuration data, theme configuration data, animation configuration data, and object configuration data. The component menu configuration data and the component label configuration data are used to display menu information and label information of each component of the three-dimensional model on the browser page. The theme configuration data is used to display a theme corresponding to the browser page. The animation configuration data is used to display a corresponding animation effect on the browser page.
[0092] In a possible implementation, the page configuration data further includes component menu configuration data, component label configuration data, theme configuration data, animation configuration data, and the like. It should be noted that the theme configuration data is generated according to the page theme information, the animation configuration data is generated according to the page animation information, and the menu configuration data and the component label configuration data can be generated according to the model information or input by a user on an operation interface. The manner of obtaining the menu configuration data and the component label configuration data is not particularly limited herein.
[0093] Referring to Figure 7 , Figure 7 A schematic diagram of a page configuration file is generated. The first terminal device 120 generates page configuration data according to the object configuration data, model information of the three-dimensional model, and page configuration information of the browser page. The model information includes skeleton information, texture information, and model configuration information. The page configuration information includes node interface name information, hover information of the node, page theme information, and page animation information. The page configuration data is generated according to the model information and the page configuration information. The page configuration data includes component menu configuration data, component label configuration data, theme configuration data, animation configuration data, and object configuration data. The page configuration data is then encrypted to obtain the page configuration file, and the page configuration file is sent to the server 110.
[0094] In a possible implementation, the page configuration file can be in a json format.
[0095] For example, the page configuration file can be as follows:
[0096]
[0097] The template name is a name corresponding to a page template used by the browser page. The model resource address is an address for obtaining model information of the three-dimensional model. The red dot name is a name of the interactive object. The red dot label information is object annotation information of the interactive object. The menu text is text information displayed on the browser page. The model node name is a name of the second position.
[0098] In the above implementation, when the first terminal device 120 or the second terminal device 130 requests to display a browser page including the three-dimensional model, the server is requested to obtain a page configuration file corresponding to the browser page, and the browser page including the three-dimensional model is displayed according to the page configuration file, where the second position of the three-dimensional model has an interactive object, and the interactive object is used to respond to a click operation input by a user and interact with the user.
[0099] However, when the second terminal device 130 receives the page configuration file from the server, the second user can obtain the model information or the user configuration information of the three-dimensional model from the second terminal device 130, causing the model information of the three-dimensional model to be leaked, and the security is poor.
[0100] Based on this, in a possible implementation, the page configuration data is generated according to the model information of the three-dimensional model and the page configuration information of the browser page according to the object configuration data, including: encrypting the model information to obtain first encrypted data; and generating the page configuration data according to the object configuration data, the first encrypted data, and the page configuration information of the browser page.
[0101] In another possible implementation, the page configuration file is generated according to the page configuration data, including: encrypting the page configuration data to obtain second encrypted data; and generating the page configuration file according to the second encrypted data.
[0102] Optionally, when the model information is encrypted, or the object configuration data, the model information, and the page configuration information are encrypted, the encryption algorithm can be an Advanced Encryption Standard (AES) encryption algorithm. It should be noted that the AES encryption algorithm is a symmetric block encryption algorithm, which uses 128-bit block encryption data and has the characteristics of high encryption strength. Moreover, the AES encryption algorithm supports sub-key encryption.
[0103] In the above implementation, when the first terminal device 120 or the second terminal device 130 requests to display a browser page including the three-dimensional model, the server is requested to obtain a page configuration file corresponding to the browser page, and the browser page including the three-dimensional model is displayed according to the page configuration file, where the second position of the three-dimensional model has an interactive object, and the interactive object is used to respond to a click operation input by a user and interact with the user.
[0104] It should be noted that, according to the page configuration data in the decrypted page configuration file, the component menu configuration data, the component label configuration data, the theme configuration data, the animation configuration data and the object configuration data in the page configuration data can be rendered in sequence, or the component menu configuration data, the component label configuration data, the theme configuration data, the animation configuration data and the object configuration data in the page configuration data can be synchronously rendered. The rendering mode and process of the page configuration data are not particularly limited here.
[0105] As can be seen from the above, by encrypting the model information, the obtained page configuration file can effectively improve the security.
[0106] The above mainly introduces the scheme of the embodiments of the present application from the perspective of the method. It can be understood that the page editing device includes at least one of the corresponding hardware structure and software module for implementing each function. Those skilled in the art should easily realize that, in combination with the units and algorithm steps of the examples described in the embodiments disclosed herein, the present application can be realized in the form of hardware or a combination of hardware and computer software. Whether a certain function is executed in the form of hardware or computer software driven hardware depends on the specific application and design constraints of the technical scheme. Professional technicians can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of the present application.
[0107] The embodiments of the present application can divide the functional units of the page editing device according to the above method examples. For example, each functional unit can be divided according to each function, or two or more functions can be integrated in one processing unit. The integrated unit can be realized in the form of hardware or software functional unit. It should be noted that the division of units in the embodiments of the present application is illustrative, and is only a logical functional division. Actual implementation can have another division method.
[0108] An exemplary, Figure 8 A structural block diagram of a page editing device provided by an exemplary embodiment of the present application is shown. The page editing device includes:
[0109] The page display unit 710 is configured to display an operation page, and the operation page displays a three-dimensional model. The three-dimensional model is configured to be displayed in a browser page, and the operation page is configured to edit the three-dimensional model.
[0110] It should be noted that the browser page can be displayed on the first terminal device 120 or the second terminal device 130.
[0111] The first determining unit 720 is used to determine the two-dimensional coordinates of the first position in the two-dimensional plane where the operation page is located in response to an input operation at the first position on the operation page. The input operation is used to add an interactive object to the three-dimensional model.
[0112] The second determining unit 730 is used to determine the three-dimensional coordinates of the second position in the three-dimensional space where the three-dimensional model is located, based on the two-dimensional coordinates of the first position. The second position is the mapping position of the first position on the surface of the three-dimensional model.
[0113] The data generation unit 740 is used to generate object configuration data based on the three-dimensional coordinates of the second position. The object configuration data is used to display an interactive object at the second position.
[0114] For example, combining Figure 3 The page display unit 710 can be used to perform tasks such as... Figure 3 As shown in step 301, the first determining unit 720 can be used to perform, as follows: Figure 3 As shown in step 302, the second determining unit 730 can be used to perform, as follows: Figure 3 As shown in step 303, the data generation unit 740 can be used to perform, for example... Figure 3 Step 304 is shown.
[0115] Optionally, the second determining unit 730 is specifically used to determine the three-dimensional coordinates of the first position in the three-dimensional space based on the two-dimensional coordinates of the first position; and to determine the coordinates of the intersection point of the first ray and the outer surface of the three-dimensional model in the three-dimensional space as the three-dimensional coordinates of the second position, wherein the first ray is determined based on the line connecting the three-dimensional coordinate point of the center position of the three-dimensional space and the three-dimensional coordinate point of the first position.
[0116] Optionally, the data generation unit 740 is specifically used to receive input model annotation information, generate object configuration data based on the model annotation information and the three-dimensional coordinates of the second position, and the object configuration data is used to display an interactive object at the second position, and the interactive object is used to display the model annotation information.
[0117] Optionally, the interactive object has an object identifier. The data generation unit 740 is also used to display an information receiving control and an object identifier at a first position in response to an input operation. The information receiving control is used to receive model annotation information, and the object identifier is used to indicate the interactive object corresponding to the model annotation information.
[0118] Optionally, the data generation unit 740 is further configured to generate page configuration data based on the object configuration data, the model information of the three-dimensional model, and the page configuration information of the browser page; and generate a page configuration file based on the page configuration data.
[0119] Optionally, the data generating unit 740 is specifically configured to encrypt the model information to obtain first encrypted data; and generate page configuration data according to the object configuration data, the first encrypted data and page configuration information of the browser page.
[0120] Optionally, the data generating unit 740 is specifically configured to encrypt the page configuration data to obtain second encrypted data, and generate a page configuration file according to the second encrypted data.
[0121] Optionally, the encryption algorithm used for encryption is an AES encryption algorithm.
[0122] Optionally, the page display unit 710 is specifically configured to determine skeleton information and texture information of a three-dimensional model and model configuration information from model information of the three-dimensional model, the model configuration information comprising an association relationship between the skeleton information and the texture information; and display an operation page according to the skeleton information, the texture information and the model configuration information.
[0123] Optionally, the first determining unit 720 is specifically configured to establish a plane rectangular coordinate system of a two-dimensional plane where the operation page is located; and determine a two-dimensional coordinate of the first position in the plane rectangular coordinate system according to coordinates of at least two reference points on the operation page in the plane rectangular coordinate system and distances between the first position and the at least two reference points.
[0124] For specific description of the above optional modes, refer to the foregoing method embodiments, which will not be repeated here. In addition, the explanation and beneficial effect of any one of the page editing devices provided above can refer to the corresponding method embodiments described above, which will not be repeated here.
[0125] As an example, in combination with Figure 2 , the functions implemented by part or all of the page display unit 710 in the page editing device can be implemented by the processor 210 in Figure 2 executing program codes in the memory 220 in Figure 2 , and realized through the screen 230. The functions implemented by part or all of the first determining unit 720, the second determining unit 730 and the data generating unit 740 can be implemented by the processor 210 in Figure 2 executing program codes in the memory 220 in Figure 2 . The embodiments of the present application also provide a computer readable storage medium, which stores at least one computer instruction, and the at least one computer instruction is loaded and executed by the processor to implement the page editing method as described in the above various embodiments. The explanation and beneficial effect of the related content in any one of the computer readable storage media provided above can refer to the corresponding embodiments described above, which will not be repeated here.
[0126] The embodiments of the present application further provide a chip. The chip integrates a control circuit and one or more ports for implementing the functions of the page editing system. Optionally, the functions supported by the chip can refer to the above, and will not be described here. Those skilled in the art can understand that all or part of the steps of the above embodiments can be completed by programs instructing relevant hardware. The programs can be stored in a computer readable storage medium. The storage medium mentioned above can be a read-only memory, a random access memory, etc. The processing unit or processor mentioned above can be a central processing unit, a general-purpose processor, an application specific integrated circuit (ASIC), a digital signal processor (DSP), a field programmable gate array (FPGA) or other programmable logic device, a transistor logic device, a hardware component or any combination thereof.
[0127] The embodiments of the present application further provide a computer program product containing instructions, which, when executed on a computer, cause the computer to perform any of the methods in the above embodiments. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on the computer, all or part of the processes or functions according to the embodiments of the present application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network or other programmable apparatus. The computer instructions can be stored in a computer readable storage medium or transferred from one computer readable storage medium to another, for example, the computer instructions can be transferred from one website, computer, server or data center to another website, computer, server or data center through wired (such as coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (such as infrared, wireless, microwave, etc.) mode. The computer readable storage medium can be any available medium that can be accessed by a computer or data storage device such as one or more servers, data centers, etc. integrated with one or more media. The available media can be magnetic media (such as floppy disk, hard disk, magnetic tape), optical media (such as DVD), or semiconductor media (such as SSD), etc.
[0128] It should be noted that the devices for storing computer instructions or computer programs provided by the embodiments of the present application, such as but not limited to the above-mentioned memories, computer readable storage media, communication chips and the like, are all non-transitory. Those skilled in the art should be aware that in one or more examples described above, the functions described in the embodiments of the present application can be implemented in hardware, software, firmware or any combination thereof. When implemented in software, these functions can be stored in a computer readable storage medium or transmitted as one or more instructions or codes on a computer readable storage medium. The computer readable storage medium includes computer storage medium and communication medium, wherein the communication medium includes any medium that facilitates the transfer of computer program from one place to another. The storage medium can be any available medium that can be accessed by a general or special purpose computer.
[0129] The above only describes optional embodiments of the present application and is not intended to limit the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included in the protection scope of the present application.
Claims
1. A page editing method characterized by comprising: The method comprises: displaying an operation page, the operation page displaying a three-dimensional model, the operation page being used for editing a browser page displaying the three-dimensional model; in response to an input operation at a first position on the operation page, determining a two-dimensional coordinate of the first position in a two-dimensional plane where the operation page is located, the input operation being adding an interactive object on the three-dimensional model, the interactive object being used for realizing interaction between a user and the three-dimensional model; determining a three-dimensional coordinate of a second position in a three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, the second position being a position where the first position is mapped on a surface of the three-dimensional model; generating object configuration data according to the three-dimensional coordinate of the second position, the object configuration data being used for displaying the interactive object at the second position when the three-dimensional model is displayed on the browser page; the determining of the three-dimensional coordinate of the second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position comprises: determining a three-dimensional coordinate of the first position in the three-dimensional space according to the two-dimensional coordinate of the first position; determining a coordinate of an intersection point between a first ray and an outer surface of the three-dimensional model in the three-dimensional space as the three-dimensional coordinate of the second position, the first ray being determined according to a line between a three-dimensional coordinate point of a central position of the three-dimensional space and a three-dimensional coordinate point of the first position.
2. The page editing method of claim 1, wherein, the generating of the object configuration data according to the three-dimensional coordinate of the second position comprises: receiving input model annotation information, the model annotation information being used for describing information of the three-dimensional model; generating the object configuration data according to the model annotation information and the three-dimensional coordinate of the second position; wherein the interactive object displayed at the second position is used for showing the model annotation information.
3. The page editing method of claim 2, wherein, the interactive object has an object identifier, and the method further comprises: in response to the input operation, displaying an information receiving control and an object identifier at the first position, the information receiving control being used for receiving the model annotation information, and the object identifier being used for indicating the interactive object corresponding to the model annotation information.
4. The page editing method of claim 1, wherein, The method further comprises: generating page configuration data according to the object configuration data, model information of the three-dimensional model and page configuration information of the browser page; generating a page configuration file according to the page configuration data.
5. The page editing method of claim 4, wherein, the generating of the page configuration data according to the object configuration data, the model information of the three-dimensional model and the page configuration information of the browser page comprises: encrypting the model information to obtain first encrypted data; generating page configuration data according to the object configuration data, the first encrypted data and the page configuration information of the browser page.
6. The page editing method of claim 4, wherein, the generating of the page configuration file according to the page configuration data comprises: encrypting the page configuration data to obtain second encrypted data; generating a page configuration file according to the second encrypted data.
7. The page editing method according to claim 5 or 6, wherein, The encryption algorithm used for the encryption is an AES encryption algorithm.
8. The page editing method of claim 1, wherein, the displaying of the operation page comprises: determine skeleton information, texture information and model configuration information of the three-dimensional model from model information of the three-dimensional model, the model configuration information comprising an association relationship between the skeleton information and the texture information; display the operation page according to the skeleton information, the texture information and the model configuration information.
9. The page editing method of claim 1, wherein, The determination of the two-dimensional coordinate of the first position in the two-dimensional plane where the operation page is located comprises: establishing a plane rectangular coordinate system of a two-dimensional plane where the operation page is located; determining the two-dimensional coordinate of the first position in the plane rectangular coordinate system according to coordinates of at least two reference points in the plane rectangular coordinate system and distances between the at least two reference points and the first position, the two reference points being two opposite vertices of four vertices of the operation page.
10. A page editing apparatus characterized by comprising: The device comprises: a page display unit configured to display an operation page, the operation page displaying a three-dimensional model, the operation page being used to edit a browser page displaying the three-dimensional model; a first determination unit configured to determine a two-dimensional coordinate of a first position in a two-dimensional plane where the operation page is located in response to an input operation of the first position on the operation page, the input operation being used to add an interactive object on the three-dimensional model, the interactive object being used to realize interaction between a user and the three-dimensional model; a second determination unit configured to determine a three-dimensional coordinate of a second position in a three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, the second position being a position of the first position mapped on a surface of the three-dimensional model; a data generation unit configured to generate object configuration data according to the three-dimensional coordinate of the second position, the object configuration data being used to generate a page configuration file of the browser page, the object configuration data also being used to display the interactive object at the second position when the three-dimensional model is displayed on the browser page; The determination of the three-dimensional coordinate of the second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position comprises: determining a three-dimensional coordinate of the first position in the three-dimensional space according to the two-dimensional coordinate of the first position; determining a three-dimensional coordinate of an intersection point of a first ray and an outer surface of the three-dimensional model in the three-dimensional space as the three-dimensional coordinate of the second position, the first ray being determined according to a line segment between a three-dimensional coordinate point of a center position of the three-dimensional space and a three-dimensional coordinate point of the first position.
11. A server, characterized by comprise: a processor and a memory, the processor being connected with the memory; the memory being used to store computer execution instructions, the processor executing the computer execution instructions stored in the memory, thereby realizing the method according to any one of claims 1-9.
Citation Information
Patent Citations
Three-dimensional annotations for street view data
CN101918983A
Three-dimensional tag realization method and apparatus
CN105825551A