淘宝小程序+LayaAir引擎实现360全景项目问题解决方案_laya 全景

作者：AllinToyou | 2024-03-27 18:15:35

踩

laya 全景

切换场景(六图模式):可在场景中添加6个3D精灵(矩形),使用Unlit材质,附加纹理拼接成一个房间,切换场景时只需销毁旧场景,根据新的场景图片重新加载新场景即可.
切换场景(单图模式):场景中添加一个3D精灵(矩形),设置该精灵位于摄像机的位置即(0,0,0)处,此时摄像机处于精灵内部,精灵不可见(为后续动态打点做准备),切换场景采用为天空穹更换纹理实现
场景拼接有缝隙的问题:对添加的3D精灵进行如下处理
动态打点的实现: 使用从摄像机出创建一条射线与3D精灵(之前创建的6个场景盒子)进行碰撞,得到的碰撞点就是在场景中的三维点,然后根据laya官方示例中3D场景添加2D精灵的例子实现热点图(2D精灵)跟随三维点移动就完成了;若场景是单图模式,若想监测到射线与3D精灵内侧的碰撞点只需在处理碰撞点信息之前设置下图方法即可:
切换场景后GPU持续升高造成卡顿: 可能是切换场景时只是单纯使用destroy()销毁了场景,加上Laya.Resource.destroyUnusedResources()销毁掉没有被场景树引用资源即可

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/AllinToyou/article/detail/326129