基于Three.js的镀膜机展示平台的设计

随着网页展示技术的不断更新,使复杂的三维机械模型能够在网页中的展示成为可能。本文简单介绍了HTML5的优势及WebGL的第三方类库Three.js,详细阐述网页上场景的显示流程和场景中的模型交互,显示了WebGL的优越性,同时提出了基于Three.js的镀膜机展示平台的构建方法。此平台方便了用户的观看和操作,具备了良好的展示效果。     

基于几何的WebGL矢量数据三维渲染技术研究

针对现有3D WebGIS系统矢量数据三维可视化在渲染速度与渲染效果方面存在明显不足的问题,利用新一代Web三维绘图标准WebGL的优势,研究了基于几何的WebGL矢量数据三维渲染技术,提出了在水平方向与垂直方向上进行矢量数据渲染优化的方法,并在此基础上开发了基于WebGL的矢量数据三维渲染原型系统,对渲染方法与渲染效果进行了验证,证明了基于几何的WebGL矢量数据三维渲染方法的可行性与有效性。     

WebGL技术的三维WebGIS平台研究与应用

针对WebGIS平台上的三维技术存在着开发平台成本高、需要额外插件、扩展性差、运行速度慢,以及二、三维数据坐标易偏移和模型UV变形等问题,采用WebGL的三维引擎技术和地理信息服务技术结合构建了三维WebGIS平台,通过对WebGL场景坐标的分析,设计了基于WebGL场景坐标转换算法,实现了地理坐标转WebGL场景坐标,解决了二、三维数据坐标易偏移的问题。通过对WebGL坐标与UV面的空间关系的研究,设计了模型UV算法,建立重构面的UV计算方程,解决了模型UV变形问题。实验结果表明,本文实现的三维WebGIS平台无需产品平台依靠和额外插件,扩展性好,响应速度快,二、三维坐标数据准确,解决了坐标偏移和模型UV变形的问题,为三维WebGIS平台的开发提供了一种新的技术平台。     

基于WebGL的全景技术智慧旅游系统

针对目前国内的全景漫游技术兼容性和实现效率差等问题,提出了一种基于WebGL的全景技术,免除安装渲染插件的步骤,系统更轻量,计算机资源占用率低.采取无人机航拍与地面全景云台架设相机拍摄相结合的方法收集数据;按照尺度不变特征转换的方式完成图片的拼接;结合WebGL技术和具体的HTML5框架添加场景和制作热点数据,上传至服务器端完成发布.该技术成功应用于桂平市智慧旅游建设项目当中,实现了景区的全景虚拟漫游系统.通过该系统,用户可在线虚拟游览欣赏景区的景点风光,体验全景漫游的沉浸感和逼真性.     

基于WebGL的三维矿山巷道系统研究

介绍了基于WebGL的三维矿山巷道系统的架构,研究了数据源处理、巷道拓扑网络构建、巷道模型构建等基础问题,分析了数据预处理与清洗、规则建模、数据格式转换、二三维视图对应、路径分析等关键技术。该系统实现了三维巷道可视化并维持了三维巷道的拓扑关系。     

基于WebGL的三维GIS空间算法的研究与实现

WebGL被广泛运用到Web的三维场景可视化和三维WebGIS场景实现中。目前将WebGL应用在三维GIS中的应用研究主要集中在处理图形引擎、三维建筑加载和三维场景可视化等方面,而在采用WebGL技术实现三维GIS以及空间算法上的研究较少。采用WebGL技术实现三维GIS,在进行数据测试的过程中,出现二、三维空间数据不同步、错位情况严重、路径分析三维展示平滑性差、场景漫游旋转时三维对象发生位置偏移和坐标错位等问题。针对以上问题,重点研究二、三维空间数据同步算法、三维运动轨迹处理算法和三维漫游处理算法。以实际的城市三维数据为例进行算法实验分析,结果表明:利用该方法保证了三维GIS中二、三维空间数据的同步,减少了三维漫游过程三维对象位置偏移和坐标错误情况,在路径分析的三维效果中体现了良好的视觉感知。     

基于WebGL的PLC组态虚拟仿真系统设计与实现

