CN115311409A - 基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 - Google Patents
基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 Download PDFInfo
- Publication number
- CN115311409A CN115311409A CN202210731970.3A CN202210731970A CN115311409A CN 115311409 A CN115311409 A CN 115311409A CN 202210731970 A CN202210731970 A CN 202210731970A CN 115311409 A CN115311409 A CN 115311409A
- Authority
- CN
- China
- Prior art keywords
- tile
- electromechanical system
- model
- angle
- scene
- 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
Links
Images
Classifications
-
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
Abstract
本发明实施例公开了基于WEBGL的机电系统可视化方法、装置、计算机设备及存储介质。方法包括：搭建3D机电系统场景；渲染3D机电系统图片；进行分割和编号处理，以得到瓦片；使用WEBGL引擎构建3D场景；创建瓦片加载器，加载所有瓦片；加载3D模型，存储于瓦片加载器；添加场景监听事件；判断是否是点击事件触发；若是，则获取当前点击选中的瓦片以及ID；选取3D模型，将模型位置与2.5D视角下的瓦片对准，显示相关信息；若否，则获取旋转角度对应的ID；查询当前角度对应的瓦片集合，以得到查询结果；判断是否找到对应角度的瓦片集合；若否，则生成提示信息。通过实施本发明实施例的方法可实现既包含了3D的交互渲染效果以及展示形式，又包含了2D加载速度快性能好的优点。
Description
技术领域
本发明涉及三维可视化方法，更具体地说是指基于WEBGL的机电系统可视化方法、装置、计算机设备及存储介质。
背景技术
基于WEBGL的机电系统可视化会对机电行业带来巨大的遍历，用户可以实时观测机电设备的运行状态，设备是否处于正常运行，用户通过与设备进行交互可以查看设备的当前的运行状态信息，设备的使用年限以及故障率等信息。通过3D基于WEBGL的机电系统可视化技术可以以不同的角度查看整个系统的设备分布方式以及用户可以实现鼠标或者外设与机电模型进行交互，为用户感知整个机电系统带来极大的遍历。
在实际项目开发过程中，一般3D机电系统模型体积较大，大都需要几百兆的内存空间存储，WEBGL展示压力较大同时传输数据慢，一般中低端机的用户体验极差，开发商的机电系统往往不能被用户很便利的使用，使整个系统推广速度缓慢，只能对特定用户友好展示；通过2D流程图展示的机电系统，虽然解决了模型体积大小问题以及展示性能问题，但是用户无法感知整个机电系统的分布排列以及无法与机电系统的具体部件进行交互，可视化程度较低，用户体验也不佳。
针对上述问题，目前一般的做法是只使用2D或者3D中的一种技术来搭建基于WEBGL的机电系统可视化，对于3D机电可视化系统降低模型的质量以及渲染效果从而降低渲染的性能开销，视觉效果无法保证；对于2D系统，采用平面图的形式进行定位展示，在指定位置通过按钮或者弹框触发交互事件，不能进行实际的3D交互。
因此，有必要设计一种新的方法，实现既包含了3D的交互渲染效果以及展示形式，又包含了2D加载速度快性能好的优点。
发明内容
本发明的目的在于克服现有技术的缺陷，提供基于WEBGL的机电系统可视化方法、装置、计算机设备及存储介质。
为实现上述目的，本发明采用以下技术方案：基于WEBGL的机电系统可视化方法，包括：
根据3D机电系统模型搭建3D机电系统场景；
根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；
对所述3D机电系统图片进行分割和编号处理，以得到瓦片；
使用WEBGL引擎构建基础的3D场景；
创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；
添加场景监听事件，以得到监听结果；
判断所述监听结果是否是点击事件触发；
若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；
若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；
遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；
判断所述查询结果是否是找到对应角度的瓦片集合；
若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
其进一步技术方案为：所述根据3D机电系统模型搭建3D机电系统场景，包括：
使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；
搭建3D机电系统场景。
其进一步技术方案为：所述对所述3D机电系统图片进行分割和编号处理，以得到瓦片，包括：
按照不同角度分割所述3D机电系统图片，以得到分割结果；
对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
其进一步技术方案为：所述3D场景包括场景、灯光、相机、渲染器以及后处理基础组件信息。
其进一步技术方案为：所述通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息，包括：
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
本发明还提供了基于WEBGL的机电系统可视化装置，包括：
场景搭建单元，用于根据3D机电系统模型搭建3D机电系统场景；
图片渲染单元，用于根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；
处理单元，用于对所述3D机电系统图片进行分割和编号处理，以得到瓦片；
3D场景构建单元，用于使用WEBGL引擎构建基础的3D场景；
加载器创建单元，用于创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
加载单元，用于加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；
添加单元，用于添加场景监听事件，以得到监听结果；
事件判断单元，用于判断所述监听结果是否是点击事件触发；
第一获取单元，用于若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；
选取单元，用于通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；
第二获取单元，用于若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；
遍历单元，用于遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；
查询判断单元，用于判断所述查询结果是否是找到对应角度的瓦片集合；若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
生成单元，用于若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
其进一步技术方案为：所述场景搭建单元包括：
模型创建子单元，用于使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；
搭建子单元，用于搭建3D机电系统场景。
8.根据权利要求7所述的基于WEBGL的机电系统可视化装置，其特征在于，所述处理单元包括：
分割子单元，用于按照不同角度分割所述3D机电系统图片，以得到分割结果；
编号子单元，用于对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
本发明还提供了一种计算机设备，所述计算机设备包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现上述的方法。
本发明还提供了一种存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。
本发明与现有技术相比的有益效果是：本发明通过搭建3D机电系统场景，并以此渲染3D机电系统图片，对图片进行分割和编号处理，结合WEBGL引擎构建基础的3D场景，创建瓦片加载器以加载瓦片，添加场景监听事件，当出现点击事件时结合ID进行3D模型的显示，当出现旋转事件时，则结合ID进行瓦片查询，持续加载瓦片，没有瓦片时生成提示信息，既含有3D机电可视化系统的可交互，渲染效果好的优势，同时也包含了2D机电展示系统速度快、性能好的优点，对于中低端客户的用户体验得到了巨大的提升，对基于WEBGL的机电系统可视化的推广带来了极大的便利。
下面结合附图和具体实施例对本发明作进一步描述。
附图说明
为了更清楚地说明本发明实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的基于WEBGL的机电系统可视化方法的应用场景示意图；
图2为本发明实施例提供的基于WEBGL的机电系统可视化方法的流程示意图；
图3为本发明实施例提供的基于WEBGL的机电系统可视化方法的子流程示意图；
图4为本发明实施例提供的基于WEBGL的机电系统可视化方法的子流程示意图；
图5为本发明实施例提供的基于WEBGL的机电系统可视化装置的示意性框图；
图6为本发明实施例提供的基于WEBGL的机电系统可视化装置的场景搭建单元的示意性框图；
图7为本发明实施例提供的基于WEBGL的机电系统可视化装置的处理单元的示意性框图；
图8为本发明实施例提供的计算机设备的示意性框图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。
应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。
还应当理解，在此本发明说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本发明。如在本发明说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。
还应当进一步理解，在本发明说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。
请参阅图1和图2，图1为本发明实施例提供的基于WEBGL的机电系统可视化方法的应用场景示意图。图2为本发明实施例提供的基于WEBGL的机电系统可视化方法的示意性流程图。该基于WEBGL的机电系统可视化方法应用于服务器中。该服务器与终端进行数据交互，通过基于瓦片的WEBGL实现可交互2.5D基于WEBGL的机电系统可视化，解决了web端大规模机电系统模型加载缓慢问题。既保留了3D机电系统的视觉效果以及可交互的优点，又包含了2D资源加载速度快的特性，降低了基于WEBGL的机电系统可视化的门槛，同时对客户端电脑配置的要求更低，便于机电可视化系统的推广。
图2是本发明实施例提供的基于WEBGL的机电系统可视化方法的流程示意图。如图2所示，该方法包括以下步骤S110至S240。
S110、根据3D机电系统模型搭建3D机电系统场景。
在本实施例中，3D机电系统模型是指机电系统的3D模型，3D机电系统场景是指机电系统所运用的场景采用3D形式呈现的结果。
在一实施例中，请参阅图3，上述的步骤S110可包括步骤S111～S112。
S111、使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；
S112、搭建3D机电系统场景。
S120、根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片。
在本实施例中，3D机电系统图片是指3D机电系统模型对应的渲染图片。
S130、对所述3D机电系统图片进行分割和编号处理，以得到瓦片。
在本实施例中，瓦片是指带有角度ID以及交互信息和模型信息的分割3D机电系统图片后形成的小图片。
在一实施例中，请参阅图4，上述的步骤S130可包括步骤S131～S132。
S131、按照不同角度分割所述3D机电系统图片，以得到分割结果。
在本实施例中，分割结果是指对3D机电系统图片进行分割后形成的小图片。
将不同角度的3D机电系统图片分割成256*256或者其他尺寸的小图片，保证每个小图片的大小相同，图片之间不能有重叠部分。
S132、对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
在本实施例中，对分割的瓦片编号，设置对应的信息ID，绑定当前瓦片的交互信息、展示信息以及当前瓦片对应的机电系统部分需要展示的构件信息。
S140、使用WEBGL引擎构建基础的3D场景。
在本实施例中，所述3D场景包括场景、灯光、相机、渲染器以及后处理基础组件信息，用于渲染2.5D场景以及3D交互。
S150、创建瓦片加载器，加载当前指定角度渲染图的所有瓦片。
在本实施例中，瓦片加载器是指用于加载瓦片的工具。
具体地，创建3D机电系统瓦片加载器，加载当前指定角度的渲染图即3D机电系统图片的所有瓦片。具体是按ID加载当前角度对应的渲染图的所有瓦片。
S160、加载不同瓦片绑定的不同3D模型，存储于瓦片加载器。
在本实施例中，按照瓦片ID，加载的不同机电部件模型，存储于瓦片加载器中。
具体地，遍历瓦片，收集瓦片中带有模型的ID，加载对应的所有模型部件存储于瓦片加载器，用于交互显示。
S170、添加场景监听事件，以得到监听结果。
在本实施例中，监听结果是指添加场景监听事件后监听所得的结果。
场景监听事件是指用于监听瓦片的选中事件以及瓦片瓦片集合角度的切换事件。
S180、判断所述监听结果是否是点击事件触发。
在本实施例中，点击事件触发是指机电系统的点击事件。
S190、若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID。
具体地，监听机电系统的点击事件，获取当前机电系统点击选中的瓦片以及瓦片对应的ID。
获取当前点击得到的瓦片，获取瓦片对应的ID，通过瓦片ID获取当前瓦片绑定的数据信息。
S200、通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息。
在本实施例中，通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
通过获取到的数据信息查询对应的交互信息，如果是高亮显示模型则查询对应的模型，将模型部件与当前瓦片位置对齐展示，如果当前瓦片绑定的是弹窗信息，则创建3D弹窗展示当前部件的信息。
S210、若所述监听结果不是点击事件触发，则获取旋转角度对应的ID。
在本实施例中，监听场景的旋转事件的触发，获取当前旋转角度对应的ID。
S220、遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果。
在本实施例中，查询结果是指利用ID查询是否有对应的瓦片。
当遍历未结束时，遍历完一张瓦片后，便继续执行步骤S220，若遍历完所有瓦片后，则执行步骤S230。
通过获取到的角度ID查询当前角度ID对应的渲染图瓦片集合，如果可以从预定的机电系统渲染图集合查询到当前机电系统角度对应机电系统渲染图片瓦片集合，则创建新的机电系统的瓦片加载器，加载当前机电系统角度对应的瓦片集合，用于当前角度机电系统交互和展示。如果未查询到当前角度ID对应的机电系统渲染图瓦片集合，则提示用户当前角度对应的瓦片渲染图集合不存在。
S230、判断所述查询结果是否是找到对应角度的瓦片集合；
若所述查询结果是找到对应角度的瓦片集合，则执行所述步骤S150；
S240、若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
在本实施例中，遍历所有机电系统瓦片渲染集合，查询角度的ID对应的机电系统瓦片集合，如果找到对应角度ID的瓦片集合，则返回创建新的机电系统瓦片加载器，加载当前角度下的瓦片集合，用于当前角度机电系统交互以及展示，如果遍历完毕未找到当前角度ID对应的瓦片集合，则提示用户当前角度对应的机电系统渲染图不存在。
上述的基于WEBGL的机电系统可视化方法，通过搭建3D机电系统场景，并以此渲染3D机电系统图片，对图片进行分割和编号处理，结合WEBGL引擎构建基础的3D场景，创建瓦片加载器以加载瓦片，添加场景监听事件，当出现点击事件时结合ID进行3D模型的显示，当出现旋转事件时，则结合ID进行瓦片查询，持续加载瓦片，没有瓦片时生成提示信息，既含有3D机电可视化系统的可交互，渲染效果好的优势，同时也包含了2D机电展示系统速度快、性能好的优点，对于中低端客户的用户体验得到了巨大的提升，对基于WEBGL的机电系统可视化的推广带来了极大的便利。
图5是本发明实施例提供的一种基于WEBGL的机电系统可视化装置300的示意性框图。如图5所示，对应于以上基于WEBGL的机电系统可视化方法，本发明还提供一种基于WEBGL的机电系统可视化装置300。该基于WEBGL的机电系统可视化装置300包括用于执行上述基于WEBGL的机电系统可视化方法的单元，该装置可以被配置于服务器中。具体地，请参阅图5，该基于WEBGL的机电系统可视化装置300包括场景搭建单元301、图片渲染单元302、处理单元303、3D场景构建单元304、加载器创建单元305、加载单元306、添加单元307、事件判断单元308、第一获取单元309、选取单元310、第二获取单元311、遍历单元312、查询判断单元313以及生成单元314。
场景搭建单元301，用于根据3D机电系统模型搭建3D机电系统场景；图片渲染单元302，用于根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；处理单元303，用于对所述3D机电系统图片进行分割和编号处理，以得到瓦片；3D场景构建单元304，用于使用WEBGL引擎构建基础的3D场景；加载器创建单元305，用于创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；加载单元306，用于加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；添加单元307，用于添加场景监听事件，以得到监听结果；事件判断单元308，用于判断所述监听结果是否是点击事件触发；第一获取单元309，用于若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；选取单元310，用于通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；第二获取单元311，用于若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；遍历单元312，用于遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；查询判断单元313，用于判断所述查询结果是否是找到对应角度的瓦片集合；若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；生成单元314，用于若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
在一实施例中，如图6所示，所述场景搭建单元301包括模型创建子单元3011以及搭建子单元3012。
模型创建子单元3011，用于使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；搭建子单元3012，用于搭建3D机电系统场景。
在一实施例中，如图8所示，所述处理单元303包括分割子单元3031以及编号子单元3032。
分割子单元3031，用于按照不同角度分割所述3D机电系统图片，以得到分割结果；编号子单元3032，用于对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
在一实施例中，所述选取单元310，用于通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
需要说明的是，所属领域的技术人员可以清楚地了解到，上述基于WEBGL的机电系统可视化装置300和各单元的具体实现过程，可以参考前述方法实施例中的相应描述，为了描述的方便和简洁，在此不再赘述。
上述基于WEBGL的机电系统可视化装置300可以实现为一种计算机程序的形式，该计算机程序可以在如图8所示的计算机设备上运行。
请参阅图8，图8是本申请实施例提供的一种计算机设备的示意性框图。该计算机设备500可以是服务器，其中，服务器可以是独立的服务器，也可以是多个服务器组成的服务器集群。
参阅图8，该计算机设备500包括通过系统总线501连接的处理器502、存储器和网络接口505，其中，存储器可以包括非易失性存储介质503和内存储器504。
该非易失性存储介质503可存储操作系统5031和计算机程序5032。该计算机程序5032包括程序指令，该程序指令被执行时，可使得处理器502执行一种基于WEBGL的机电系统可视化方法。
该处理器502用于提供计算和控制能力，以支撑整个计算机设备500的运行。
该内存储器504为非易失性存储介质503中的计算机程序5032的运行提供环境，该计算机程序5032被处理器502执行时，可使得处理器502执行一种基于WEBGL的机电系统可视化方法。
该网络接口505用于与其它设备进行网络通信。本领域技术人员可以理解，图8中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备500的限定，具体的计算机设备500可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。
其中，所述处理器502用于运行存储在存储器中的计算机程序5032，以实现如下步骤：
根据3D机电系统模型搭建3D机电系统场景；根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；对所述3D机电系统图片进行分割和编号处理，以得到瓦片；使用WEBGL引擎构建基础的3D场景；创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；添加场景监听事件，以得到监听结果；判断所述监听结果是否是点击事件触发；若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；判断所述查询结果是否是找到对应角度的瓦片集合；若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
其中，所述3D场景包括场景、灯光、相机、渲染器以及后处理基础组件信息。
在一实施例中，处理器502在实现所述根据3D机电系统模型搭建3D机电系统场景步骤时，具体实现如下步骤：
使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；搭建3D机电系统场景。
在一实施例中，处理器502在实现所述对所述3D机电系统图片进行分割和编号处理，以得到瓦片步骤时，具体实现如下步骤：
按照不同角度分割所述3D机电系统图片，以得到分割结果；对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
在一实施例中，处理器502在实现所述通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息步骤时，具体实现如下步骤：
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
应当理解，在本申请实施例中，处理器502可以是中央处理单元303(CentralProcessing Unit，CPU)，该处理器502还可以是其他通用处理器、数字信号处理器(DigitalSignal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
本领域普通技术人员可以理解的是实现上述实施例的方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成。该计算机程序包括程序指令，计算机程序可存储于一存储介质中，该存储介质为计算机可读存储介质。该程序指令被该计算机系统中的至少一个处理器执行，以实现上述方法的实施例的流程步骤。
因此，本发明还提供一种存储介质。该存储介质可以为计算机可读存储介质。该存储介质存储有计算机程序，其中该计算机程序被处理器执行时使处理器执行如下步骤：
根据3D机电系统模型搭建3D机电系统场景；根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；对所述3D机电系统图片进行分割和编号处理，以得到瓦片；使用WEBGL引擎构建基础的3D场景；创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；添加场景监听事件，以得到监听结果；判断所述监听结果是否是点击事件触发；若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；判断所述查询结果是否是找到对应角度的瓦片集合；若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
其中，所述3D场景包括场景、灯光、相机、渲染器以及后处理基础组件信息。
在一实施例中，所述处理器在执行所述计算机程序而实现所述根据3D机电系统模型搭建3D机电系统场景步骤时，具体实现如下步骤：
使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；搭建3D机电系统场景。
在一实施例中，所述处理器在执行所述计算机程序而实现所述对所述3D机电系统图片进行分割和编号处理，以得到瓦片步骤时，具体实现如下步骤：
按照不同角度分割所述3D机电系统图片，以得到分割结果；对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
在一实施例中，所述处理器在执行所述计算机程序而实现所述通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息步骤时，具体实现如下步骤：
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
所述存储介质可以是U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、磁碟或者光盘等各种可以存储程序代码的计算机可读存储介质。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的。例如，各个单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。
本发明实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减。本发明实施例装置中的单元可以根据实际需要进行合并、划分和删减。另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元303中，也可以是各个单元单独物理存在，也可以是两个或两个以上单元集成在一个单元中。
该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分，或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，终端，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。
以上所述，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
Claims (10)
1.基于WEBGL的机电系统可视化方法，其特征在于，包括：
根据3D机电系统模型搭建3D机电系统场景；
根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；
对所述3D机电系统图片进行分割和编号处理，以得到瓦片；
使用WEBGL引擎构建基础的3D场景；
创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；
添加场景监听事件，以得到监听结果；
判断所述监听结果是否是点击事件触发；
若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；
若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；
遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；
判断所述查询结果是否是找到对应角度的瓦片集合；
若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
2.根据权利要求1所述的基于WEBGL的机电系统可视化方法，其特征在于，所述根据3D机电系统模型搭建3D机电系统场景，包括：
使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；
搭建3D机电系统场景。
3.根据权利要求1所述的基于WEBGL的机电系统可视化方法，其特征在于，所述对所述3D机电系统图片进行分割和编号处理，以得到瓦片，包括：
按照不同角度分割所述3D机电系统图片，以得到分割结果；
对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
4.根据权利要求1所述的基于WEBGL的机电系统可视化方法，其特征在于，所述3D场景包括场景、灯光、相机、渲染器以及后处理基础组件信息。
5.根据权利要求1所述的基于WEBGL的机电系统可视化方法，其特征在于，所述通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息，包括：
通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且高亮显示瓦片上对应模型的部件或者以弹窗展示当前机电系统部件的信息。
6.基于WEBGL的机电系统可视化装置，其特征在于，包括：
场景搭建单元，用于根据3D机电系统模型搭建3D机电系统场景；
图片渲染单元，用于根据所述3D机电系统场景预定不同的相机视角渲染3D机电系统图片；
处理单元，用于对所述3D机电系统图片进行分割和编号处理，以得到瓦片；
3D场景构建单元，用于使用WEBGL引擎构建基础的3D场景；
加载器创建单元，用于创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
加载单元，用于加载不同瓦片绑定的不同3D模型，存储于瓦片加载器；
添加单元，用于添加场景监听事件，以得到监听结果；
事件判断单元，用于判断所述监听结果是否是点击事件触发；
第一获取单元，用于若所述监听结果是点击事件触发，则获取当前点击选中的瓦片以及所述瓦片对应的ID；
选取单元，用于通过所述瓦片对应的ID选取所述ID对应的3D模型，将模型位置与2.5D视角下的瓦片对准，并且显示相关信息；
第二获取单元，用于若所述监听结果不是点击事件触发，则获取旋转角度对应的ID；
遍历单元，用于遍历已有的角度的渲染图，查询当前角度对应的瓦片集合，以得到查询结果；
查询判断单元，用于判断所述查询结果是否是找到对应角度的瓦片集合；若所述查询结果是找到对应角度的瓦片集合，则执行所述创建瓦片加载器，加载当前指定角度渲染图的所有瓦片；
生成单元，用于若所述查询结果不是找到对应角度的瓦片集合，则生成用户当前角度渲染图不存在的提示信息。
7.根据权利要求6所述的基于WEBGL的机电系统可视化装置，其特征在于，所述场景搭建单元包括：
模型创建子单元，用于使用max或者任一可渲染3D模型的桌面端软件创建3D机电系统模型；
搭建子单元，用于搭建3D机电系统场景。
8.根据权利要求7所述的基于WEBGL的机电系统可视化装置，其特征在于，所述处理单元包括：
分割子单元，用于按照不同角度分割所述3D机电系统图片，以得到分割结果；
编号子单元，用于对所述分割结果内的每个图进行编号，设置对应的ID，并且对不同的ID绑定不同的交互信息，对需要高亮的瓦片绑定对应的模型信息，以得到瓦片。
9.一种计算机设备，其特征在于，所述计算机设备包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现如权利要求1至5中任一项所述的方法。
10.一种存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1至5中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210731970.3A CN115311409A (zh) | 2022-06-26 | 2022-06-26 | 基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210731970.3A CN115311409A (zh) | 2022-06-26 | 2022-06-26 | 基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN115311409A true CN115311409A (zh) | 2022-11-08 |
Family
ID=83854437
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210731970.3A Pending CN115311409A (zh) | 2022-06-26 | 2022-06-26 | 基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115311409A (zh) |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5850352A (en) * | 1995-03-31 | 1998-12-15 | The Regents Of The University Of California | Immersive video, including video hypermosaicing to generate from multiple video views of a scene a three-dimensional video mosaic from which diverse virtual video scene images are synthesized, including panoramic, scene interactive and stereoscopic images |
| JP2000057379A (ja) * | 1998-08-07 | 2000-02-25 | Fujitsu Ltd | 三次元ｃａｄ及び記録媒体 |
| WO2000021039A1 (en) * | 1998-10-08 | 2000-04-13 | Cyberworld, International Corp. | Architecture and methods for generating and displaying three dimensional representations along with a web display window |
| US20100194778A1 (en) * | 2009-01-30 | 2010-08-05 | Microsoft Corporation | Projecting data dimensions on a visualization data set |
| CN102197653A (zh) * | 2008-10-28 | 2011-09-21 | 皇家飞利浦电子股份有限公司 | 三维显示系统 |
| CN111722711A (zh) * | 2020-06-02 | 2020-09-29 | 广东小天才科技有限公司 | 增强现实场景输出方法及电子设备、计算机可读存储介质 |
| CN111858799A (zh) * | 2020-06-28 | 2020-10-30 | 江苏核电有限公司 | 一种核电厂用全景图像动态定位方法、系统及设备 |
| US20210406994A1 (en) * | 2020-06-24 | 2021-12-30 | Nan Ya Plastics Corporation | Cloud-based cyber shopping mall system |
| CN114373141A (zh) * | 2021-12-09 | 2022-04-19 | 上海城市地理信息系统发展有限公司 | 一种基于虚实结合的管线智能巡航方法、装置和电子设备 |
-
2022
- 2022-06-26 CN CN202210731970.3A patent/CN115311409A/zh active Pending
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US5850352A (en) * | 1995-03-31 | 1998-12-15 | The Regents Of The University Of California | Immersive video, including video hypermosaicing to generate from multiple video views of a scene a three-dimensional video mosaic from which diverse virtual video scene images are synthesized, including panoramic, scene interactive and stereoscopic images |
| JP2000057379A (ja) * | 1998-08-07 | 2000-02-25 | Fujitsu Ltd | 三次元ｃａｄ及び記録媒体 |
| WO2000021039A1 (en) * | 1998-10-08 | 2000-04-13 | Cyberworld, International Corp. | Architecture and methods for generating and displaying three dimensional representations along with a web display window |
| CN102197653A (zh) * | 2008-10-28 | 2011-09-21 | 皇家飞利浦电子股份有限公司 | 三维显示系统 |
| US20100194778A1 (en) * | 2009-01-30 | 2010-08-05 | Microsoft Corporation | Projecting data dimensions on a visualization data set |
| CN111722711A (zh) * | 2020-06-02 | 2020-09-29 | 广东小天才科技有限公司 | 增强现实场景输出方法及电子设备、计算机可读存储介质 |
| US20210406994A1 (en) * | 2020-06-24 | 2021-12-30 | Nan Ya Plastics Corporation | Cloud-based cyber shopping mall system |
| CN111858799A (zh) * | 2020-06-28 | 2020-10-30 | 江苏核电有限公司 | 一种核电厂用全景图像动态定位方法、系统及设备 |
| CN114373141A (zh) * | 2021-12-09 | 2022-04-19 | 上海城市地理信息系统发展有限公司 | 一种基于虚实结合的管线智能巡航方法、装置和电子设备 |
Non-Patent Citations (1)
| Title |
|---|
| 李福送等: "基于 WebGL 技术的机电产品3D 在线交互展示实现", 装备制造技术, no. 9, pages 191 - 193 * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10984601B2 (en) | Data visualization objects in a virtual environment | |
| CN110784446B (zh) | 基于用户权限的云资源获取方法、装置及计算机设备 | |
| KR101267120B1 (ko) | 성능 분석 동안 관련된 그래픽스 데이터에 대한 그래픽스 명령들의 매핑 | |
| WO2017113732A1 (zh) | 用户界面控件的布局方法及系统、控制方法及系统 | |
| WO2023226371A1 (zh) | 目标对象交互式重现的控制方法、装置、设备及存储介质 | |
| CN107526623B (zh) | 一种数据处理方法及装置 | |
| CN112181746A (zh) | 车载操作系统的故障修复方法、装置及设备 | |
| CN115438087B (zh) | 基于缓存库的数据查询方法、装置、存储介质和设备 | |
| CN112053204A (zh) | 一种房源的展示方法和装置 | |
| CN109814867B (zh) | 一种虚拟模型建造方法和系统 | |
| CN109271193B (zh) | 一种数据处理方法、装置、设备及存储介质 | |
| CN114581580A (zh) | 渲染图像的方法、装置、存储介质及电子设备 | |
| CN114697703A (zh) | 视频数据生成方法、装置、电子设备及存储介质 | |
| CN115311409A (zh) | 基于webgl的机电系统可视化方法、装置、计算机设备及存储介质 | |
| CN114463104B (zh) | 用于处理vr场景的方法、装置和计算机可读存储介质 | |
| CN112051958B (zh) | 图纸多屏终端互动方法及相关装置 | |
| CN115100359A (zh) | 图像处理的方法、装置、设备和存储介质 | |
| CN109885783B (zh) | 一种三维建筑模型的加载方法及其装置 | |
| CN114241092A (zh) | 多图排版方法、多图排版装置及电子设备 | |
| CN110825477A (zh) | 图形界面的加载方法、装置、设备及存储介质 | |
| CN106610855B (zh) | 将3D模型导入3dsMAX的方法和装置 | |
| CN112169313A (zh) | 一种游戏界面的设置方法及装置、电子设备、存储介质 | |
| CN111240674B (zh) | 一种参数修改方法、装置、终端及存储介质 | |
| US11893675B1 (en) | Processing updated sensor data for remote collaboration | |
| CN111009025B (zh) | 骨骼动画的隐藏方法、装置及设备 |
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 | ||
| CB02 | Change of applicant information | ||
| CB02 | Change of applicant information |
Address after: Room 103-27, Building 19, No. 1399, Liangmu Road, Cangqian Street, Yuhang District, Hangzhou City, Zhejiang Province, 311121 Applicant after: Hangzhou Meichuang Technology Co.,Ltd. Address before: 310011 room 1201, building 7, Tianxing International Center, No. 508, Fengtan Road, Gongshu District, Hangzhou, Zhejiang Province Applicant before: HANGZHOU MEICHUANG TECHNOLOGY CO.,LTD. |