页面编辑方法、设备及服务器技术

本申请关于一种页面编辑方法、设备及服务器，涉及页面开发技术领域，在本申请中，通过在操作页面的第一位置输入添加交互式对象的操作，即可实现在操作页面所显示的三维模型的表面的第二位置添加交互式对象，因此无需编写代码也能实现对浏览器页面中三维模型的编辑。从而，本申请提供的方法能够节约三维模型的编辑时间，提升显示有三维模型的页面的编辑效率。提升显示有三维模型的页面的编辑效率。提升显示有三维模型的页面的编辑效率。

【技术实现步骤摘要】
页面编辑方法、设备及服务器


[0001]本申请涉及页面开发
，尤其涉及一种页面编辑方法、设备及服务器。

技术介绍

[0002]WebGL(Web Graphics Library)是一种3D绘图标准，这种绘图标准可以把脚本语言JavaScript和着色语言OpenGL ES 2.0结合在一起，无需浏览器插件，就能够在浏览器页面中呈现出交互式的三维模型。在针对包括三维模型的页面的编辑过程中，涉及在三维模型上的某个目标位置添加红点(红色热点)，即交互式对象，其中，该交互式对象用于实现用户与三维模型的交互。在页面编辑过程中，需要用户(如页面开发人员)通过编写代码在页面中添加交互式对象的配置数据，并建立该交互式对象与三维模型上的某个目标位置的关联关系。然而，用户手动编写代码，具有编写时间长，编写效率低的缺陷，导致对浏览器页面中三维模型的编辑的效率较低的技术问题。因此，如何提高对浏览器页面中的三维模型的编辑效率，成为亟待解决的技术问题。

技术实现思路

