新闻资讯
threejs展馆漫游—threejs漫游
发布时间:2023-03-21 17:21:00 来源: 元居科技

    一、3D漫游展馆的背景技术

    1、在建筑及相关领域,3D建筑模型可以直观地显示设计内容。随着技术的不断进步,建筑模型的应用越来越广泛。

    2、建筑模型不仅在设计阶段发挥作用,而且涵盖了建筑工程的整个生命周期。在建筑模型得到广泛应用后,该行业提出了更高的要求:追求更轻、更快、更方便,即追求建筑模型的轻量化。

    3、threejs是我国实现建筑模型轻渲染的关键技术。模型漫游功能主要依靠threejs官方摄像头和控制器。

    4、屏幕上的最终内容是将摄像头与控制器结合起来,确定模型观察的位置、方向和角度,并渲染摄像头在场景中看到的内容。

    5、由于算法的限制,相机的垂直视角只能达到180,因此使用three.js提供的官方相机和控制器来实现现有技术中的漫游功能,旋转会影响用户的操作体验。

3D漫游展馆

    二、3D漫游展馆的技术实现要素

    1、基于threejs的建筑模型漫游功能的优化方法和相关设备,使相机的视角垂直于360°自由旋转,提升用户操作体验。

    2、基于threejs的建筑模型漫游功能优化方法包括:引擎调用threejs,threjs包含相机和相机控制器。

    3、当发动机确定相机控制器移动相机时,发动机可以判断相机的俯仰角是否大于或等于89.999,小于90.001。如果是,俯仰角为89.9,则俯仰角随相机移动而变化。

    4、当发动机确定相机控制器移动相机时,发动机判断俯仰角大于或等于-90.001,小于-89.999。

    5、可选threejs还包括:渲染模块。

展馆漫游

    三、展馆漫游功能优化方法

    1、第一个矩阵存储在相机中,第二个矩阵存储在相机控制器中。当相机控制器移动相机时,发动机根据相机的移动路径更新第二个矩阵。

    2、第一个矩阵表示相机移动前的位置信息,第二个矩阵表示相机移动后的位置信息。

    3、发动机判断第一矩阵是否与第二矩阵相同。

    4、根据判断结果,发动机控制渲染模块是否渲染。

    5、从以上技术方案可以看出,本申请实施例具有以下优点:

    6、threejs按欧拉角和球体公式操作,但当用户控制相机视角切换时,俯仰角为90。°或-90°如果算法中的除数为0,则无法计算。

    7、该应用程序通过算法判断俯仰角是否在目标范围内,当俯仰角落在目标范围内时,90.001和俯仰角-89.99)将再次赋予俯仰角值,使算法正常工作,使相机视角垂直于360°旋转,提升用户操作体验。