CN115586894A - Page editing method, equipment and server - Google Patents

Page editing method, equipment and server Download PDF

Info

Publication number
CN115586894A
CN115586894A CN202211090520.7A CN202211090520A CN115586894A CN 115586894 A CN115586894 A CN 115586894A CN 202211090520 A CN202211090520 A CN 202211090520A CN 115586894 A CN115586894 A CN 115586894A
Authority
CN
China
Prior art keywords
page
dimensional
model
information
dimensional model
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211090520.7A
Other languages
Chinese (zh)
Inventor
冯浩霖
陈粞林
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
XFusion Digital Technologies Co Ltd
Original Assignee
XFusion Digital Technologies Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by XFusion Digital Technologies Co Ltd filed Critical XFusion Digital Technologies Co Ltd
Priority to CN202211090520.7A priority Critical patent/CN115586894A/en
Publication of CN115586894A publication Critical patent/CN115586894A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects

Abstract

In the application, the interactive object can be added at a 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 a first position of the operation page, so that the three-dimensional model in the browser page can be edited without writing codes. Therefore, the method provided by the application can save the editing time of the three-dimensional model and improve the editing efficiency of the page with the three-dimensional model.

Description

Page editing method, equipment and server
Technical Field
The present application relates to the field of page development technologies, and in particular, to a page editing method, a device, and a server.
Background
WebGL (Web Graphics Library) is a 3D drawing standard that can combine scripting language JavaScript and coloring language OpenGL ES 2.0, and can present an interactive three-dimensional model in a browser page without browser plug-ins. In the editing process for a page including a three-dimensional model, it is involved to add a red dot (red hot spot), i.e., an interactive object, at a certain target position on the three-dimensional model, wherein the interactive object is used for realizing the interaction of a user with the three-dimensional model. In the process of page editing, a user (such as a page developer) is required to add configuration data of an interactive object in a page by writing codes, and establish an incidence relation between the interactive object and a certain target position on a three-dimensional model. However, the user writes codes manually, and the method has the defects of long writing time and low writing efficiency, so that the technical problem of low efficiency of editing the three-dimensional model in the browser page is caused. Therefore, how to improve the editing efficiency of the three-dimensional model in the browser page becomes a technical problem to be solved urgently.
Disclosure of Invention
The embodiment of the application provides a page editing method, a device and a server, which are used for improving the editing efficiency of a three-dimensional model in a browser page.
In order to achieve the above purpose, the embodiment of the present application adopts the following technical solutions:
in a first aspect, a method for editing a page is provided, where the method includes: displaying an operation page, wherein the three-dimensional model is displayed on the operation page, and the operation page is used for editing a browser page on which the three-dimensional model is displayed; responding to an input operation of a first position on the operation page, determining a two-dimensional coordinate of the first position on a two-dimensional plane where the operation page is located, wherein the input operation is adding an interactive object on the three-dimensional model, and the interactive object is used for realizing interaction between a user and the three-dimensional model; determining the three-dimensional coordinate of a second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, wherein the second position is the mapping position of the first position on the surface of the three-dimensional model; and generating object configuration data according to the three-dimensional coordinates of the second position, wherein the object configuration data is used for displaying the interactive object at the second position when the three-dimensional model is displayed on the browser page. According to the method, the interactive object can be added at the second position of 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 of the operation page, so that the three-dimensional model in the browser page can be edited without writing codes. Therefore, the method provided by the application can save the editing time of the three-dimensional model and improve the editing efficiency of the page with the three-dimensional model.
In a possible implementation manner of the first aspect, 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 includes: determining a three-dimensional coordinate of the first position in a three-dimensional space according to the two-dimensional coordinate of the first position; and determining the 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, wherein the first ray is determined according to the connecting line between the three-dimensional coordinate point of the central position of the three-dimensional space and the three-dimensional coordinate point of the first position. By means of such coordinate transformation, the interactive object can be added at a second position on the surface of the three-dimensional model by being related to the first position. This is what you see is what you get, i.e. the position where the interactive object is to be added can be visually selected for the user (e.g. page developer) without the need to manually enter and adjust the coordinates of the second position, thus having a higher editing efficiency.
In a possible implementation manner of the first aspect, generating object configuration data according to the three-dimensional coordinates of the second position includes: and receiving input model annotation information, wherein the model annotation information is used for describing information of the three-dimensional model, and generating object configuration data according to the model annotation information and the three-dimensional coordinates of the second position, the object configuration data is used for displaying an interactive object at the second position, and the interactive object is used for displaying the model annotation information. The model annotation information is used to interpret the three-dimensional model. On the one hand, for some users (such as page developers, namely, backend developers), the model annotation information can be directly input in the operation page without being written in the code, so that the editing efficiency of the three-dimensional model can be improved. 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 known through the model annotation information, and the user experience is improved.
In a possible implementation manner of the first aspect, the interactive object has an object identifier, and the method further includes: and in response to the input operation, displaying an information receiving control and an object identification at a first position, wherein the information receiving control is used for receiving the model annotation information, and the object identification is used for indicating an interactive object corresponding to the model annotation information. By arranging the information receiving control in the operation page, a user can conveniently input the model annotation information. By displaying the object identifier in the operation page, the user can conveniently confirm whether the current first position is accurate or not. That is to say, the information receiving control and the object identifier are displayed in the operation page, so that the user can visually edit the three-dimensional model in the browser page, and the editing efficiency and the user experience are improved.
In a possible implementation manner of the first aspect, the method further includes: 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. The page configuration file is used for displaying a browser page on the terminal device, and the object configuration data is used for displaying an interactive object on a three-dimensional model of the browser page. For example, the page configuration file may be stored in a server, and when the server receives a request sent by a terminal device to display the browser page, 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.
In a possible implementation manner of the first aspect, the generating 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 page configuration data according to the object configuration data, the first encryption data and page configuration information of the browser page. Through encrypting the model information, the obtained page configuration file can avoid the model information leakage and effectively improve the safety.
In a possible implementation manner of the first aspect, generating the page configuration file according to the page configuration data includes: encrypting the page configuration data to obtain second encrypted data; and generating a page configuration file according to the second encrypted data. Through encrypting the model information, the obtained page configuration file can avoid the model information leakage and effectively improve the safety.
In a possible implementation manner of the first aspect, the encryption algorithm used in the encryption is an AES encryption algorithm. The model information is encrypted through the AES encryption algorithm, so that the model information is prevented from being decrypted by other users to cause leakage, and the safety of the model information is effectively improved.
In a possible implementation manner of the first aspect, displaying an operation page includes: determining skeleton information, map information and model configuration information of the three-dimensional model from model information of the three-dimensional model, wherein the model configuration information comprises an incidence relation between the skeleton information and the map information; and displaying the operation page according to the skeleton information, the map information and the model configuration information. The three-dimensional model is displayed on the operation page according to the skeleton information, the map information and the model configuration information of the three-dimensional model, a visual operation page is provided for a user, the user can conveniently and directly input the operation of adding the interactive object in the operation page of the visual page, codes do not need to be written, and the use experience of the user is improved.
In a possible implementation manner of the first aspect, determining two-dimensional coordinates of the first position in a two-dimensional plane where the operation page is located includes: and 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 planar rectangular coordinate system according to the coordinates of the at least two reference points in the planar rectangular coordinate system and the distances between the at least two reference points and the first position respectively. Two-dimensional coordinates of the first position on the two-dimensional plane can be determined through the two reference points, and the interactive object can be added to the second position on the surface of the three-dimensional model according to the first position through the coordinate conversion mode. This is what you see is what you get, i.e. the position where the interactive object is to be added can be visually selected for the user (e.g. page developer) without the need to manually enter and adjust the coordinates of the second position, thus having a higher editing efficiency.
In a second aspect, there is provided a page editing apparatus, including: the functional units for executing any one of the methods provided by the first aspect, wherein the actions performed by the respective functional units are implemented by hardware or by hardware executing corresponding software. For example, the page editing apparatus may include a page display unit, a first determination unit, a second determination unit, and a data generation unit. The page display unit is used for displaying an operation page, the operation page is provided with a three-dimensional model, and the operation page is used for editing a browser page provided with the three-dimensional model; the first determining unit is used for determining two-dimensional coordinates of a first position on a two-dimensional plane of the operation page in response to input operation of the first position on the operation page, wherein the input operation is used for adding an interactive object on the three-dimensional model, and the interactive object is used for realizing interaction between a user and the three-dimensional model; the second determining unit is used for determining the three-dimensional coordinate of a second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, and the second position is the position of the first position mapped on the surface of the three-dimensional model; and the data generating unit is used for generating object configuration data according to the three-dimensional coordinates of the second position, the object configuration data is used for generating a page configuration file of the browser page, and the object configuration data is used for displaying the interactive object at the second position when the browser page displays the three-dimensional model.
In a third aspect, a server is provided, including: the device comprises a processor and a memory, wherein the processor is connected with the memory. The memory is used for storing computer-executable instructions, and the processor executes the computer-executable instructions stored by the memory, thereby implementing any one of the methods provided by the first aspect.
In a fourth aspect, there is provided a chip comprising: a processor and an interface circuit; the interface circuit is used for receiving the code instruction and transmitting the code instruction to the processor; a processor for executing code instructions to perform any of the methods provided by the first aspect above.
In a fifth aspect, a computer-readable storage medium is provided, which stores computer-executable instructions, and when the computer-executable instructions are executed on a computer, the computer is caused to perform any one of the methods provided by the first aspect.
In a sixth aspect, there is provided a computer program product comprising computer executable instructions which, when executed on a computer, cause the computer to perform any one of the methods provided in the first aspect.
The technical effects brought by any one of the design manners in the second aspect to the sixth aspect may refer to the technical effects brought by different implementation manners in the first aspect, and are not described herein again.
Drawings
Fig. 1 illustrates an application scenario diagram of a page editing method provided in an embodiment of the present application;
fig. 2 shows a block diagram of a terminal device according to an embodiment of the present application;
fig. 3 is a flowchart illustrating a page editing method provided in an embodiment of the present application;
FIG. 4 is a schematic diagram illustrating an operation page provided by an embodiment of the present application;
FIG. 5 is a schematic diagram illustrating a rectangular plane coordinate system based on an operation page according to an embodiment of the present application;
FIG. 6 is a schematic diagram illustrating another operation page provided by an embodiment of the present application;
FIG. 7 is a rendering schematic diagram of a browser page provided in an embodiment of the present application;
fig. 8 shows a block diagram of a structure of a page editing apparatus according to an embodiment of the present application.
Detailed Description
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, the term "plurality" means two or more than two unless otherwise specified. "at least one of the following" or similar expressions refer to any combination of these items, including any combination of the singular or plural items. For example, at least one (one) of a, b, or c, may represent: a, b, c, a-b, a-c, b-c, or a-b-c, wherein a, b, c may be single or multiple.
In addition, in order to facilitate clear description of technical solutions of the embodiments of the present application, in the embodiments of the present application, terms such as "first" and "second" are used to distinguish the same items or similar items having substantially the same functions and actions. Those skilled in the art will appreciate that the terms "first," "second," etc. do not denote any order or quantity, nor do the terms "first," "second," etc. denote any order or importance. Also, in the embodiments of the present application, words such as "exemplary" or "for example" are used to mean serving as examples, illustrations or illustrations. Any embodiment or design described herein as "exemplary" or "e.g.," is not necessarily to be construed as preferred or advantageous over other embodiments or designs. Rather, use of the word "exemplary" or "such as" is intended to present relevant concepts in a concrete fashion for ease of understanding.
WebGL (Web Graphics Library) is a 3D drawing standard that can combine scripting language JavaScript and coloring language OpenGL ES 2.0, and can present an interactive three-dimensional model in a browser page without browser plug-ins. In an editing process for a browser page (hereinafter referred to as a page) including a three-dimensional model, it is involved to add a hot spot, i.e., an interactive object, at a certain target position on the three-dimensional model, wherein the interactive object is used for realizing the interaction of a user with the three-dimensional model. In the process of page editing, a user is required to add configuration data of an interactive object in a page by writing a code, and establish an incidence relation between the interactive object and a certain target position on a three-dimensional model. However, the user manually writes codes, and the defects of long writing time and low writing efficiency are caused, so that the technical problem of low efficiency of editing the three-dimensional model in the page is caused. Therefore, how to improve the editing efficiency of the three-dimensional model in the page becomes a technical problem to be solved urgently.
In view of this, an embodiment of the present application provides a page editing method, where a three-dimensional model is displayed in a visualized page according to model information of the three-dimensional model, and an operation of adding an interactive object is input at a first position of an operation page, so that the interactive object can be added at a second position on a surface of the three-dimensional model displayed in the operation page, and the interactive object can be added at a certain position on the three-dimensional model without writing a code, so that the editing efficiency of the three-dimensional model in the page can be improved, and thus the editing efficiency of the page is improved.
An application scenario of the page editing method provided by the embodiment of the present application is exemplarily described as follows:
fig. 1 is an application scenario diagram of a page editing method provided in an embodiment of the present application, as shown in fig. 1, the page editing method of the present application is applied to a first terminal device 120, the first terminal device 120 may establish a connection with a server 110 through a wired network or a wireless network, and meanwhile, the server 110 may establish a connection with a second terminal device 130 through a wired network or a wireless network. The first terminal device 120 and the second terminal device 130 may be one terminal device or different terminal devices, and are not limited herein.
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.
The second terminal device 130 is configured to send a request for displaying a target browser page to the server 110 by the second user, receive a page configuration file from the server 110, and display the target browser page according to the page configuration file.
The server 110 may be configured to receive a page configuration file corresponding to the target browser page from the first terminal device 120, and store the page configuration file. And is further configured 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.
In some embodiments, the server 110 may be a single server or may be a server cluster consisting of multiple servers (or microservers). The server cluster may also be a distributed cluster. The embodiment of the present application is not limited to the specific implementation manner of the server 110.
In some embodiments, the first terminal device 120 and the second terminal device 130 may be electronic devices, which may be a mobile phone, a tablet computer, a desktop computer, a laptop computer, a handheld computer, a notebook computer, a server, an ultra-mobile personal computer (UMPC), a netbook, and a device that can install and use a content community application (e.g., a fast hand) such as a cellular phone, a Personal Digital Assistant (PDA), an Augmented Reality (AR) device, and the like, and the specific form of the terminal is not particularly limited by the present application. The system can be used for man-machine interaction with a user through one or more modes of a keyboard, a touch pad, a touch screen, a remote controller, voice interaction or handwriting equipment and the like.
Alternatively, the server 110 shown in fig. 1 may be connected to at least one first terminal device 120 and at least one second terminal device 130. The present application does not limit the number and types of the first terminal device 120 and the second terminal device 130.
Fig. 2 shows a block diagram of a terminal device according to an exemplary embodiment of the present application. For example, the terminal device may be the first terminal device 120 in fig. 1, or may be the second terminal device 130, which is not limited thereto. The terminal device in the present application may comprise one or more of the following components: a processor 210, a memory 220, and a screen 230.
Processor 210 may include one or more processing cores. The processor 210 connects various parts within the entire terminal using various interfaces and lines, performs various functions of the terminal and processes data by executing 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 may be implemented in hardware using at least one of Digital Signal Processing (DSP), field-programmable gate array (FPGA), and Programmable Logic Array (PLA). The processor 210 may integrate one or more of a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), a modem, and the like. Wherein, the CPU mainly processes an operating system, a user interface, an application program and the like; the GPU is responsible for rendering and drawing the content that the screen 230 needs to display; the modem is used to handle wireless communications. It is understood that the modem may not be integrated into the processor 210, but may be implemented by a communication chip.
The memory 220 may include a Random Access Memory (RAM) or a read-only memory (ROM). Optionally, the memory 220 includes a non-transitory computer-readable medium. The memory 220 may be used to store instructions, programs, code, sets of codes, or sets of instructions. The memory 220 may include a program storage area and a data storage area, wherein the program storage area may 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, and the like), instructions for implementing the above method embodiments, and the like, and the operating system may be an Android (Android) system (including a system based on Android system depth development), an IOS system developed by apple inc (including a system based on IOS system depth development), or other systems. The storage data area may also store data created by the terminal in use, such as a phonebook, audio-video data, chat log data, and the like.
The processor 210 executes the program code in the memory 220 to perform the methods provided by the embodiments of the present application.
The screen 230 may be a CRT display screen, an LCD (liquid crystal display) liquid crystal screen, or an LED (light-emitting diode) screen. The method is used for realizing the interaction between the user and the terminal equipment. Alternatively, the screen 230 may be a touch screen, so that the user can input an input operation described below on the screen 230 by a finger or a touch pen.
In addition, those skilled in the art will appreciate that the terminal device illustrated in the above figures is not limited in structure to the terminal device, and that the terminal device may include more or less components than those illustrated, or some components may be combined, or a different arrangement of components may be used. For example, the terminal further includes a radio frequency circuit, a shooting component, a sensor, an audio circuit, a wireless fidelity (WiFi) component, a power supply, a bluetooth component, and other components, which are not described herein again.
Fig. 3 is a flowchart of a page editing method provided in an embodiment of the present application, and as shown in fig. 1, when the page editing method is executed by the first terminal device 120, the page editing method may include:
s301, displaying an operation page, wherein the three-dimensional model is displayed on the operation page, and the operation page is used for editing the browser page with the three-dimensional model.
In the above implementation manner, the browser page may be a commodity display page, the three-dimensional model may be a commodity model, and the commodity model is used to transmit comprehensive and detailed commodity information to the user. The browser page may also be a game page, and the three-dimensional model may also be a character model or an object model in the game page, where the use and the type of the three-dimensional model are not particularly limited.
In this embodiment, the operation page is a page for performing visual editing on the three-dimensional model displayed in the browser page. A three-dimensional model may be displayed in the operation page, and the first user may edit the three-dimensional model through the first terminal device 120. For example, interactive objects are added at target locations of the three-dimensional model. The first user may edit the three-dimensional model through the second terminal device 130 or the server 110.
In a possible implementation manner, an interface corresponding to a browser page (hereinafter referred to as a browser interface) may also be displayed in the operation page, and the first user may edit, in the operation page, other parts of the browser interface except for the three-dimensional model, for example, in a case that a plurality of controls corresponding to different functions are displayed in the browser page, a display position of each control in the browser interface is adjusted, that is, a control displayed in the browser interface is added or deleted, and in another example, an animation may be further added at a specified position of the browser interface, so that a preset animation effect is displayed at the specified position of the browser interface.
In a possible implementation manner, the S301 includes: the first terminal device 120 determines skeleton information, map information, and model configuration information of the three-dimensional model from model information of the three-dimensional model, the model configuration information including an association relationship between the skeleton information and the map information. Rendering the skeleton information, the map information and the model configuration information, and displaying an operation page. The model information of the three-dimensional model may 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.
In one possible implementation manner, the model information of the three-dimensional model further includes animation information, and the animation information is used for displaying the three-dimensional model configured with the preset animation effect on the browser page.
It should be noted that rendering the three-dimensional model may include multiple stages, and the process and the sequence of rendering the skeleton information, the map information, and the model configuration information are not limited herein.
In a possible implementation manner, in the case that a browser interface is displayed in the operation page, the S301 further includes: rendering is carried out according to the page configuration information corresponding to the browser page, so that the browser interface is displayed in the operation page.
Illustratively, the page configuration information of the browser page includes: the node interface displays the name, selector (hover) information of the node, page theme information, page animation information, etc. Rendering according to page configuration information corresponding to a browser page, comprising: firstly, a page node configuration tool, a page theme configuration tool and a page animation configuration tool are rendered, wherein the page node configuration tool is used for establishing a JavaScript running environment of a browser page. The page theme configuration tool is used for configuring the running environment of the theme for the browser page, and the page animation configuration tool is used for configuring the running environment of the animation on the browser page. And then, rendering the home information of the node interface display name node through a page node configuration tool so as to display the corresponding interface name and home information in the browser interface. And then, rendering the page theme information through a page theme configuration tool so as to display the corresponding page theme in the browser page. And finally, rendering the page animation information according to the page animation configuration tool so as to display a corresponding animation effect or animation button in the browser page, wherein the animation button is used for responding to the operation of a user and displaying a preset animation effect.
It should be noted that, in the process of rendering according to the page configuration information corresponding to the browser page, the display name of the node interface, the boot information of the node, the page theme information, and the page animation information may be rendered simultaneously or sequentially, and a specific rendering manner of the page configuration information is not particularly limited.
Illustratively, referring to fig. 4, fig. 4 is a schematic diagram of an operation page provided in an embodiment of the present application, where the operation page includes a three-dimensional model 401, an editing control 402, and a browser interface 403. In this example, the three-dimensional model 401 is displayed in the browser interface 403, and the first terminal device 120 is configured to cause the three-dimensional model 401 to rotate, move, and transform in a three-dimensional space in response to a drag operation by the user, so that the first user can view the three-dimensional model from different angles. The first terminal device 120 may be further configured to control the operation page to enter a page editing state in response to a selection operation of the editing control 402 by the first user, and in the page editing state, the first terminal device 120 may receive an input operation of the first user at a first position of the operation page, for example, an input operation for adding an interactive object on the three-dimensional model.
S302, responding to an input operation of a first position on the operation page, determining two-dimensional coordinates of the first position on a two-dimensional plane where the operation page is located, wherein the input operation is adding an interactive object on the three-dimensional model.
It should be noted that the interactive object is an object, such as a hot spot, in a browser page, which implements interaction with the second user. For example, when the second terminal device 130 displays a browser page, the second terminal device 130 may display the model annotation information corresponding to the hotspot in response to the operation of selecting the hotspot, which is input by the second user. The model annotation information may be information explaining the three-dimensional model to deepen the user's understanding of the three-dimensional model. The model annotation information may be text information or picture information. The model annotation information may also be audio information.
The input operation of adding the interactive object can be realized in a mouse or screen touch input mode, and the input position is the first position. It is also understood that, when the first user performs an input operation through the mouse or the touch screen, a position displayed on the screen by the mouse or a position where the first user operates the touch screen (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 is not particularly limited in this embodiment.
In a possible implementation manner, in step S302, the determining, by the first terminal device 120, two-dimensional coordinates of the first position in a two-dimensional plane where the operation page is located includes: establishing a plane rectangular coordinate system of a two-dimensional plane where the operation page is located; and determining two-dimensional coordinates of the first position in the planar rectangular coordinate system according to the coordinates of the at least two reference points on the operation page in the planar rectangular coordinate system and the distances between the at least two reference points and the first position respectively. The embodiment of the present application does not limit the selection of the at least two reference points. It should be noted that the first user may also determine, through the server 110, two-dimensional coordinates of the first position in the two-dimensional plane where the operation page is located.
For example, the plane rectangular coordinate system of the two-dimensional plane where the operation page is located may be established with the center of the operation page as an origin, or may be established with one of four vertices of the operation page as an origin. And when the origin is successfully established, determining the coordinates of at least two reference points in the operation page in the plane rectangular coordinate system. For example, two of the four vertices of the operation page may be used as reference points, the coordinates of each reference point may be determined, and then the two-dimensional coordinates of the first position in the rectangular plane coordinate system may be determined according to the distances between the first position and the two reference points.
Exemplarily, referring to fig. 5, fig. 5 is a schematic diagram of a planar rectangular coordinate system of a two-dimensional plane where an operation page is located according to an embodiment of the present application, where the operation page includes four vertices, which are point a, point B, point C, and point D, and the planar rectangular coordinate system is established with point a as an origin, that is, two-dimensional coordinates of point a are (0, 0). Assuming that the two-dimensional coordinates of the point B are (0, 1), the two-dimensional coordinates of the point C are (2, 0), and the two-dimensional coordinates of the point D are (2, 1), the point a and the point D are determined as reference points, and in response to an operation of adding an interactive object input at the first position point E of the operation page, the distances of the point E from the point a and the point D are determined, thereby determining the two-dimensional coordinates of the first position point E as (1, 0.5).
S303, determining 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, wherein the second position is the position of the first position mapped on the surface of the three-dimensional model.
In the implementation manner, in the modeling process of the three-dimensional model, a spatial rectangular coordinate system, that is, a first spatial rectangular coordinate system, is preset in a three-dimensional space where the three-dimensional model is located, and each point on the three-dimensional model has a corresponding three-dimensional coordinate based on the first spatial rectangular coordinate system. And the three-dimensional coordinates of the second position in the three-dimensional space where the three-dimensional model is located, namely the coordinates of the second position in the rectangular coordinate system of the first space.
In a possible implementation manner, the step S303 includes: and determining the three-dimensional coordinates of the first position in the three-dimensional space of the three-dimensional model according to the two-dimensional coordinates of the first position. And determining the coordinates of the intersection point of the first ray and the surface of the three-dimensional model in the three-dimensional space as the three-dimensional coordinates of the second position. The first ray includes a connecting line between the center position of the three-dimensional space and the three-dimensional coordinate of the first position in the three-dimensional space where the three-dimensional model is located, and may also be understood as: the first ray is determined according to a connecting line between the three-dimensional coordinate point of the center position of the three-dimensional space and the three-dimensional coordinate point of the first position.
The central position of the three-dimensional space is generated in the modeling process of the three-dimensional model and is the space center of the three-dimensional space where the three-dimensional model is located.
In a possible implementation, an intersection point of a line between the central position and the first position and an outer surface of the three-dimensional model, i.e. the three-dimensional model is located between the central position and the first position, is determined as the second position. In a possible implementation, there is no intersection point of a line between the central position and the first position 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 connection to obtain the first ray, i.e. the first ray includes the connection. Further, the first terminal device 120 determines an intersection of the first ray and the outer surface of the three-dimensional model as a second position.
When the three-dimensional model and the connection line have a plurality of intersections, the second position is an intersection closest to the first position.
Further, the above-mentioned "determining three-dimensional coordinates of the first position in the three-dimensional space where the three-dimensional model is located from the two-dimensional coordinates of the first position" may include: based on a plane rectangular coordinate system of a two-dimensional plane where the operation page is located, firstly, a second space rectangular coordinate system where the operation page is located is established according to the camera position of the three-dimensional model. For example, the x-axis and the y-axis of the planar rectangular coordinate system are used as the x-axis and the y-axis of the second spatial rectangular coordinate system, and a straight line passing through the origin of the planar rectangular coordinate system and perpendicular to the x-axis and the y-axis is determined as the z-axis. Three-dimensional coordinates of the camera position of the three-dimensional model in a second spatial rectangular coordinate system are then determined. And finally, determining the coordinate corresponding relation between the first space rectangular coordinate system and the second space rectangular coordinate system according to the three-dimensional coordinate of the camera position of the three-dimensional model in the first space rectangular coordinate system and the three-dimensional coordinate of the camera position of the three-dimensional model in the second space rectangular coordinate system. And determining the three-dimensional coordinate of the first position in the first space rectangular coordinate system according to the three-dimensional coordinate of the first position in the second space rectangular coordinate system based on the coordinate corresponding relation. The first space rectangular coordinate system is a space rectangular coordinate system where the three-dimensional model is located.
Illustratively, the two-dimensional coordinates of the first location are (x, y), the three-dimensional coordinates of the first location in the second spatial rectangular coordinate system are (x, y, z),the three-dimensional coordinate of the first position in the first space rectangular coordinate system is (x) 1 ，y 1 ，z 1 ) The coordinate correspondence relationship between the first space rectangular coordinate system and the second space rectangular coordinate system is as follows:
x 1 ＝x*2+1；
y 2 ＝y*2+1；
z 1 ＝z；
then the three-dimensional coordinates of the first position in the second rectangular spatial coordinate system are (1, 1), and the three-dimensional coordinates of the first position in the first rectangular spatial coordinate system are (3, 1) according to the coordinate correspondence relationship between the first rectangular spatial coordinate system and the second rectangular spatial coordinate system.
Therefore, the three-dimensional coordinates of the first position in the first rectangular spatial coordinate system can be determined by the coordinate corresponding relation between the first rectangular spatial coordinate system and the second rectangular spatial coordinate system, the first ray can be determined according to the three-dimensional coordinate point and the central position of the three-dimensional space, and the three-dimensional coordinates of the second position in the first rectangular spatial coordinate system can be further determined by the intersection point of the first ray and the outer surface of the three-dimensional model.
And S304, generating object configuration data according to the three-dimensional coordinates of the second position, wherein the object configuration data is used for displaying the interactive object at the second position.
In the above implementation, the object configuration data includes a correspondence between the second location and the interactive object, for example, one interactive object corresponds to the second location on one three-dimensional model, and the second location has three-dimensional coordinates. In a case where a plurality of interactive objects exist on the three-dimensional model, the second terminal device 130 may determine a position on the surface of the three-dimensional model corresponding to each interactive object according to the correspondence included in each object configuration data, and display the plurality of interactive objects at the corresponding positions, respectively.
In a possible implementation manner, the step S304 includes: the first terminal device 120 receives the input model annotation information and generates object configuration data based on the model annotation information and the three-dimensional coordinates of the second location, the object configuration data being used to display an interactive object at the second location on the surface of the three-dimensional model, the interactive object being used to present the model annotation information.
In a possible implementation manner, the interactive object has an object identifier, and the method further includes: the first terminal device 120 responds to an input operation at a first position of the operation page, and displays an information receiving control and an object identifier at the first position, wherein the information receiving control is used for receiving the model annotation information, and the object identifier is used for indicating an interactive object corresponding to the model annotation information, so that a first user can determine the first position according to the object identifier.
It should be noted that the model annotation information may be text information, picture information, or audio information, and the model annotation information is used for displaying the text information or the picture information in response to a trigger operation input by a user when the interactive object associated with the second location is displayed on the browser page.
Illustratively, the three-dimensional model is a clothes model, and the model annotation information may be used for explaining the material, color, type, size and the like of the clothes. When the three-dimensional model is displayed in the browser page on the second terminal device 130, the second terminal device 130 displays the model annotation information in response to the user's trigger operation on an interactive object on the three-dimensional model, so that the user can comprehensively know the information of the clothing, and the user experience is improved.
Illustratively, referring to fig. 6, fig. 6 is a schematic diagram of an operation page provided by an embodiment of the present application, where the operation page 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.
According to the method, the information receiving control is arranged in the operation page, so that the user can conveniently input the model annotation information. By displaying the object identifier in the operation page, the first user can conveniently confirm whether the current first position is accurate or not. That is to say, the information receiving control and the object identifier are displayed in the operation page, so that the user can visually edit the three-dimensional model in the browser page, and the editing efficiency and the user experience are improved.
From S301 to S304, the three-dimensional model is displayed in the visualized page according to the model information of the three-dimensional model, and the operation of adding the interactive object is input at the first position of the operation page, so that the interactive object can be added at the second position on the surface of the three-dimensional model displayed in the operation page, and the interactive object can be added at a certain position on the three-dimensional model without writing a code, so that the editing efficiency of the three-dimensional model in the page can be improved, and the editing efficiency of the page can be further improved.
In a possible implementation manner, the method further includes:
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.
The model information of the three-dimensional model comprises skeleton information, map information and model configuration information of the three-dimensional model, and the three-dimensional model can be displayed on a browser page according to the skeleton information, the map information and the model configuration information.
The page configuration information of the browser page is user configuration input by a user, and comprises the following steps: the method comprises the following steps of node interface name information, node hover information, page theme information, page animation information and the like. The node interface name information comprises an interface name corresponding to a browser page, the node home information comprises home information of the browser page, the page theme information comprises a theme corresponding to the browser page, and the page animation information comprises animation effects displayed on the browser page.
The page configuration data includes part menu configuration data, part label configuration data, theme configuration data, animation configuration data, and object configuration data. The method comprises the steps that part menu configuration data are used, part marking configuration data are used for displaying menu information and marking information of each part of a three-dimensional model on a browser page, theme configuration data are used for displaying a theme corresponding to the browser page, and animation configuration data are used for displaying a corresponding animation effect on the browser page.
In a possible implementation manner, the page configuration data further includes component menu configuration data, component labeling 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, the menu configuration data and the component label configuration data may be generated according to the model information, or may be input by the user on the operation interface, where the obtaining manner of the menu configuration data and the component label configuration data is not particularly limited.
Referring to fig. 7, fig. 7 is a schematic diagram illustrating generation of a page configuration file, where the first terminal device 120 generates 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. The model information comprises skeleton information, map information and model configuration information. The page configuration information comprises node interface name information, node driver information, page theme information and page animation information. Generating page configuration data according to the model information and the page configuration information, where the page configuration data includes component menu configuration data, component label configuration data, theme configuration data, animation configuration data, and object configuration data, then encrypting the page configuration data to obtain a page configuration file, and sending the page configuration file to the server 110.
In a possible implementation manner, the page configuration file may be in a json format.
Illustratively, the page profile may be:
Figure BDA0003837062410000101
the template name is the name corresponding to the page template used by the browser page, and the model resource address is the address for acquiring the model information of the three-dimensional model. The name of the red dot is the name of the interactive object, and the marking information of the red dot is the annotation information of the interactive object. The menu text is text information displayed on the browser page, and the model node name is the name of the second position.
In the implementation manner, when the first terminal device 120 or the second terminal device 130 requests to display a browser page including the three-dimensional model, the page configuration file corresponding to the browser page is obtained from the server, rendering is performed according to the page configuration file, and the browser page including the three-dimensional model is displayed, where an interactive object is provided at a second position of the three-dimensional model, and the interactive object is used for responding to a click operation input by a user and implementing interaction with the user.
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, which causes model information of the three-dimensional model to be leaked and has poor security.
Based on this, in a possible implementation manner, the generating page configuration data according to the model information of the three-dimensional model and the page configuration information of the browser page by using the object configuration data includes: encrypting the model information to obtain first encrypted data; and generating page configuration data according to the object configuration data, the first encryption data and the page configuration information of the browser page.
In another possible implementation manner, generating a page configuration file according to the page configuration data includes: encrypting the page configuration data to obtain second encrypted data; and generating a page configuration file according to the second encrypted data.
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 may be an Advanced Encryption Standard (AES) Encryption algorithm. It should be noted that the AES encryption algorithm is a symmetric block encryption algorithm, uses 128-bit block encryption data, and has a characteristic of high encryption strength. And the AES encryption algorithm supports subkey encryption.
In the implementation manner, when the first terminal device 120 or the second terminal device 130 requests to display a browser page including the three-dimensional model, the page configuration file corresponding to the browser page is obtained from the server, and in the case that the page configuration file is encrypted, the page configuration file is decrypted first, then rendering is performed according to page configuration data in the decrypted page configuration file, and the browser page including the interactive three-dimensional model is displayed, wherein an interactive object is provided at a second position of the three-dimensional model, and the interactive object is used for responding to a click operation input by a user and implementing interaction with the user.
It should be noted that, rendering is performed 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 may be sequentially rendered, or synchronous rendering may be performed on 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, where a rendering manner and a rendering process of the page configuration data are not particularly limited.
Therefore, the security can be effectively improved by the page configuration file obtained by encrypting the model information.
The above description has presented the embodiments of the present application primarily from a method perspective. It is to be understood that the page editing apparatus includes at least one of a hardware structure and a software module corresponding to each function in order to implement the above-described functions. Those of skill in the art would readily appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as hardware or combinations of hardware and computer software. Whether a function is performed in hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
In the embodiment of the present application, the page editing device may be divided into the functional units according to the above method example, for example, each functional unit may be divided corresponding to each function, or two or more functions may be integrated into one processing unit. The integrated unit may be implemented in the form of hardware, or may also be implemented in the form of a software functional unit. It should be noted that the division of the unit in the embodiment of the present application is schematic, and is only a logic function division, and there may be another division manner in actual implementation.
Illustratively, fig. 8 shows a block diagram of a structure of a page editing apparatus according to an exemplary embodiment of the present application. The page editing apparatus includes:
the page display unit 710 is configured to display an operation page, where a three-dimensional model is displayed on the operation page, the three-dimensional model is displayed in a browser page, and the operation page is used to edit the three-dimensional model.
It should be noted that the browser page may be displayed on the first terminal device 120, and may also be displayed on the second terminal device 130.
A first determining unit 720, configured to determine, in response to an input operation at a first position of the operation page, two-dimensional coordinates of the first position on a two-dimensional plane on which the operation page is located, the input operation being used to add an interactive object on the three-dimensional model.
The second determining unit 730 is configured to determine, according to the two-dimensional coordinate of the first position, a three-dimensional coordinate of a second position in a three-dimensional space where the three-dimensional model is located, where the second position is a mapping position of the first position on a surface of the three-dimensional model.
A data generating unit 740 for generating object configuration data according to the three-dimensional coordinates of the second location, the object configuration data being used for displaying the interactive object at the second location.
For example, in conjunction with fig. 3, the page display unit 710 may be configured to perform step 301 shown in fig. 3, the first determination unit 720 may be configured to perform step 302 shown in fig. 3, the second determination unit 730 may be configured to perform step 303 shown in fig. 3, and the data generation unit 740 may be configured to perform step 304 shown in fig. 3.
Optionally, the second determining unit 730 is specifically configured to determine, according to the two-dimensional coordinate of the first location, a three-dimensional coordinate of the first location in the three-dimensional space; and determining the coordinate of the intersection point of a 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, wherein the first ray is determined according to a connecting line between the three-dimensional coordinate point of the central position of the three-dimensional space and the three-dimensional coordinate point of the first position.
Optionally, the data generating unit 740 is specifically configured to receive the input model annotation information, and generate object configuration data according to the model annotation information and the three-dimensional coordinates of the second location, where the object configuration data is used to display an interactive object at the second location, and the interactive object is used to display the model annotation information.
Optionally, the interactive object has an object identifier, and the data generating unit 740 is further configured to, in response to the input operation, display an information receiving control and an object identifier at the first position, where the information receiving control is configured to receive the model annotation information, and the object identifier is configured to indicate the interactive object corresponding to the model annotation information.
Optionally, the data generating unit 740 is further configured to generate 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.
Optionally, the data generating unit 740 is specifically configured to encrypt the model information to obtain first encrypted data; and generating page configuration data according to the object configuration data, the first encryption data and the page configuration information of the browser page.
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.
Optionally, the encryption algorithm used for encryption is an AES encryption algorithm.
Optionally, the page display unit 710 is specifically configured to determine skeleton information, map information, and model configuration information of the three-dimensional model from model information of the three-dimensional model, where the model configuration information includes an association relationship between the skeleton information and the map information; and displaying the operation page according to the skeleton information, the map information and the model configuration information.
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 determining the two-dimensional coordinates of the first position in the planar rectangular coordinate system according to the coordinates of the at least two reference points on the operation page in the planar rectangular coordinate system and the distances between the first position and the at least two reference points.
For the detailed description of the above alternative modes, reference may be made to the foregoing method embodiments, which are not described herein again. In addition, for the explanation and the description of the beneficial effects of any page editing device provided above, reference may be made to the corresponding method embodiment described above, and details are not repeated.
As an example, in conjunction with fig. 2, the functions implemented in part or all of the page display unit 710 in the page editing apparatus may be implemented by the processor 210 in fig. 2 executing the program code in the memory 220 in fig. 2 and by 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 may be implemented by the processor 210 in fig. 2 executing the program code in the memory 220 in fig. 2. The embodiment of the present application further provides a computer-readable storage medium, where at least one computer instruction is stored in the computer-readable storage medium, and the at least one computer instruction is loaded and executed by a processor to implement the page editing method according to the above embodiments. For the explanation and the description of the beneficial effects of any of the computer-readable storage media provided above, reference may be made to the corresponding embodiments described above, and details are not repeated here.
The embodiment of the application also provides a chip. The chip integrates a control circuit and one or more ports for realizing the functions of the page editing system. Optionally, the functions supported by the chip may refer to the above, and are not described herein again. Those skilled in the art will appreciate that all or part of the steps for implementing the above embodiments may be performed by a program instructing the relevant hardware. The program may be stored in a computer-readable storage medium. The storage medium mentioned above may be a read-only memory, a random access memory, or the like. The processing unit or processor may be a central processing unit, a general purpose processor, an Application Specific Integrated Circuit (ASIC), a microprocessor (DSP), a Field Programmable Gate Array (FPGA) or other programmable logic device, a transistor logic device, a hardware component, or any combination thereof.
Embodiments of the present application further provide a computer program product containing instructions, which when executed on a computer, cause the computer to execute any one of the methods in the foregoing embodiments. The computer program product includes one or more computer instructions. The procedures or functions according to the embodiments of the present application are all or partially generated when the computer program instructions are loaded and executed on a computer. The computer may be a general purpose computer, a special purpose computer, a network of computers, or other programmable device. The computer instructions may be stored on a computer readable storage medium or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wire (e.g., coaxial cable, fiber optic, digital Subscriber Line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.). Computer-readable storage media can be any available media that can be accessed by a computer or can comprise one or more data storage devices, such as servers, data centers, and the like, that can be integrated with the media. The available media may be magnetic media (e.g., floppy disks, hard disks, tapes), optical media (e.g., DVDs), or semiconductor media (e.g., SSDs), among others.
It should be noted that the above devices for storing computer instructions or computer programs provided in the embodiments of the present application, such as, but not limited to, the above memories, computer readable storage media, communication chips, and the like, all have non-volatility (non-volatility). Those skilled in the art will recognize that the functionality described in the embodiments of the present application may be implemented in hardware, software, firmware, or any combination thereof, in one or more of the examples described above. When implemented in software, the functions may be stored on or transmitted over as one or more instructions or code on a computer-readable storage medium. Computer-readable storage media includes both computer storage media and communication media including any medium that facilitates transfer of a computer program from one place to another. A storage media may be any available media that can be accessed by a general purpose or special purpose computer.
The above description is only exemplary of the present application and should not be taken as limiting, and any modifications, equivalents, improvements and the like that are made within the spirit and principle of the present application should be included in the scope of the present application.

