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

Guo_bk_1228

于 2021-01-05 14:56:14 发布

阅读量808

点赞数

分类专栏：淘宝小程序文章标签：小程序 vr

本文链接：https://blog.csdn.net/Guo_bk_1228/article/details/112220659

版权

2 篇文章 0 订阅

订阅专栏

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

关注