CN115481476B - 数据展示方法、装置及存储介质 - Google Patents
数据展示方法、装置及存储介质 Download PDFInfo
- Publication number
- CN115481476B CN115481476B CN202211153192.0A CN202211153192A CN115481476B CN 115481476 B CN115481476 B CN 115481476B CN 202211153192 A CN202211153192 A CN 202211153192A CN 115481476 B CN115481476 B CN 115481476B
- Authority
- CN
- China
- Prior art keywords
- bounding box
- temperature data
- semitransparent
- point
- target house
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 63
- 238000004088 simulation Methods 0.000 claims abstract description 52
- 238000005070 sampling Methods 0.000 claims abstract description 17
- 238000000547 structure data Methods 0.000 claims abstract description 13
- 238000009877 rendering Methods 0.000 claims description 15
- 230000006870 function Effects 0.000 claims description 11
- 238000004043 dyeing Methods 0.000 claims description 8
- 238000001914 filtration Methods 0.000 claims description 8
- 239000012634 fragment Substances 0.000 claims description 7
- 230000001960 triggered effect Effects 0.000 claims description 5
- 230000004044 response Effects 0.000 claims description 4
- 230000000007 visual effect Effects 0.000 abstract description 4
- 239000002699 waste material Substances 0.000 abstract description 3
- 238000004590 computer program Methods 0.000 description 13
- 230000000694 effects Effects 0.000 description 10
- 238000010586 diagram Methods 0.000 description 6
- 238000010606 normalization Methods 0.000 description 5
- 230000008901 benefit Effects 0.000 description 4
- 239000003086 colorant Substances 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000007704 transition Effects 0.000 description 4
- 238000007726 management method Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000007599 discharging Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000007246 mechanism Effects 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F30/00—Computer-aided design [CAD]
- G06F30/10—Geometric CAD
- G06F30/13—Architectural design, e.g. computer-aided architectural design [CAAD] related to design of buildings, bridges, landscapes, production plants or roads
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F30/00—Computer-aided design [CAD]
- G06F30/20—Design optimisation, verification or simulation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
- G06T2219/20—Indexing scheme for editing of 3D models
- G06T2219/2012—Colour editing, changing, or manipulating; Use of colour codes
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Geometry (AREA)
- General Engineering & Computer Science (AREA)
- Evolutionary Computation (AREA)
- Computer Graphics (AREA)
- Architecture (AREA)
- Civil Engineering (AREA)
- Pure & Applied Mathematics (AREA)
- Mathematical Optimization (AREA)
- Mathematical Analysis (AREA)
- Computational Mathematics (AREA)
- Structural Engineering (AREA)
- Software Systems (AREA)
- Image Generation (AREA)
Abstract
本公开实施例公开了一种数据展示方法、装置及存储介质，其中，方法包括：基于目标房屋的户型结构数据，生成半透明包围盒；通过顶点着色器生成半透明包围盒的空间坐标信息；基于空间坐标信息对目标房屋的室内温度数据进行采样，得到半透明包围盒中任意一点的温度数据，目标房屋的室内温度数据记录了目标房屋不同空间单元在一个设定时间段内的温度；以预设形式展示半透明包围盒中任意一点的温度数据，预设形式用于指示温度数据的展示颜色、展示频率。本公开实施例可以通过浏览器支持的WebGL2.0所实现的室内温度仿真快速、直观，可以有效避免在计算机中安装应用程序实现室内温度仿真展示所导致的资源浪费、配置复杂的问题。
Description
技术领域
本公开涉及三维纹理和图像处理技术领域，尤其涉及一种数据展示方法、装置及存储介质。
背景技术
目前，温度仿真系统的实现过程比较复杂，通常需要在计算机中安装并配置一个本地应用程序，该应用程序不仅体积大，而且配置复杂。除此之外，本地应用程序通过网络获取室内温度数据，然后再展示室内仿真温度的方式所需时间较长，浪费时间资源。为了解决上述问题，本公开提供一种新的室内温度仿真平台，以实现快速、直观向用户呈现室内温度仿真效果。
发明内容
本公开实施例所要解决的一个技术问题是：提供一种数据展示方法、装置及存储介质。
根据本公开实施例的一个方面，提供一种数据展示方法，应用于支持全球广域网图形函数库的浏览器客户端，所述方法包括：
基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；
通过顶点着色器生成所述半透明包围盒的空间坐标信息；
基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，所述目标房屋的室内温度数据通过调用三维纹理应用程序编程接口加载得到；
以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
在本公开一实施例中，所述方法还包括：
基于所述目标房屋的标识信息获取所述目标房屋的室内温度数据。
在本公开又一实施例中，所述通过顶点着色器生成所述半透明包围盒的空间坐标信息，包括：
通过所述顶点着色器生成所述半透明包围盒任意一点的世界坐标系坐标和法线方向。
在本公开又一实施例中，所述基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，包括：
使用片元着色器中的3D取样器读取所述目标房屋的室内温度数据；
根据所述半透明包围盒任意一点的世界坐标系坐标，从所述目标房屋的室内温度数据中获取任意一点的温度数据。
在本公开又一实施例中，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
将所述半透明包围盒中任意一点的温度数据进行归一化处理，得到任意一点的温度仿真值；
基于所述任意一点的温度仿真值，在仿真颜色色卡上获取对应的显示颜色；
以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值。
在本公开又一实施例中，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
获取所述半透明包围盒对应的空间边缘的至少一组空间点；
沿所述至少一组空间点的法线方向向所述半透明包围盒内搜索具备有效值的目标空间点；
将所述目标空间点的温度数据做均值滤波处理，得到所述空间边缘的至少一组空间点的温度数据。
在本公开又一实施例中，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
按照设定仿真频率渲染并显示所述半透明包围盒中任意一点的温度数据；
响应于用户触发的操作，调整显示所述半透明包围盒的显示视角，用于所述用户从不同角度查看所述半透明包围盒中不同点的温度数据。
在本公开一实施例中，应用于支持全球广域网图形函数库的浏览器客户端，所述装置包括：
生成模块，用于基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；
空间信息确定模块，用于通过顶点着色器生成所述半透明包围盒的空间坐标信息；
采样模块，用于基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，所述目标房屋的室内温度数据通过调用三维纹理应用程序编程接口加载得到；
展示模块，用于以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
在本公开一实施例中，所述装置还包括：
第一获取模块，用于基于所述目标房屋的标识信息获取所述目标房屋的室内温度数据。
在本公开又一实施例中，所述空间信息确定块，用于通过所述顶点着色器生成所述半透明包围盒任意一点的世界坐标系坐标和法线方向。
在本公开又一实施例中，所述采样模块包括：
数据读取子模块，用于使用片元着色器中的3D取样器读取所述目标房屋的室内温度数据；
第一获取子模块，用于根据所述半透明包围盒任意一点的世界坐标系坐标，从所述目标房屋的室内温度数据中获取任意一点的温度数据。
在本公开又一实施例中，所述展示模块包括：
归一化子模块，用于将所述半透明包围盒中任意一点的温度数据进行归一化处理，得到任意一点的温度仿真值；
颜色获取子模块，用于基于所述任意一点的温度仿真值，在仿真颜色色卡上获取对应的显示颜色；
展示子模块，用于以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值。
在本公开又一实施例中，所述展示模块包括：
第二获取子模块，用于获取所述半透明包围盒对应的空间边缘的至少一组空间点；
搜索子模块，用于沿所述至少一组空间点的法线方向向所述半透明包围盒内搜索具备有效值的目标空间点；
滤波子模块，用于将所述目标空间点的温度数据做均值滤波处理，得到所述空间边缘的至少一组空间点的温度数据。
在本公开又一实施例中，所述展示模块包括：
渲染子模块，用于按照设定仿真频率渲染并显示所述半透明包围盒中任意一点的温度数据；
调整子模块，用于响应于用户触发的操作，调整显示所述半透明包围盒的显示视角，用于所述用户从不同角度查看所述半透明包围盒中不同点的温度数据。
根据本公开实施例的再一方面，提供一种电子设备，该电子设备包括：
存储器，用于存储计算机程序；
处理器，用于执行所述存储器中存储的计算机程序，且所述计算机程序被执行时，实现上述数据展示方法。
根据本公开实施例的再一方面，提供一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时，实现上述数据展示方法。
根据本公开实施例的再一方面，提供一种计算机程序产品，包括计算机程序/指令，该计算机程序/指令被处理器执行时实现上述数据展示方法。
基于本公开上述实施例提供的数据展示方法、装置以及存储介质，应用于支持全球广域网图形函数库(Web Graphics Library，简称为WebGL)2.0的浏览器客户端时，在需要进行室内温度数据展示时，可以基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；通过顶点着色器生成所述半透明包围盒的空间坐标信息；基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据；以预设形式展示所述半透明包围盒中任意一点的温度数据。本公开技术方案通过调用三维纹理应用程序编程接口即可加载室内温度数据，通过着色器将加载的室内温度数据渲染到半透明包围盒上进行显示，即可实现室内温度的仿真展示，通过浏览器支持的WebGL2.0实现室内温度仿真，不仅快速、直观，而且可以有效避免在计算机中安装应用程序实现室内温度仿真展示所导致的资源浪费、配置复杂的问题。
下面通过附图和实施例，对本公开的技术方案做进一步的详细描述。
附图说明
构成说明书的一部分的附图描述了本公开的实施例，并且连同描述一起用于解释本公开的原理。
参照附图，根据下面的详细描述，可以更加清楚地理解本公开，其中：
图1为本公开的数据展示方法的一个实施例的流程图；
图2A为本公开的数据展示方法的又一个实施例的流程图；
图2B为本公开的室内温度展示的效果示意图；
图3为本公开的数据展示方法的温度数据的展示流程图；
图4为本公开的数据展示装置的一个实施例的结构示意图；
图5为本公开的数据展示装置的又一个实施例的结构示意图；
图6为本公开一示意性实施例提供的电子设备的结构图。
具体实施方式
现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为说明书的一部分。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
本公开实施例可以应用于计算机系统/服务器等电子设备，其可与众多其它通用或专用计算系统环境或配置一起操作。适于与计算机系统/服务器等电子设备一起使用的众所周知的计算系统、环境和/或配置的例子包括但不限于：个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统、大型计算机系统和包括上述任何系统的分布式云计算技术环境，等等。
计算机系统/服务器等电子设备可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常，程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等，它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施，分布式云计算环境中，任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中，程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。
本公开概述
本公开实施例提供的技术方案应用于室内温度仿真场景中，在该场景中，为了快速直观地展示室内温度数据，需要浏览器能够支持WebGL2.0，基于WebGL2.0的三维纹理应用程序编程接口可以加载室内温度数据到显存中，以便温度仿真使用，而且通过WebGL2.0可以生成房屋的三维模型的半透明包围盒，用于展示温度数据，因此通过浏览器的WebGL2.0环境可以直观、快速地观看室内温度的仿真结果。
示例性实施例
图1为本公开的数据展示方法的一个实施例的流程图；该数据展示方法可以应用在电子设备(如移动终端等)上，电子设备上的浏览器需要能够支持WebGL2.0。如图1所示，该数据展示方法包括以下步骤：
在步骤101中，基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到。
在一实施例中，在具体执行本实施例之前，需要先确保浏览器支持WebGL2.0，如果浏览器不支持，则可弹出提示信息提醒用户升级浏览器版本。
在一实施例中，目标房屋的户型结构数据可以为房屋的户型图的形式；在又一实施例中，房屋的户型结构数据也可以为文字描述的户型的结构，如户型、每个房屋的面积等数据。
在一实施例中，根据目标房屋的户型结构数据可以得到房屋的三维模型。
在一实施例中，为了让目标房屋的三维模型具备气流感和空间感，可以为目标房屋生成半透明包围盒，并调整房屋墙壁的渲染面，只渲染内部面(BackSide),WebGL2.0渲染webgl(opengles)必须在面片上着色，进而增强仿真效果的空间感。
在步骤102中，通过顶点着色器生成所述半透明包围盒的空间坐标信息。
在一实施例中，半透明包围盒的空间坐标信息具体包括半透明包围盒中任意一点的世界坐标系坐标和法线方向。
在一实施例中，为了实现本公开实施例，需要预先配置着色器，包括顶点着色器、片元着色器，通过顶点着色器可以生成目标房屋的半透明包围盒的世界坐标点位置和世界坐标系下的法线方向。
在步骤103中，基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据。
在一实施例中，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，在进行采样之前，被存储在显存中。也即，可以将目标房屋划分为多个空间单元，例如，一立方米为一个空间单元，每个空间单元内各个点的温度相同。
在一实施例中，目标房屋的室内温度数据可以从第三方平台获取得到，室内温度数据以压缩后的二进制方式存储。
在一实施例中，所述目标房屋的室内温度数据通过调用所述WebGL2.0的三维纹理应用程序编程接口加载得到。具体的，浏览器的客户端获取目标房屋的室内温度数据后，可解压数据，展开为Uint8类型的温度(开尔文)数据，以JS类型数组的形式存储在内存中。然后使用WebGL2.0的三维纹理应用程序编程接口(Application Programming Interface，简称为API)，可将类型数组传递到显存中。
在一实施例中，三维纹理的室内温度数据需要为float32 uint8等类型，以便WebGL2.0的三维纹理API将其加载到显存，本工程使用uint8数据类型，虽然会牺牲一定精度，但是可换取更多的显存空间和更快的加载速度，是一种比较优选的数据存储格式。
在步骤104中，以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
在一实施例中，预设形式可以包括温度数据的展示颜色，例如，在温度为22～24摄氏度时，展示颜色为蓝色；在温度为25～26摄氏度时，展示颜色为黄色，在温度为27～29摄氏度时，展示颜色为橙色；在温度为30～32摄氏度时，展示颜色为红色。在一实施例中，为了使得颜色过渡更加平滑，还可以根据半透明包围盒中任意一点法线方向上前进几个步长，做均值滤波处理，使得半透明包围盒中室内温度仿真颜色的过渡更加平滑。
在一实施例中，展示频率用于指示每秒可以显示三维纹理图的张数，例如，每1秒渲染15张三维纹理图，由此用户可感受到室内温度随空调运行的变换。
在一实施例中，可以预先设置好展示频率，也可以通过界面提示信息提醒用户设置展示频率。
上述步骤101～104，在需要进行室内温度数据展示时，可以基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；通过顶点着色器生成所述半透明包围盒的空间坐标信息；基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据；以预设形式展示所述半透明包围盒中任意一点的温度数据。本公开技术方案通过调用三维纹理应用程序编程接口即可加载室内温度数据，通过着色器将加载的室内温度数据渲染到半透明包围盒上进行显示，即可实现室内温度的仿真展示，通过浏览器支持的WebGL2.0实现室内温度的仿真展示快速、直观，而且可以有效避免在计算机中安装应用程序实现室内温度仿真展示所导致的资源浪费、配置复杂的问题。
为了更好地说明本公开的数据展示的方案，下面用另一个实施例说明。
图2A为本公开的数据展示方法的又一个实施例的流程图；图2B为本公开的室内温度展示的效果示意图；本实施例以如何实现室内温度数据展示为例进行示例性说明，如图2A所示，包括如下步骤：
在步骤201中，基于目标房屋的户型结构数据，生成半透明包围盒，通过顶点着色器生成所述半透明包围盒的空间坐标信息。
在一实施例中，步骤201的具体实现过程可参见图1所示实施例的步骤101和步骤102的描述，这里不再详述。
在生成半透明包围盒的空间坐标信息之后，即可执行步骤205。
在步骤202中，基于所述目标房屋的标识信息获取所述目标房屋的室内温度数据。
在一实施例中，根据目标房屋的标识信息可以从第三方平台中获取室内温度数据。
在步骤203中，将所述目标房屋的室内温度数据存储在内存中。
在步骤204中，使用三维纹理应用程序编程接口，将所述目标房屋的室内温度数据从所述内存中传输至显存中。
在步骤202～步骤204中，根据目标房屋的标识信息从第三方平台获取的室内温度数据是以压缩后的二进制方式存储的，获取室内温度数据后，可以解压数据，得到Uint8类型的温度(开尔文)数据，以JS类型数组的形式存储在内存中，然后用WebGL2.0的三维纹理API，可将JS类型数组传递到显存中，等待仿真使用。
在步骤205中，基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据。
在一实施例中，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度。
在一实施例中，基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，具体包括：使用片元着色器中的3D取样器读取所述目标房屋的室内温度数据；根据所述半透明包围盒任意一点的世界坐标系坐标，从所述目标房屋的室内温度数据中获取任意一点的温度数据。在片元着色器中使用高精度的sampler3D(3D取样器)读取三维纹理的室内温度数据，并根据由顶点着色器中传入的空间位置坐标从三维纹理中采样，即可得到该位置的温度仿真值。
在步骤206中，将所述半透明包围盒中任意一点的温度数据进行归一化处理，得到任意一点的温度仿真值。
在一实施例中，温度数据可以为具体的实际温度，例如，为20摄氏度、25摄氏度、30摄氏度等，归一化处理后可得到对应点的温度仿真值。温度仿真值可以为温度仿真范围0～1中与温度数据对应的值，例如，温度数据为20摄氏度时，可以归一化处理为温度仿真范围0～1中的0.2。
在一实施例中，将任意一点的温度数据归一化处理，映射到0～1范围之内，后续进行温度展示时更加便捷快速。
在步骤207中，基于所述任意一点的温度仿真值，在仿真颜色色卡上获取对应的显示颜色。
在一实施例中，可以使用sampler2D读取仿真颜色色卡，参考等高线等配色，使用归一化的温度仿真值在色卡上进行采样，得到需要显示的颜色，代表该温度，如蓝色代表冷，红色代表热。
在步骤208中，以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值。
在一实施例中，在以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值时，可以按照设定仿真频率渲染并显示所述半透明包围盒中任意一点的温度仿真值；响应于用户触发的操作，调整显示所述半透明包围盒的显示视角，用于所述用户从不同角度查看所述半透明包围盒中不同点的温度数据。也即，用户可以根据自己的观看角度，通过拖动或者点击等操作，来调整显示所述半透明包围盒的显示视角，由此实现多角度观看房屋内的室内温度数据。
参见图2B，图2B为本公开的室内温度展示的效果示意图，其中，半透明包围盒中任意一点根据温度仿真值可以显示为不同颜色(图2B中以灰度的深浅来指示不同的颜色)。
通过上述步骤201～步骤208，可以根据获取的室内温度数据在半透明包围盒中根据每个点的温度数据，以不同颜色直观地显示室内不同位置的仿真温度，而且可以根据用户的操作，调整显示所述半透明包围盒的显示视角，由此实现多角度观看房屋内的室内温度数据。
图3为本公开的数据展示方法的温度数据的展示流程图；本实施例以如何更准确的展示室内温度数据为例进行示例性说明，如图3所示，包括如下步骤：
在步骤301中，获取所述半透明包围盒对应的空间边缘的至少一组空间点。
在一实施例中，由于三维纹理在空间内是离散的，WebGL2.0内置的varing插值算法在空间边缘处可能产生不符合预期的效果，因此可获取半透明包围盒对应的空间边缘的至少一组空间点。其中，空间边缘的至少一组空间点的数量可以预先设定。
在步骤302中，沿所述至少一组空间点的法线方向向所述半透明包围盒内搜索具备有效值的目标空间点。
在一实施例中，具备有效值的空间点是指除空间边缘的至少一组空间点之外的空间点，具备有效值的目标空间点是指沿所述至少一组空间点的法线方向的距离对应的一组空间点的一个空间点。
在步骤303中，将所述目标空间点的温度数据做均值滤波处理，得到所述空间边缘的至少一组空间点的温度数据。
在一实施例中，可将目标空间点在其法线方向上前进几个步长再做一个均值滤波，使得颜色过渡的更加平滑。
通过上述步骤301～步骤303，可以避免半透明包围盒边缘处可能产生不符合预期的效果，确保室内温度数据的仿真效果(颜色信息)在空间中的过渡是平滑的。
与前述数据展示方法的实施例相对应，本公开还提供了数据展示装置对应的实施例。
图4为本公开的数据展示装置的一个实施例的结构示意图，该装置应用在电子设备(如计算机系统、服务器)上，电子设备支持全球广域网图形函数库的浏览器客户端，如图4所示，该装置包括：
生成模块41，用于基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；
空间信息确定模块42，用于通过顶点着色器生成所述半透明包围盒的空间坐标信息；
采样模块43，用于基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，所述目标房屋的室内温度数据通过调用三维纹理应用程序编程接口加载得到；
展示模块44，用于以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
图5为本公开的数据展示装置的又一个实施例的结构示意图，如图5所示，在图4所示实施例的基础上，在一实施例中，所述装置还包括：
第一获取模块45，用于基于所述目标房屋的标识信息获取所述目标房屋的室内温度数据。
在一实施例中，所述空间信息确定块42，用于通过所述顶点着色器生成所述半透明包围盒任意一点的世界坐标系坐标和法线方向。
在一实施例中，所述采样模块43包括：
数据读取子模块431，用于使用片元着色器中的3D取样器读取所述目标房屋的室内温度数据；
第一获取子模块432，用于根据所述半透明包围盒任意一点的世界坐标系坐标，从所述目标房屋的室内温度数据中获取任意一点的温度数据。
在一实施例中，所述展示模块包括：
归一化子模块433，用于将所述半透明包围盒中任意一点的温度数据进行归一化处理，得到任意一点的温度仿真值；
颜色获取子模块434，用于基于所述任意一点的温度仿真值，在仿真颜色色卡上获取对应的显示颜色；
展示子模块435，用于以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值。
在一实施例中，所述展示模块44包括：
第二获取子模块441，用于获取所述半透明包围盒对应的空间边缘的至少一组空间点；
搜索子模块442，用于沿所述至少一组空间点的法线方向向所述半透明包围盒内搜索具备有效值的目标空间点；
滤波子模块443，用于将所述目标空间点的温度数据做均值滤波处理，得到所述空间边缘的至少一组空间点的温度数据。
在一实施例中，所述展示模块44包括：
渲染子模块444，用于按照设定仿真频率渲染并显示所述半透明包围盒中任意一点的温度数据；
调整子模块445，用于响应于用户触发的操作，调整显示所述半透明包围盒的显示视角，用于所述用户从不同角度查看所述半透明包围盒中不同点的温度数据。
上述装置中各个单元的功能和作用的实现过程具体详见上述方法中对应步骤的实现过程，在此不再赘述。
对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。
下面，参考图6来描述根据本公开实施例的电子设备，其中可以集成本公开实施例实现方法的装置。图6为本公开一示意性实施例提供的电子设备的结构图，如图6所示，电子设备6包括一个或多个处理器61、一个或多个计算机可读存储介质的存储器62，以及存储在存储器上并可在处理器上运行的计算机程序。在执行存储器62的程序时，可以实现上述数据展示方法。
具体的，在实际应用中，该电子设备还可以包括输入装置63、输出装置64等部件，这些组件通过总线系统和/或其他形式的连接机构(未示出)互连。本领域技术人员可以理解，图6中示出的电子设备的结构并不构成对该电子设备的限定，可以包括比图示更多或更少的部件，或者某些部件，或者不同的部件布置。其中：
处理器61可以是中央处理单元(CPU)或者具有数据处理能力和/或指令执行能力的其他形式的处理单元，通过运行或执行存储在存储器62内的软件程序和/或模块，以及调用存储在存储器62内的数据，执行各种功能和处理数据，从而对该电子设备进行整体监控。
存储器62可以包括一个或多个计算机程序产品，计算机程序产品可以包括各种形式的计算机可读存储介质，例如易失性存储器和/或非易失性存储器。易失性存储器例如可以包括随机存取存储器(RAM)和/或高速缓冲存储器(cache)等。非易失性存储器例如可以包括只读存储器(ROM)、硬盘、闪存等。在计算机可读存储介质上可以存储一个或多个计算机程序指令，处理器61可以运行程序指令，以实现上文的本公开的各个实施例的数据展示方法以及/或者其他期望的功能。在计算机可读存储介质中还可以存储诸如输入信号、信号分量、噪声分量等各种内容。
输入装置63可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆，光学或轨迹球信号输入。
输出装置64可以向外部输出各种信息，包括确定出的距离信息、方向信息等。该输出装置64可以包括例如显示器、扬声器、打印机、以及通信网络及其所连接的远程输出设备等等。
电子设备还可以包括给各个部件供电的电源，可以通过电源管理系统与处理器61逻辑相连，从而通过电源管理系统实现管理充电、放电，以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。
当然，为了简化，图6中仅示出了该电子设备中与本公开有关的组件中的一些，省略了诸如总线、输入/输出接口等组件。除此之外，根据具体应用情况，电子设备还可以包括任何其他适当的组件。
除了上述方法和设备以外，本公开的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的数据展示方法中的步骤。
所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。
此外，本公开的实施例还可以是计算机可读存储介质，其上存储有计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述“示例性方法”部分中描述的根据本公开各种实施例的数据展示方法中的步骤。
所述计算机可读存储介质可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以包括但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
以上结合具体实施例描述了本公开的基本原理，但是，需要指出的是，在本公开中提及的优点、优势、效果等仅是示例而非限制，不能认为这些优点、优势、效果等是本公开的各个实施例必须具备的。另外，上述公开的具体细节仅是为了示例的作用和便于理解的作用，而非限制，上述细节并不限制本公开为必须采用上述具体的细节来实现。
本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
本领域普通技术人员可以理解：实现上述方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成，前述的程序可以存储于一计算机可读取存储介质中，该程序在执行时，执行包括上述方法实施例的步骤；而前述的存储介质包括：ROM、RAM、磁碟或者光盘等各种可以存储程序代码的介质。
可能以许多方式来实现本公开的方法和装置。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本公开的方法和装置。用于所述方法的步骤的上述顺序仅是为了进行说明，本公开的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本公开实施为记录在记录介质中的程序，这些程序包括用于实现根据本公开的方法的机器可读指令。因而，本公开还覆盖存储用于执行根据本公开的方法的程序的记录介质。
本公开的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本公开的原理和实际应用，并且使本领域的普通技术人员能够理解本公开从而设计适于特定用途的带有各种修改的各种实施例。
Claims (10)
1.一种数据展示方法，其特征在于，应用于支持全球广域网图形函数库的浏览器客户端，所述方法包括：
基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；
通过顶点着色器生成所述半透明包围盒的空间坐标信息，所述半透明包围盒的空间坐标信息包括所述半透明包围盒中任意一点的世界坐标系坐标和法线方向；
基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，所述目标房屋的室内温度数据通过调用三维纹理应用程序编程接口加载得到；
以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
基于所述目标房屋的标识信息获取所述目标房屋的室内温度数据。
3.根据权利要求1所述的方法，其特征在于，所述通过顶点着色器生成所述半透明包围盒的空间坐标信息，包括：
通过所述顶点着色器生成所述半透明包围盒任意一点的世界坐标系坐标和法线方向。
4.根据权利要求3所述的方法，其特征在于，所述基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，包括：
使用片元着色器中的3D取样器读取所述目标房屋的室内温度数据；
根据所述半透明包围盒任意一点的世界坐标系坐标，从所述目标房屋的室内温度数据中获取任意一点的温度数据。
5.根据权利要求1所述的方法，其特征在于，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
将所述半透明包围盒中任意一点的温度数据进行归一化处理，得到任意一点的温度仿真值；
基于所述任意一点的温度仿真值，在仿真颜色色卡上获取对应的显示颜色；
以对应的显示颜色展示所述半透明包围盒中任意一点的温度仿真值。
6.根据权利要求1所述的方法，其特征在于，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
获取所述半透明包围盒对应的空间边缘的至少一组空间点；
沿所述至少一组空间点的法线方向向所述半透明包围盒内搜索具备有效值的目标空间点；
将所述目标空间点的温度数据做均值滤波处理，得到所述空间边缘的至少一组空间点的温度数据。
7.根据权利要求1所述的方法，其特征在于，所述以预设形式展示所述半透明包围盒中任意一点的温度数据，包括：
按照设定仿真频率渲染并显示所述半透明包围盒中任意一点的温度数据；
响应于用户触发的操作，调整显示所述半透明包围盒的显示视角，用于所述用户从不同角度查看所述半透明包围盒中不同点的温度数据。
8.一种数据展示装置，其特征在于，应用于支持全球广域网图形函数库的浏览器客户端，所述装置包括：
生成模块，用于基于目标房屋的户型结构数据，生成半透明包围盒，所述半透明包围盒通过对所述目标房屋的三维模型的内墙面进行渲染和染色处理得到；
空间信息确定模块，用于通过顶点着色器生成所述半透明包围盒的空间坐标信息，所述半透明包围盒的空间坐标信息包括所述半透明包围盒中任意一点的世界坐标系坐标和法线方向；
采样模块，用于基于所述空间坐标信息对所述目标房屋的室内温度数据进行采样，得到所述半透明包围盒中任意一点的温度数据，所述目标房屋的室内温度数据记录了所述目标房屋不同空间单元在一个设定时间段内的温度，所述目标房屋的室内温度数据通过调用三维纹理应用程序编程接口加载得到；
展示模块，用于以预设形式展示所述半透明包围盒中任意一点的温度数据，所述预设形式用于指示所述温度数据的展示颜色、展示频率。
9.一种电子设备，其特征在于，包括：
存储器，用于存储计算机产品；
处理器，用于执行所述存储器中存储的计算机产品，且所述计算机产品被执行时，实现上述权利要求1-7任一所述的方法。
10.一种计算机可读存储介质，其上存储有计算机指令，其特征在于，所述计算机指令被处理器执行时，实现上述权利要求1-7任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211153192.0A CN115481476B (zh) | 2022-09-21 | 2022-09-21 | 数据展示方法、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202211153192.0A CN115481476B (zh) | 2022-09-21 | 2022-09-21 | 数据展示方法、装置及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115481476A CN115481476A (zh) | 2022-12-16 |
| CN115481476B true CN115481476B (zh) | 2024-03-08 |
Family
ID=84424153
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202211153192.0A Active CN115481476B (zh) | 2022-09-21 | 2022-09-21 | 数据展示方法、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115481476B (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106971419A (zh) * | 2016-01-14 | 2017-07-21 | 深圳中兴力维技术有限公司 | 三维温度云图的渲染方法及装置 |
| CN111652961A (zh) * | 2020-07-10 | 2020-09-11 | 中国水利水电科学研究院 | 一种基于gpu的气象数据体绘制方法 |
| CN114219902A (zh) * | 2021-07-22 | 2022-03-22 | 江苏及象生态环境研究院有限公司 | 气象数据的体绘制渲染方法、装置和计算机设备 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9773340B2 (en) * | 2015-06-12 | 2017-09-26 | Qualcomm Incorporated | Rendering using ray tracing to generate a visibility stream |
-
2022
- 2022-09-21 CN CN202211153192.0A patent/CN115481476B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106971419A (zh) * | 2016-01-14 | 2017-07-21 | 深圳中兴力维技术有限公司 | 三维温度云图的渲染方法及装置 |
| CN111652961A (zh) * | 2020-07-10 | 2020-09-11 | 中国水利水电科学研究院 | 一种基于gpu的气象数据体绘制方法 |
| CN114219902A (zh) * | 2021-07-22 | 2022-03-22 | 江苏及象生态环境研究院有限公司 | 气象数据的体绘制渲染方法、装置和计算机设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115481476A (zh) | 2022-12-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20230053462A1 (en) | Image rendering method and apparatus, device, medium, and computer program product | |
| CN106846497B (zh) | 应用于终端的呈现三维地图的方法和装置 | |
| CN112256790A (zh) | 基于WebGL的三维可视化展现系统及数据可视化方法 | |
| CN107329671B (zh) | 模型显示方法和装置 | |
| Hassan et al. | Tera-scale astronomical data analysis and visualization | |
| CN113010945A (zh) | Bim模型的联动方法及系统 | |
| US20230175858A1 (en) | Three-dimensional path display method, device, readable storage medium and electronic apparatus | |
| CN114742931A (zh) | 渲染图像的方法、装置、电子设备及存储介质 | |
| US10403040B2 (en) | Vector graphics rendering techniques | |
| US8438199B1 (en) | System and method for identifying and highlighting a graphic element | |
| Huang et al. | Interactive illustrative rendering on mobile devices | |
| CN115481476B (zh) | 数据展示方法、装置及存储介质 | |
| US10754498B2 (en) | Hybrid image rendering system | |
| CN115512046B (zh) | 模型外点位的全景图展示方法和装置、设备、介质 | |
| CN114463104B (zh) | 用于处理vr场景的方法、装置和计算机可读存储介质 | |
| CN113010582A (zh) | 数据处理方法、装置、计算机可读介质及电子设备 | |
| CN114549303B (zh) | 图像显示、处理方法、装置、设备和存储介质 | |
| CN114797109A (zh) | 对象编辑方法、装置、电子设备和存储介质 | |
| CN109471410B (zh) | 产品生命周期管理环境中的动态预览生成 | |
| JP2022115747A (ja) | コンテンツ作成システム及び方法 | |
| CN116228949B (zh) | 三维模型处理方法、装置及存储介质 | |
| CN111028035A (zh) | 渲染配置信息的生成方法及装置、终端、服务器及介质 | |
| CN116612228A (zh) | 用于平滑物体边缘的方法、装置及存储介质 | |
| CN116778126A (zh) | 用于放大显示虚拟现实空间的方法、装置及存储介质 | |
| CN116758198B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |