基于WebGL的海岛环境场三维可视化  

WebGL-Based Three-dimensional Visualization of Island Environmental Field

作　　者：杨晨曦 王平[1,2] 温玉波 马华栋[1,2] YANG Chenxi;WANG Ping;WEN Yubo;MA Huadong(South China Sea Information Center,SOA,Guangzhou 510000,China;Key Laboratory of Marine Environmental Detection Technology and Application,MNR,Guangzhou 510000,China)

机构地区：[1]国家海洋局南海信息中心,广州510000 [2]自然资源部海洋环境探测技术与应用重点实验室,广州510000

出　　处：《海洋开发与管理》2021年第10期91-96,共6页Ocean Development and Management

基　　金：广东省促进经济高质量发展专项资金海洋经济发展项目“广东省海岛保护信息服务体系建设”(GDOE[2019]A44)。

摘　　要：为解决海岛环境场三维可视化过程中存在的计算速度慢、渲染效果差和人-机交互不流畅等问题,文章基于WebGL和GPU加速渲染技术,提出基于WebGL的海岛环境场三维可视化方法。对不同环境场进行数学建模,其中矢量场基于二阶欧拉积分算法构建粒子运动模型,标量场基于双线性插值生成网格并建立颜色映射模型;基于视角感知构建多尺度变换模型,建立不同视角下矢量场的多尺度三维展示模型;基于GPU渲染技术,实现海岛环境场的三维可视化。实验结果表明,在GPU模式下,矢量场的渲染速度可达60 FPS,与CPU模式相比性能提升1.6~5.0倍,满足矢量场三维可视化的需求,同时极大地提升标量场的可视化效果,解决渲染效果颗粒感重和分级色差弱等问题。In order to solve the problems of slow calculation speed,poor rendering effect,and unsmooth human-computer interaction in the process of three-dimensional visualization of island environment field,this paper proposed a WebGL-based three-dimensional visualization method of island environment field based on WebGL and GPU accelerated rendering technology.Mathematical models were carried out in different environmental fields,among which the vector field was based on the second-order Euler integral algorithm to build a particle motion model,the scalar field was based on bilinear interpolation to generate a grid and a color mapping model;a multi-scale transformation model was built based on perspective perception to build multi-scale three-dimensional display model of vector fields under different viewing angles;the three-dimensional visualization of the island environment field was realized based on GPU rendering technology.Experimental results showed that in GPU mode,the rendering speed of the vector field could reach 60 FPS.Compared with the CPU mode,the performance was improved 1.6~5.0 times,which could meet the real-time three-dimensional vector field visualization requirements.It also greatly improved the scalar fields visualization effect and solved the shortcomings of severe granularity of rendering results and weak grading color difference.

关 键 词：海岛环境场 三维可视化 粒子流 加速渲染 视角感知 

分 类 号：P76[天文地球—海洋科学] TP3[自动化与计算机技术—计算机科学与技术]