提出了基于WebGL的工业控制三维组态虚拟仿真实验平台设计方案。平台采用WebGL技术构建真实三维工业仿真环境,结合PhysiJs技术与NodeJs技术实现模型运动的实时渲染与数据通信。该仿真平台包含场景加载、模型组装、运动控制、PLC通讯配置及实验效果仿真等功能,可快速地搭建典型工业环境下PLC软件开发的虚拟仿真实验教学场景。通过真实场景的虚拟再现,有效地解决实验场地限制、设备昂贵和多实验场景适用性等问题,从而提高工业控制领域人才的培养质量。     

基于B/S架构的三维体数据可视化系统的设计过程

设计并实现了一个基于B/S架构的三维体数据可视化系统,系统在服务器端进行数据存储和处理;浏览器端采用基于WebGL技术实现了实时直接体绘制和三维等值面绘制.     

基于浏览器的二三维一体标图技术研究与实现

为了实现在Web环境下进行二三维标图的需求,在研究了基于HTML5新特性的二三维图形绘制技术后,提出了一种面向浏览器的二三维一体标图应用的实现方案。基于MVC架构模式,使用HTML5的Canvas特性作为标图应用二维视图呈现,以开源三维GIS引擎Cesium作为辅助手段实现标图应用中三维场景渲染。以事件驱动方式实现标绘过程中图形的更改处理。后台通过REST式服务接口提供服务器端数据访问。     

“多规合一”背景下古建筑规划保护辅助审批系统应用研究——以东莞市古建筑为例

城市规划建设过程中,直观评估建设项目对城市古建筑空间的影响对协调新型城镇化背景下文物保护与开发利用之间的关系具有重要意义。设计开发一套基于古建筑三维模型的城市规划审批辅助系统。结合空-地协同的技术思路,采用多旋翼无人机和手持三轴云台相机分别采集古建筑低空和地面的多视角影像,基于倾斜摄影测量技术实现古建筑精细化三维实景还原,建立古建筑空间数据库。运用HTML5和WebGL技术设计开发古建筑保护规划审批辅助决策系统,实现古建筑多源异构数据的综合管理和展示,并提供城市建设项目对周边古建筑空间影响的分析功能。该系统为规划管理部门对古建筑的信息化管理与辅助决策提供支持,为搭建城市“多规合一”平台中古建筑空间保护体系提供参考。     

基于WebGL的医学图像三维可视化研究

现今医学图像往往与大型的硬件设备和复杂的软件联系在一起, 然而随着互联网技术的发展, 越来越多互联网应用的出现改变了人们对传统本地软件的依赖, 现今医学图像在互联网领域才刚刚起步, 提出了一种在浏览器中实现医学图像的三维可视化的方法, 能够通过成熟的本地医学图像平台(比如3DSlicer)获取医学图像数据, 结合HTML5以及WebGL(Web Graphics Library)来实现医学图像的三维可视化.     

基于ODM和Cesium的无人机倾斜摄影建模及可视化

GIS随着计算机科学技术的发展尤其是Web技术和WebGL技术的发展,近些年正逐渐三维web化,但无法直接复用较成熟的二维WebGIS方案。本文提出一种Cesium结合ODM(OpenDroneMap)进行三维WebGIS开发的方案,通过ODM在服务端自动处理无人机倾斜摄影测量采集的影像数据,将处理后产生的倾斜模型、点云、DEM等数据进行数据管理,最后在客户端浏览器进行三维可视化。本文阐述两者的开发模式、使用方法、数据组织和软件框架,概述了在无人机数据倾斜建模及可视化中的应用。     

运载火箭试验数据管理及可视化系统设计

针对现有运载火箭试验数据管理及可视化系统依赖于第三方功能插件,未实现纯浏览器端三维模型渲染及交互,系统对运行环境依赖性强、部署和维护成本高等问题,设计了基于JavaScript框架ExtJS和WebGL框架three.js的运载火箭试验数据管理及可视化系统;首先基于B/S架构设计了系统总体框架,然后针对二维图形数据传输延迟问题设计了基于Web Worker的数据读取方案,最后针对浏览器端三维模型渲染需求提出了基于VTK模型的转换算法,设计了三维模型渲染及交互方案;试验结果显示,该系统不依赖于运行环境和功能插件,能实现浏览器端二维图形和三维模型渲染及流畅交互,为兼容国产化操作系统、降低部署和维护成本创造了条件。     

