![在这里插入图片描述](https://img-blog.csdnimg.cn/20190929134252245.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdG9yaXlvdQ==,size_16,color_FFFFFF,t_70)
官网首页地址:https://aframe.io/
以往我们实现全景图片可以使用three.js,但是three.js渲染效果较差,且图片需要提前剪切成6张,使用体验比较差,深入学习需要一定的时间。
所以我向大家推荐使用a-frame,这个框架可以无脑使用,学习成本极低,实际效果还不错(全景图片不能放大缩小,适合没有这个需求的用户)
注意点:
1.使用可以这样直接引进来(下图为适用浏览器)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20190929135619757.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdG9yaXlvdQ==,size_16,color_FFFFFF,t_70)
< script src = “ https://aframe.io/releases/0.9.2/aframe.min.js” >
和所有web应用一样,A-Frame也