基于WebGL技术的物联展示系统的设计与实现

发布时间：2018-05-14 09:06

本文选题：物联展示系统 + Web　；参考：《电子科技大学》2014年硕士论文

【摘要】：物联网是现今的一个新兴产业,而如何更好的展示物联产品的外观及其功能是一个亟待解决的问题,而现有的展示手段主要有视频动画和客户端三维虚拟环境两种,视频动画虽然精细,但缺乏互动的单一的表现方式并不能提供好的展示效果;客户端三维虚拟环境虽然可以互动,但需要在展示端安装大型客户端,所以难以普及。2010年,网页三维技术WebGL横空出世,WebGL完美地解决了现有的Web交互式三维动画的两个问题:第一,它通过HTML脚本本身实现Web交互式三维动画的制作,无需任何浏览器插件支持;第二,它利用底层的图形硬件加速功能进行的图形渲染,是通过统一的、标准的、跨平台的OpenGL接口实现的。为了解决现有的物联展示系统无法交互式的让客户通过浏览器在线了解产品的功能和特点,本文提出了一种基于B/S模式的网页3D技术WebGL的展示系统。主要包含百叶窗控制、灯光控制、安防系统控制、摄像头控制、窗帘控制、温度控制、家庭影院控制、浴室控制等模块,并在WebGL环境下实现了布料运动、实时光线跟踪、粒子运动以及边缘检测。主要对用户控制界面模块、场景建模和导出模块、系统结构等进行了详细设计,并给出了摄影机仿真控制模块、百叶窗仿真控制模块、模型分享功能模块、用户后台注册及登录模块、管理员后台注册及登录模块等的实现过程。经测试,系统的性能和运行效率都达到了预定的指标和展示效果,使得客户通过普通浏览器在不安装任何插件的情况下,可在一个虚拟环境里对产品有一个全面的了解。
[Abstract]:The Internet of things is a new industry nowadays, and how to better display the appearance and function of the product is an urgent problem to be solved, and the existing display means are mainly video animation and client 3D virtual environment. Video animation is fine, but the lack of an interactive single presentation does not provide a good display; the client 3D virtual environment can interact, but it needs to install large clients on the display side, so it is difficult to popularize. Web 3D technology WebGL perfectly solves two problems of existing Web interactive 3D animation: first, it realizes the creation of Web interactive 3D animation through HTML script itself, without any browser plug-in support; second, It uses the graphics hardware acceleration function to render graphics through the unified, standard, cross-platform OpenGL interface. In order to solve the problem that the existing display system can not interactively let customers understand the functions and characteristics of the products online through the browser, this paper presents a display system of Web page 3D technology WebGL based on the B / S model. Including shutter control, lighting control, security system control, camera control, curtain control, temperature control, home theater control, bathroom control and other modules, and in the WebGL environment to achieve cloth movement, real-time ray tracking, Particle motion and edge detection. The user control interface module, scene modeling and export module, system structure and so on are designed in detail. The camera simulation control module, shutter simulation control module, model sharing function module are given. User background registration and login module, administrator background registration and login module implementation process. After testing, the performance and running efficiency of the system have reached the predetermined target and display effect, so that the customer can have a comprehensive understanding of the product in a virtual environment without installing any plug-in through the common browser.
【学位授予单位】：电子科技大学
【学位级别】：硕士
【学位授予年份】：2014
【分类号】：TP393.092

【参考文献】