淘宝Web3D使用与游戏三个穿插

点击主场景中的猫，会进入AR抓猫环境。 这不是网页渲染，因为当时手机网页还没有获取摄像头数据的能力，所以那个时候的AR只能用3D引擎渲染，叫做T3D，顾名思义就是3D。 还有一个有趣的AR场景叫做“金猫”。 金猫会在双十一前后三天出现在银泰或苏宁的商场上空。 只要抢到这只猫，就会得到至少100元的红包奖励。

难点一：建筑模型的制作。 我们的设计师是平面设计师，不会做3D。 他当时给我的照片是这样的。 你可以弄清楚。 我花了一整天制作模型。

难点二：地面算法。 地面为六角形结构。 将地面从地球坐标系转换为3D世界中的场景，需要几个步骤。 我们小时候都看过世界地图。 如何将球面投影到平面上？

该投影称为墨卡托投影 ( )。 这个投影算法的代码是服务器copy给我的，因为为了保持前后端算法一致，我把后端的投影算法也copy过来了。 与墨卡托投影相比，这是一个简化的算法，因为需要看到周围的猫在50米左右，所以精度不是特别高，一个简单的算法就可以满足。

当时的视角是这样的，以用户当前所在位置的经纬度为圆心，可以看到围成一圈有多少只猫。

这里六边形地的计算如果使用X、Y轴的算法的话其实还是比较慢的。 我当时看了一篇论文。 这是一位花了20年研究六角算法的斯坦福同学。 本质上是用夹角为120度的X、Y、Z三个轴作为坐标轴，比计算X、Y两个轴的算法快很多。还有很多其他算法基于关于这个基本算法，比如寻路。

好不容易跨过了双十一这道坎，我们看到2D的方案在模型输入和渲染性能上都非常薄弱。