A-frame少人用我似乎找到了原因 --- 手机端预览体验很糟糕
写在前面
本次属于吐槽文，作为新手，遇到很多问题我认为是很正常的，但是这些问题目前得不到解决，不是学习的问题，而是配置的问题，早踩坑早放弃，我认为也是一种成长。下面开始按时间顺序记录我的心路历程。
html标签构建vr场景
毕业课题想往虚拟购物空间走，学过一点前端，因此选择了webvr，想用前端构建vr场景。这个过程了解到了A-frame工具。他可以直接用html简单搭建vr场景，如下图：
<html>
<head>
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-particle-system-component@1.0.9/dist/aframe-particle-system-component.min.js"></script>
</head>
<body>
<a-scene>
<a-entity particle-system="preset: snow" position="0 0 -10"></a-entity>
</a-scene>
</body>
</html>
用A-frame推荐的glitch在线平台书写html文件，呈现出来的是这样的效果：
看到右下角有一个cardboard的图标了没有？我很兴奋，点击后画面变成全屏，然后可以用光标代替视角长拖切换视角。
手机端查看vr场景
想到A-frame说过可以支持cardboard。因此我很兴奋，我用手机谷歌浏览器打开该链接，点击右下方的同一个按钮，手机呈现下方图片：
这样的画面是可以放到cardboard纸盒子，透过双目镜片观看vr场景的，但是很可惜这个例子没有调用手机的陀螺仪，因此，只能用手滑动屏幕旋转视角。。。。。。好鸡肋。。。。我想，应该是官方例子给的比较简陋，我把我在本地写的一个也是比较简单的，但是可以调用陀螺仪的文件部署一下，放到手机里看，美滋滋。然而现实却给我一巴掌。部署需要专业版，每个月10美刀。当我还处于新手之际，绝不可能贸贸然给这个钱。
glitch也不好用
因此，我决定在glitch上找别人的例子，用手机看，看大致的效果，好的话我愿意用这个工具搭建。然而我没想到，glitch搜索结果界面如此的简陋，搜索结果没有筛选功能，看不到好的作品，似乎作品也没有点赞啊星星的功能，因此搜索广场上都是良莠不齐的作品。
我一个一个项目的打开，寻找看起来还可以的vr场景，放到手机浏览器，点击按钮。此时，浏览器提示要安装google vr服务，最后我当时是在一些零散的网站下的安装包。
然后，我发现，5个作品里有4个都是无法显示vr效果，就是连双目效果都出不来的，更别说陀螺仪了。。。。如果我选择Aframe写场景，在glitch上部署，我没有信心我能做出可以用在cardboard、可以旋转视角、可以行走的项目，大半天的我探索过后非常伤心。一开始我在本地写A-frame还认为很不错，用html和js写比较简单易懂。搭建了一点点打算把部署到手机端全链路跑一下，防止某一环出现差错，造成一开始的学习白费。没想到最后的部署、预览真的很不完善。。。。。我要放弃了。我选择用unity搭建了，哎，给大家排排雷吧~