[0003]本申请实施例提供一种页面编辑方法、设备及服务器，用于提高浏览器页面中的三维模型的编辑效率。
[0004]为达到上述目的，本申请的实施例采用如下技术方案：
[0005]第一方面，提供了一种页面编辑方法，该方法包括：显示操作页面，操作页面上显示有三维模型，操作页面用于对显示有三维模型的浏览器页面进行编辑；响应于在操作页面上第一位置的输入操作，确定第一位置在操作页面所在的二维平面的二维坐标，输入操作为在三维模型上添加交互式对象，交互式对象用于实现用户与三维模型的交互；根据第一位置的二维坐标，确定第二位置在三维模型所在的三维空间的三维坐标，第二位置为第一位置在三维模型表面的映射位置；根据第二位置的三维坐标生成对象配置数据，对象配置数据用于在浏览器页面显示三维模型时，在第二位置显示交互式对象。通过本申请提供的方法，通过在操作页面的第一位置输入添加交互式对象的操作，即可实现在操作页面所显示的三维模型的表面的第二位置添加交互式对象，因此无需编写代码也能实现对浏览器页面中三维模型的编辑。从而，本申请提供的方法能够节约三维模型的编辑时间，提升显示有三维模型的页面的编辑效率。
[0006]在第一方面的一种可能的实现方式中，根据第一位置的二维坐标，确定第二位置在三维模型所在的三维空间的三维坐标，包括：根据第一位置的二维坐标确定第一位置在三维空间的三维坐标；将第一射线与三维模型的外表面的交点在三维空间中的坐标，确定为第二位置的三维坐标，第一射线根据三维空间的中心位置的三维坐标点和第一位置的三维坐标点之间的连线确定。通过如此坐标转换的方式，即可根据第一位置关联到三维模型表面上的第二位置，从而在第二位置上添加交互式对象。这对于用户(如页面开发人员)来说，所见即所得，也就是说，可以可视化地选择要添加交互式对象的位置，而无需手动输入
和调整第二位置的坐标，因此具有较高的编辑效率。
[0007]在第一方面的一种可能的实现方式中，根据第二位置的三维坐标生成对象配置数据，包括：接收输入的模型注释信息，模型注释信息用于描述三维模型的信息，根据模型注释信息和第二位置的三维坐标生成对象配置数据，对象配置数据用于在第二位置显示出交互式对象，交互式对象用于展示模型注释信息。模型注释信息用于对三维模型进行解释说明。一方面，对于一些用户(如页面开发人员，即后端开发者)来说，可以在操作页面中直接输入模型注释信息，而无需将模型注释信息编写在代码中，这样可以提供对三维模型的编辑效率。另一方面，对于另一些用户来说(如前端用户)，当该浏览器页面显示在前端设备上时，其可通过模型注释信息全面了解三维模型，提升用户体验。
[0008]在第一方面的一种可能的实现方式中，交互式对象具有对象标识，上述方法还包括：响应于在输入操作，在第一位置显示信息接收控件和对象标识，信息接收控件用于接收模型注释信息，对象标识用于指示模型注释信息对应的交互式对象。通过在操作页面中设置信息接收控件，便于用户输入模型注释信息。通过在操作页面中显示对象标识，便于用户确认当前第一位置是否准确。也就是说，通过在操作页面中显示信息接收控件和对象标识，能够有利于用户对浏览器页面中的三维模型进行可视化编辑，提升编辑效率和用户体验。
[0009]在第一方面的一种可能的实现方式中，上述方法还包括：根据对象配置数据、三维模型的模型信息和浏览器页面的页面配置信息，生成页面配置数据；根据页面配置数据生成页面配置文件。该页面配置文件用于在终端设备上显示出浏览器页面，对象配置数据用于在浏览器页面的三维模型上显示出交互式对象。示例的，该页面配置文件可以存储在服务器中，当服务器接收到终端设备发送的显示该浏览器页面的请求时，服务器将该页面配置文件发送给该终端设备，进而能够使得该终端设备显示出具有三维模型的浏览器页面。
[0010]在第一方面的一种可能的实现方式中根据对象配置数据、三维模型的模型信息和浏览器页面的页面配置信息，生成页面配置数据包括：对模型信息进行加密，得到第一加密数据；根据对象配置数据、第一加密数据和浏览器页面的页面配置信息，生成页面配置数据。通过将模型信息加密，得到的页面配置文件，能够避免模型信息泄露，有效提升安全性。
[0011]在第一方面的一种可能的实现方式中，根据页面配置数据生成页面配置文件包括：对页面配置数据进行加密，得到第二加密数据；根据第二加密数据，生成页面配置文件。通过将模型信息加密，得到的页面配置文件，能够避免模型信息泄露，有效提升安全性。
[0012]在第一方面的一种可能的实现方式中，上述加密所使用的加密算法为AES加密算法。通过AES加密算法对模型信息进行加密，避免模型信息被其他用户解密，而导致泄露，有效提升模型信息的安全性。
[0013]在第一方面的一种可能的实现方式中，显示操作页面，包括：从三维模型的模型信息中确定三维模型的骨架信息、贴图信息以及模型配置信息，模型配置信息包括骨架信息与贴图信息之间的关联关系；根据骨架信息、贴图信息以及模型配置信息，显示操作页面。根据三维模型的骨架信息、贴图信息以及模型配置信息，在操作页面上显示三维模型，为用户提供了一种可视化的操作页面，便于用户在可视化页的操作页面中直接输入添加交互式对象的操作，无需编写代码，提升用户的使用体验。
[0014]在第一方面的一种可能的实现方式中，确定第一位置在操作页面所在的二维平面的二维坐标，包括：建立操作页面所在的二维平面的平面直角坐标系。根据至少两个参照点
在平面直角坐标系中的坐标，以及至少两个参照点分别与第一位置之间的距离，确定第一位置在平面直角坐标系中的二维坐标。通过两个参照点能够确定第一位置在该二维平面的二维坐标，通过上述坐标转换的方式，即可根据第一位置关联到三维模型表面上的第二位置，从而在第二位置上添加交互式对象。这对于用户(如页面开发人员)来说，所见即所得，也就是说，可以可视化地选择要添加交互式对象的位置，而无需手动输入和调整第二位置的坐标，因此具有较高的编辑效率。
[0015本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种页面编辑方法，其特征在于，所述方法包括：显示操作页面，所述操作页面上显示有三维模型，所述操作页面用于对显示有所述三维模型的浏览器页面进行编辑；响应于在所述操作页面上第一位置的输入操作，确定所述第一位置在所述操作页面所在的二维平面的二维坐标，所述输入操作为在所述三维模型上添加交互式对象，所述交互式对象用于实现用户与所述三维模型的交互；根据所述第一位置的二维坐标，确定第二位置在所述三维模型所在的三维空间的三维坐标，所述第二位置为所述第一位置映射在所述三维模型表面的位置；根据所述第二位置的三维坐标生成对象配置数据，所述对象配置数据用于在所述浏览器页面显示所述三维模型时，在所述第二位置显示所述交互式对象。2.根据权利要求1所述的页面编辑方法，其特征在于，所述根据所述第一位置的二维坐标，确定第二位置在所述三维模型所在的三维空间的三维坐标包括：根据所述第一位置的二维坐标确定所述第一位置在所述三维空间的三维坐标；将第一射线与所述三维模型的外表面的交点在所述三维空间中的坐标，确定为所述第二位置的三维坐标，所述第一射线根据所述三维空间的中心位置的三维坐标点和所述第一位置的三维坐标点之间的连线确定。3.根据权利要求1所述的页面编辑方法，其特征在于，所述根据所述第二位置的三维坐标生成对象配置数据包括：接收输入的模型注释信息，所述模型注释信息用于描述所述三维模型的信息；根据所述模型注释信息和所述第二位置的三维坐标生成所述对象配置数据；其中，所述第二位置显示的所述交互式对象用于展示所述模型注释信息。4.根据权利要求3所述的页面编辑方法，其特征在于，所述交互式对象具有对象标识，所述方法还包括：响应于所述输入操作，在所述第一位置显示信息接收控件和对象标识，所述信息接收控件用于接收所述模型注释信息，所述对象标识用于指示所述模型注释信息对应的交互式对象。5.根据权利要求1所述的页面编辑方法，其特征在于，所述方法还包括：根据所述对象配置数据、所述三维模型的模型信息和所述浏览器页面的页面配置信息，生成页面配置数据；根据所述页面配置数据生成页面配置文件。6.根据权利要求5所述的页面编辑方法，其特征在于，所述根据所述对象配置数据、所述三维模型的模型信息和所述浏览器页面的页面配置信息，生成页面配置数据包括：对所述模型信息进行加密，得到第一加密数...

【专利技术属性】
技术研发人员：冯浩霖，陈粞林，
申请(专利权)人：超聚变数字技术有限公司，
类型：发明
国别省市：