Claims (12)

1. A method for page editing, the method comprising:
displaying an operation page, wherein a three-dimensional model is displayed on the operation page, and the operation page is used for editing a browser page on which the three-dimensional model is displayed;
responding to an input operation of a first position on the operation page, and determining a two-dimensional coordinate of the first position on a two-dimensional plane where the operation page is located, wherein the input operation is to add an interactive object on the three-dimensional model, and the interactive object is 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, wherein the second position is a position where the first position is mapped on the surface of the three-dimensional model;
and generating object configuration data according to the three-dimensional coordinates of the second position, wherein the object configuration data is used for displaying the interactive object at the second position when the three-dimensional model is displayed on the browser page.
2. The page editing method according to claim 1, wherein the determining, according to the two-dimensional coordinates of the first position, the three-dimensional coordinates of the second position in the three-dimensional space where the three-dimensional model is located includes:
determining the three-dimensional coordinates of the first position in the three-dimensional space according to the two-dimensional coordinates of the first position;
and determining the 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, wherein the first ray is determined according to a connecting line between the three-dimensional coordinate point of the central position of the three-dimensional space and the three-dimensional coordinate point of the first position.
3. The page editing method of claim 1, wherein said generating object configuration data from the three-dimensional coordinates of the second location comprises:
receiving input model annotation information, wherein the model annotation information is used for describing information of the three-dimensional model;
generating the object configuration data from the model annotation information and the three-dimensional coordinates of the second location; wherein the interactive object displayed at the second location is used to present the model annotation information.
4. The page editing method of claim 3, wherein the interactive object has an object identification, the method further comprising:
and responding to the input operation, displaying an information receiving control and an object identification at the first position, wherein the information receiving control is used for receiving the model annotation information, and the object identification is used for indicating an interactive object corresponding to the model annotation information.
5. The page editing method of claim 1, wherein the method further comprises:
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.
6. The page editing method of claim 5, wherein the 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 comprises:
encrypting the model information to obtain first encrypted data;
and generating page configuration data according to the object configuration data, the first encryption data and the page configuration information of the browser page.
7. The page editing method of claim 5, wherein the generating a page configuration file according to the page configuration data comprises:
encrypting the page configuration data to obtain second encrypted data;
and generating a page configuration file according to the second encrypted data.
8. The page editing method according to claim 6 or 7, wherein the encryption algorithm used for the encryption is an AES encryption algorithm.
9. The page editing method of claim 1, wherein the displaying the operation page comprises:
determining skeleton information, map information and model configuration information of the three-dimensional model from model information of the three-dimensional model, wherein the model configuration information comprises an incidence relation between the skeleton information and the map information;
and displaying the operation page according to the skeleton information, the map information and the model configuration information.
10. The page editing method according to claim 1, wherein the determining the two-dimensional coordinates of the first position on the two-dimensional plane where the operation page is located includes:
establishing a plane rectangular coordinate system of a two-dimensional plane where the operation page is located;
and determining two-dimensional coordinates of the first position in the planar rectangular coordinate system according to coordinates of at least two reference points in the planar rectangular coordinate system and distances between the at least two reference points and the first position respectively.
11. A page editing apparatus, characterized in that the apparatus comprises:
the page display unit is used for displaying an operation page, wherein a three-dimensional model is displayed on the operation page, and the operation page is used for editing a browser page on which the three-dimensional model is displayed;
the first determining unit is used for responding to an input operation of a first position on the operation page and determining two-dimensional coordinates of the first position on a two-dimensional plane where the operation page is located, wherein the input operation is used for adding an interactive object on the three-dimensional model, and the interactive object is used for realizing the interaction between a user and the three-dimensional model;
the second determining unit is used for determining the three-dimensional coordinate of a second position in the three-dimensional space where the three-dimensional model is located according to the two-dimensional coordinate of the first position, wherein the second position is the position of the first position mapped on the surface of the three-dimensional model;
a data generating unit, configured to generate object configuration data according to the three-dimensional coordinates of the second location, where the object configuration data is used to generate a page configuration file of the browser page, and the object configuration data is further used to display the interactive object at the second location when the browser page displays the three-dimensional model.
12. A server, comprising: the processor is connected with the memory; the memory is used for storing computer-executable instructions, and the processor executes the computer-executable instructions stored by the memory, thereby implementing the method of any one of claims 1-10.
CN202211090520.7A 2022-09-07 2022-09-07 Page editing method, equipment and server Pending CN115586894A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211090520.7A CN115586894A (en) 2022-09-07 2022-09-07 Page editing method, equipment and server

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211090520.7A CN115586894A (en) 2022-09-07 2022-09-07 Page editing method, equipment and server

