如果用HTML5做3D小熊，会怎样

　　前几天有几位朋友问了一个很有趣的问题，他说3D小熊这种增强现实的技术能否用H5实现?

　　答案是可以，先看一个例子：

　　上面的例子就是用HTML5做的增强现实网页应用，只不过运行在PC浏览器上。

　　理论上，H5实现增强现实已经具备一定条件：手机性能的提升(CPU&GPU)，微信JS-SDK的开放，微信浏览器这个特殊的平台。当然，一项技术从可行到成熟应用总需要一些时间，目前大家还看不到移动端H5的案例，不过可喜的是，已经有公司在做这样的尝试，相信很快大家能见到。

　　3D小熊的火爆似乎在暗示2015年营销人又有得忙了，除了H5，还有AR。如果你打算做一个AR应用，无论形式是原生App还是可能即将终将出现的H5+AR，你都应该理解这是一种什么样的技术，为了你和未来的技术供应商更高效的合作，也为了，不被忽悠。

　　以下这个简单的AR例子，介绍了AR技术工作的原理，它通过标志物识别来建立虚拟空间与现实空间的联系，从而实现场景融合的效果，这也是3D小熊所运用的AR技术：

　　1、计算机的准备工作——标志物识别。图中的黑色方块就是标志物，计算机首先需要通过摄像头“记住”这个标志。

　　2、当计算机从影像中再次识别到该标志物时，会基于标志物建立一个三维坐标，而这个三维坐标其实就是虚拟世界的三维空间。

　　此时大家可能会有疑问，标志物是二维的，但为何计算机能建立三维坐标?这里涉及到透视原理，标志物的形变和大小的变化会映射出第三个维度，这其实跟人眼的感觉是一个道理，如果你看到一个正方形纸片变成了菱形，你是不是就能大致判断纸片偏转的角度了呢，同样的，纸片变小你也会知道它离你的距离变远了。