基于 WebGL的室内外智能感知可视化系统设计
DOI:
CSTR:
作者:
作者单位:

作者简介:

通讯作者:

中图分类号:

TN92

基金项目:

测试仪器项目(2009ZCHF00102)资助


Design of WebGL-based indoor and outdoor intelligent sensing visualization system
Author:
Affiliation:

Fund Project:

  • 摘要
  • |
  • 图/表
  • |
  • 访问统计
  • |
  • 参考文献
  • |
  • 相似文献
  • |
  • 引证文献
  • |
  • 资源附件
  • |
  • 文章评论
    摘要:

    当前传统园区的二维平面技术表现形式单一、交互功能匮乏,难以满足多样化的用户需求。为适应智慧园区的发展 模式,利用新一代Web 三维绘图标准WebGL的优势,采用GPU 硬件加速的3D图形库Three.js 框架,设计了基于WebGL 的室内外智能感知可视化交互系统。该系统架构于B/S 模式下,借助Three.js 技术实现场景的3D 模型加载,融合最小包围 球算法与基于四叉树分割的LOD 算法,使三维场景的渲染速率提高了2.2倍;融合 FFmpeg 、JSMpeg.js及Node.js 技术对视 频流实时传输进行优化,使视频流延迟降低了3.2倍。对该系统三维模型的渲染速率、旋转、缩放及视频流帧率进行了验证, 证明了基于WebGL的智能感知三维可视化方法的可行性与有效性。

    Abstract:

    The current traditional park's two-dimensional technology features a single form of representation and lacks interactive functions,making it difficult to meet the diverse needs of users.To adapt to the development model of smart parks,this paper leverages the advantages of the new generation Web 3D drawing standard WebGL and employs the GPU-accelerated 3D graphics library Three.js framework to designan indoor and outdoor intelligent sensing visualization interaction system based on WebGL.The system is built on a B/S architecture,using Three.js technology toachieve 3D model loading,and integrates the minimum bounding sphere algorithm and the quadtree-based LOD algorithm,which increases the rendering speed of the 3D scene by 2.2 times.By integrating FFmpeg,JSMpeg.js,and Node.js technologies to optimize real-time video stream transmission,the video stream latency is reduced by 3.2 times.This paper verifies the rendering speed,rotation,scaling,and video stream frame rate of the system's 3D models, demonstrating the feasibility and effectiveness of the WebGL-based intelligent sensing 3D visualization method.

    参考文献
    相似文献
    引证文献
引用本文

周文超,张 鹏,李孟委.基于 WebGL的室内外智能感知可视化系统设计[J].国外电子测量技术,2024,43(8):71-78

复制
分享
文章指标
  • 点击次数:
  • 下载次数:
  • HTML阅读次数:
  • 引用次数:
历史
  • 收稿日期:
  • 最后修改日期:
  • 录用日期:
  • 在线发布日期: 2024-10-11
  • 出版日期:
文章二维码