三维鼠标模型交互设计与实现

介绍了Three.js框架,并且基于WebGL和Three.js实现三维鼠标模型交互设计.讲解了利用JavaScript语言搭建交互系统,并通过Three.js提供的DragControls、OrbitControls对模型进行拖拽、旋转、缩放、拆分等一系列操作,详细介绍了不同时代和不同类型鼠标的各部分原理、内部展示和实现对鼠标模型的交互.     

基于WebGL的在线房产展示系统研究

针对传统二维视图在表现能力、场景模拟和交互性能等方面的局限性,研发了一款基于WebGL的在线房产展示系统,为广大房地产销售人员和用户提供一个具有室内外场景展示、场景交互和室内构件查询功能的三维虚拟现实展示系统。销售人员可通过此系统辅助销售,通过虚拟看房加强客户对房型的了解。与一般的平面图或仿三维场景相比,其拥有真实感较强、采光无死角等优势。此研究主要采用3D建模软件和WebGL的JavaScript3D库(Three.js),建立房屋室内外模型,开发网页3D场景。该方法无需下载专用渲染插件和运行环境,即可成功展现相应的三维场景效果,不仅为普通客户提供了良好的体验,而且有效降低了开发者的工作难度,从而大大提高系统开发和展示效率。系统测试结果表明,基于WebGL的在线房产展示系统具有虚拟展现房屋室内外真实场景效果的功能和人性化的图形交互性能。     

基于WebGL的解剖学3D辅助学习系统

针对传统解剖学类书籍2D图片不立体、标本价格昂贵和解剖资源少等问题,构建了基于We-bGL的解剖学3D辅助学习系统.系统以Three.js引擎和WebGL 3D渲染平台为支撑,具有通用性强和移植性好的特点,通过在浏览器网页上呈现3D组织模型,结合图片和部分介绍性文字,为医学生提供了直观便利的学习体验.     

基于Three.js的机械产品自动装配演示

随着前端展示技术的发展,HTML5和Web GL技术在机械领域的应用正逐渐增多,这为机械产品在网页上的装配展示提供了新的解决途径。为了避免网页展示所需的渲染插件的麻烦,提出了基于Web GL的第三方类库Three.js的装配展示平台的构建方法。本文对网页上实现简单三维模型展示流程和机械产品网页装配的功能进行了分析,显示了Web GL的开放性、免插件、跨平台、硬件加速的优势。在网页上实现机械的装配,方便了用户的观看和操作,取得了良好的效果。     

基于Three.js的在线三维模型展示方案

网页技术的最新发展,为三维模型在网站上的在线展示提供了新的技术支撑,使三维模型与网站两大类技术更加无缝对接.Three.js提供了在网页中装载外部三维模型文件的方法.     

基于Web的3D模型浏览与交互系统的研究与实现

设计了基于Web的3D模型浏览与交互系统，主要采用基于WebGL的第三方库Three.js来实现。该系统的建立主要包括场景的构建、场景的交互控制和模型的云存储。模型是场景构建的前提，用户可从外部导入所需模型或利用系统自带的简单模型进行模型的构建。场景交互技术主要包括模型的平移、旋转、缩放、拾取、剖切、3D动画模型的播放以及信息的显示等。模型的云存储是指用户可以通过登录账户将3D模型存储到服务器，日后需要时直接从服务器中加载即可。     

3D机房运维可视化系统的设计与实现

针对传统的数据中心机房运维系统不够直观、易造成机房管理的安全隐患等问题,对三维可视化技术WebGL及其应用框架Three.js进行了深入研究,主要对机房的整体构建,实时监控,设备管理和自动巡检功能进行了设计与实现,并进行了性能优化,阐述了3D机房运维可视化系统的设计思路和架构,采用了three.js特有的JSON模型文件格式,并使用对three.js有良好支持的Blender进行模型制作,通过仿真的三维场景,给用户带来了沉浸感和流畅丰富的交互体验,提高了数据中心机房的管理效率。     

基于Web的“湘赣边”线上全景漫游系统开发

“云旅游”和全景漫游能够为用户带来良好的线上虚拟旅游体验。为促进人们对“湘赣边”区域的了解，设计实现了线上全景漫游系统。借助DataV数据可视化工具和ECharts实现网页地图功能；使用无人机航拍和鱼眼相机采集原始图像；使用PTGui软件合成全景图；使用WebGL技术和Three.js组件实现了网页全景漫游和交互功能。     

网页环境下无插件虚拟场景漫游的研究

随着网页技术的快速发展,在网页上能够创建更多的复杂页面.本文使用WebGL技术构建虚拟三维场景,在三维场景中加载渲染中间格式的三维模型,实现三维模型在网页环境下的可视化展示;并使用射线相交法、几何变换、相机投影,运用计算机图形学相关知识,实现模型的交互,主要表现为鼠标点选模型,模型的旋转、缩放、平移,通过鼠标手势改变相...     

基于Web的BIM模型轻量化展示及渲染控制研究

针对当前BIM模型数据量庞大且需要专业软件查看,对计算机软硬件要求苛刻以及在C/S架构进行模型展示时十分不便的问题,提出了一种BIM模型的轻量化展示及自适应渲染控制的方法。该方法以Revit模型为研究对象,首先利用二次开发技术编写插件自动提取模型信息并转化成glTF格式;然后通过数据优化算法压缩glTF格式,并利用WebGL技术以及Three.js框架解析glTF格式实现模型的Web端重组;最后通过LOD-AD优化算法,实现距离较远且体积较小的三角面片剔除,并且帧率较低时优先渲染高层级构件,以此完成渲染过程中的自适应控制效果;实验结果表明,该方法在确保模型保真度的前提下,极大减少了模型体量以及模型传输时间,且场景的自适应控制能有效剔除低重要度构件,达到显著提升渲染流畅度的效果,为BIM模型轻量化展示以及渲染控制提供了一种可行的参考方案。