System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() CesiumJS复杂动态纹理通用生成方法及系统技术方案_技高网
当前位置: 首页 > 专利查询>山东大学专利>正文

CesiumJS复杂动态纹理通用生成方法及系统技术方案

技术编号:40436819 阅读:7 留言:0更新日期:2024-02-22 23:01
本发明专利技术提供了一种CesiumJS复杂动态纹理通用生成方法及系统,属于三维数据可视化技术领域。所述生成方法,包括:利用three.js库构建初始三维空间场景;初始三维空间场景中被添加若干文字、模型或几何体,得到设置后的三维空间场景;初始三维空间场景中被添加若干文字、模型或几何体,得到设置后的三维空间场景;设置后的三维空间场景中被添加正交相机对象,得到渲染了正交相机视图的HTMLCanvas网页元素克隆对象;根据渲染了正交相机视图的HTMLCanvas网页元素克隆对象创建CesiumJS动态纹理。本发明专利技术能够为任意种类实体(Entity)制作任意形式的动态纹理,并实现对纹理样式的实时交互控制。

【技术实现步骤摘要】

本专利技术涉及三维数据可视化,特别涉及一种cesiumjs复杂动态纹理通用生成方法及系统。


技术介绍

1、本部分的陈述仅仅是提供了与本专利技术相关的
技术介绍
,并不必然构成现有技术。

2、three.js是一个遵循webgl标准的javascript开源3d图形库,为htmlcanvas提供硬件3d加速渲染,使开发人员可以借助系统显卡在浏览器中流畅展示3d模型和场景。three.js可用于创建虚拟现实、游戏、数据可视化等各种可交互3d场景,更可借助正交相机进行正交投影,将三维场景实时渲染为二维图像。

3、cesiumjs是一个遵循webgl标准展的javascript库,用于实现高性能的3d地球渲染和各种地理数据可视化,可用于地图服务、军事模拟、空间科学、城市规划等多种不同领域,提供直观、高效、精确的数据展示和分析方式。

4、专利技术人发现,cesiumjs提供了点、线、面、体各种实体(entity)用于数据展示和交互,并提供了颜色(color)、图像(image)、网格(grid)等多种材质(material)用于定义实体外观。为满足难以预测的需求,cesiumjs允许用户通过传入webgl源码字符串自定义着色器(shader)以制作复杂动态纹理,但这种方式存在代码可读性差、不利于维护和扩展、无法交互等重大缺陷。


技术实现思路

1、为了解决现有技术的不足,本专利技术提供了一种cesiumjs复杂动态纹理通用生成方法及系统,能够为任意种类实体(entity)制作任意形式的动态纹理,并实现对纹理样式的实时交互控制。

2、为了实现上述目的,本专利技术采用如下技术方案:

3、第一方面,本专利技术提供了一种cesiumjs复杂动态纹理通用生成方法。

4、一种cesiumjs复杂动态纹理通用生成方法,包括以下过程:

5、利用three.js库构建初始三维空间场景;

6、初始三维空间场景中被添加若干文字、模型或几何体,得到设置后的三维空间场景;

7、设置后的三维空间场景中被添加正交相机对象,得到渲染了正交相机视图的htmlcanvas网页元素克隆对象;

8、根据渲染了正交相机视图的htmlcanvas网页元素克隆对象创建cesiumjs动态纹理。

9、本专利技术中,three.js库在构建三维空间场景时,在网页中指定的一个htmlcanvas上渲染绘制呈现这个三维空间,在设置好三维空间场景后,通过指定的htmlcanvas获取二维的图像,使用cesiumjs库制作纹理。

10、第二方面,本专利技术提供了一种cesiumjs复杂动态纹理通用生成系统。

11、一种cesiumjs复杂动态纹理通用生成系统,包括:

12、初始三维空间场景构建模块,被配置为:利用three.js库构建初始三维空间场景;

13、场景设置模块,被配置为:初始三维空间场景中被添加若干文字、模型或几何体,得到设置后的三维空间场景;

14、图像渲染模块,被配置为:设置后的三维空间场景中被添加正交相机对象,得到渲染了正交相机视图的htmlcanvas网页元素克隆对象;

15、cesiumjs动态纹理生成模块,被配置为:根据渲染了正交相机视图的htmlcanvas网页元素克隆对象创建cesiumjs动态纹理。

16、第三方面,本专利技术提供了一种计算机可读存储介质,其上存储有程序,该程序被处理器执行时实现如本专利技术第一方面所述的cesiumjs复杂动态纹理通用生成方法中的步骤。

17、第四方面,本专利技术提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的程序,所述处理器执行所述程序时实现如本专利技术第一方面所述的cesiumjs复杂动态纹理通用生成方法中的步骤。

18、与现有技术相比,本专利技术的有益效果是:

19、1、本专利技术提供的纹理生成方法基于three.js,由于理论上three.js拥有构建任意三维场景的能力,使用three.js渲染的二维画面也可生成满足任意需求的动态纹理,故本专利技术提供的纹理生成方法理论上可生成任意cesium动态纹理,具有通用性。

20、2、使用本专利技术提供的方法制作的cesium纹理,每次渲染都会重新获取全新的纹理图像,故当three.js构建的三维场景内容发生变化时,cesium纹理也会发生相应的变化,拥有良好的可控优势。

21、3、相较于传统使用webgl字符串的方式,本专利技术提供的方法逻辑条理清晰,使用简单,通过设置三维空间几何体的属性便可绘制不同的纹理二维图像,并且可以通过插值方式轻松实现各种动画效果,而不需要自己逐帧绘制。

本文档来自技高网...

【技术保护点】

1.一种CesiumJS复杂动态纹理通用生成方法,其特征在于,包括以下过程:

2.如权利要求1所述的CesiumJS复杂动态纹理通用生成方法,其特征在于,

3.如权利要求1所述的CesiumJS复杂动态纹理通用生成方法,其特征在于,

4.如权利要求1所述的CesiumJS复杂动态纹理通用生成方法,其特征在于,

5.一种CesiumJS复杂动态纹理通用生成系统,其特征在于,包括:

6.如权利要求5所述的CesiumJS复杂动态纹理通用生成系统,其特征在于,

7.如权利要求5所述的CesiumJS复杂动态纹理通用生成系统,其特征在于,

8.如权利要求5所述的CesiumJS复杂动态纹理通用生成系统,其特征在于,

9.一种计算机可读存储介质,其上存储有程序,其特征在于,该程序被处理器执行时实现如权利要求1-4任一项所述的CesiumJS复杂动态纹理通用生成方法中的步骤。

10.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-4任一项所述的CesiumJS复杂动态纹理通用生成方法中的步骤。

...

【技术特征摘要】

1.一种cesiumjs复杂动态纹理通用生成方法,其特征在于,包括以下过程:

2.如权利要求1所述的cesiumjs复杂动态纹理通用生成方法,其特征在于,

3.如权利要求1所述的cesiumjs复杂动态纹理通用生成方法,其特征在于,

4.如权利要求1所述的cesiumjs复杂动态纹理通用生成方法,其特征在于,

5.一种cesiumjs复杂动态纹理通用生成系统,其特征在于,包括:

6.如权利要求5所述的cesiumjs复杂动态纹理通用生成系统,其特征在于,

7.如权利...

【专利技术属性】
技术研发人员:武蕾徐瀚孟雷孟祥旭
申请(专利权)人:山东大学
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1