基于WebGL的水库大坝三维仿真系统实现

针对基于插件的水库大坝三维仿真系统存在需要安装软件或插件等不足,采用WebGL技术实现了基于网页无插件的水库大坝三维仿真系统。首先,对水库大坝及周围地形进行三维建模,构建虚拟的水库大坝三维场景。然后实现水库闸门启闭模拟,水体效果模拟,船只航行模拟以及基于粒子系统的泄洪模拟,完成仿真系统的构建。最后接入水库大坝实时监测数据,实现大坝实时监测信息的展示。实践表明该水库大坝三维仿真系统,具有模拟效果更逼真,使用更便捷,集三维场景动态呈现和水库信息展示于一体等特点。     

基于HTML5的网络图像协同处理系统设计

在处理图像的过程,相似点的分类缺少标准的协同处理指标,导致协同处理过程耗时长,处理效率低。因此,本文研究了基于HTML5的网络图像协同处理系统设计方法。在硬件设计上,以HTML5为基础构建网络图像协同处理框架,设计图像检测电路,提取信号中有效的图像数据。在软件设计上,通过HTML5提取图像字符特征,归一化预处理图像数据,设置网络图像协同处理规则,完成基于HTML5的网络图像协同处理系统的设计。实验结果表明：传统系统处理数据的时间在142.32 s以上,本文系统处理图像的时间在9.26 s以内,该方法具有实际应用效果。     

基于HTML5页面设计的新媒体创新发展应用

随着移动互联技术的不断发展,HTML5技术的应用也越来越普遍,被誉为移动互联网行业未来的吸氧,深入HTML5技术研究具有重大现实意义。HTML5技术具有较好的数据存储、图像增强等功能,可以较好地满足用户的需要。本文就基于HTML5页面设计的新媒体创新发展应用作了相关分析。     

基于HTML5的Web富客户端网页设计方法

基于HTML5新特性研究了Web富客户端网页设计方法.对HTML5新特性进行了分析,在此基础上给出了Web富客户端网页设计方案,给出了单页面表现应用开发模式、系统前台页面设计视图以及后台数据与服务处理架构,并研究了基于HTML5技术的分层开发模式以及表示层开发技术.     

基于分解组合法的三维景观网络共享

各地的数字城市建设积累了大量城镇区域的三维景观数据,但因为采用的标准规范、技术路线不同,之间不能互相共享和应用而成为"信息孤岛"。针对社会、公众三维景观网络在线共享的需求,分析三维景观数据内容、数据组织等标准规范和共享要求,比较二维、三维地理信息数据共享模式和集成机制,研究三维景观在线发布技术,提出基于分解组合法的跨地区三维景观在线共享的基本思路和技术路线,通过将三维信息在服务端分解为地形、影像、模型等组成单元,利用标准的地理信息服务发布,在客户端利用HTML5实现三维信息的组合和表达。通过省、市、县三级的共享实验表明,该方法对现有三维景观成果进行少量的改造就能够有效地实现共享。     

HTML5移动web应用技术实现分析

与Native应用相比,移动web应用能很好地解决目前Native操作系统割裂的问题,将为产业链各方带来全新的平等竞争机会,引导移动互联网产业链的新模式发展。本文首先介绍了HTML5移动web应用的发展概况,然后分析了基于HTML5移动web应用相关技术标准的发展情况,随后对基于HTML5的移动web应用及终端的技术实现方案进行了分析,最后对全文内容进行了总结,从HTML5移动web应用、技术标准及终端的发展趋势进行了展望。     

浅析HTML5的特点及其在移动Web App中的应用

HTML5技术自开发至今,已成为下一代互联网的默认标准。基于HTML5的移动Web App正逐渐成为新兴的应用形式。文章首先介绍了HTML5的发展和HTML5的特点,接着介绍了移动互联网应用的分类以及移动Web App的发展现状,最后说明了利用HTML5技术开发Web App的方案。