Publications (1)

Publication Number Publication Date
CN115586894A true CN115586894A (en) 2023-01-10

Family

ID=84772158

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211090520.7A Pending CN115586894A (en) 2022-09-07 2022-09-07 Page editing method, equipment and server

Country Status (1)

Country Link
CN (1) CN115586894A (en)

Similar Documents

Publication Publication Date Title
US11875010B2 (en) Systems, methods, and computer-readable media for managing collaboration on a virtual work of art
US10382404B2 (en) Secure cloud-based clipboard for touch devices
US10657716B2 (en) Collaborative augmented reality system
JP5304341B2 (en) Information visualization system, method and program
US11893702B2 (en) Virtual object processing method and apparatus, and storage medium and electronic device
US9870144B2 (en) Graph display apparatus, graph display method and storage medium
CN109460233A (en) Primary interface display update method, device, terminal device and the medium of the page
CN114648615B (en) Method, device and equipment for controlling interactive reproduction of target object and storage medium
US9524573B2 (en) Systems, methods, and computer-readable media for manipulating and mapping tiles of graphical object data
KR20120010041A (en) Method and system for authoring of augmented reality contents on mobile terminal environment
TW201015485A (en) Performance analysis during visual creation of graphics images
CN115018955B (en) Image generation method and device
EP4030373A1 (en) Object comparison method, and device
US11048376B2 (en) Text editing system for 3D environment
CN115586894A (en) Page editing method, equipment and server
CN113010582A (en) Data processing method and device, computer readable medium and electronic equipment
CN116450021A (en) Large screen building method, system, electronic equipment and storage medium
CN113856202A (en) Game data editing method, device, editor, readable medium and equipment
CN107784132A (en) CAD Mapping Systems based on body-sensing technology
CN110012089B (en) Control method and electronic equipment
CN113487704B (en) Dovetail arrow mark drawing method and device, storage medium and terminal equipment
WO2024060890A1 (en) Information prompting method and apparatus for virtual terminal device, device, medium, and product
CN116382555A (en) Screen-throwing windowed reverse touch control method, intelligent screen and storage medium
CN113870394A (en) Animation generation method, device, equipment and storage medium
CN114201251A (en) Method, apparatus, device and medium for reducing writing trace display delay

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination