基于ThreeJS的网格图像绘制方法技术

技术编号:41366358 阅读:18 留言:0更新日期:2024-05-20 10:13
本发明专利技术的基于ThreeJS的网格图像绘制方法,以坐标点加连接方式的形式存储网格的坐标位置信息。采用ThreeJS中的线段元素作为基本几何元素,以Float32BufferAttribute作为特定的数据存储格式,加载材质信息构建几何对象,组合渲染后形成三维网格图像。该方法以线段作为图像绘制的基本组成元素,在数据定义的基础上,采用基于连接方式的循环绘制方法减少了绘制过程中的坐标数据重复度,在Web端实现流体网格的三维显示,为用户提供更加便捷的网格三维图像展示方式。

【技术实现步骤摘要】

本专利技术涉及图像显示技术开发的,尤其涉及一种基于threejs的网格图像绘制方法。


技术介绍

1、随着网络技术飞速发展,人们的生活同互联网密不可分,对web技术的需求也在不断提高。为提升用户视觉体验,基于web的可视化技术应用越发广泛。在web技术飞速发展的同时,很多传统的客户端软件也在逐渐把应用扩展到web端口,为用户提供更加方便快捷的使用方式。

2、多数流体网格的显示功能都是依托客户端软件实现的,通常情况下流体网格的显示功能往往内嵌在计算软件中。随着多人协同的线上工作模式越发普及,线上工作的功能需求逐渐凸显,基于web的技术开发工作越加受到重视,主流的web视图技术主要有threejs、a-fram、babylon.js等,其中threejs作为基于原生webgl封装运行的三维引擎,在所有webgl引擎中,是国内文件资料最多、使用最广泛的三维引擎,然而,国内基于threejs的流体网格图像绘制处于空白。


技术实现思路

1、有鉴于此,本专利技术提供的基于threejs的网格图像绘制方法,实现w本文档来自技高网...

【技术保护点】

1.一种基于ThreeJS的网格图像绘制方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的网格图像绘制方法,其特征在于,步骤S1包括:

3.根据权利要求2所述的网格图像绘制方法,其特征在于,步骤S2包括:

4.根据权利要求3所述的网格图像绘制方法,其特征在于,步骤S3包括:

5.根据权利要求4所述的网格图像绘制方法,其特征在于,步骤S3还包括:

6.根据权利要求5所述的网格图像绘制方法,其特征在于,步骤S3还包括:

【技术特征摘要】

1.一种基于threejs的网格图像绘制方法,其特征在于,包括以下步骤:

2.根据权利要求1所述的网格图像绘制方法,其特征在于,步骤s1包括:

3.根据权利要求2所述的网格图像绘制方法,其特征在于,步骤s2包括:

...

【专利技术属性】
技术研发人员:胡春馨杨永徐瑞郭文彬付雨丽李振彦
申请(专利权)人:中国航空工业集团公司西安航空计算技术研究所
类型:发明
国别省市:

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

1