基于HTML5的WebGL实现的2D3D迷宫小游戏

玩玩，鼠标或者触屏都可以，不过我觉得最方便的还是操作键盘wsad控制上下左右。

我的想法是先把场景布局好，代码如下：

这几个都是自定义的函数，createHT为描绘HT形状的图，场景中有四个，所以调用了四次；createCurve是描绘场景中间的黄色的曲线；createCircle是描绘最外层的圆，因为不是全包的圆，所以也是描点画的。

 因为“HT”这个字眼要描绘的点比较多，所以代码看起来有点大，如果你看到如何描绘一个不完全的圆用20行代码来完成，而且包括样式，还是会惊讶的：

了解了getEye和getCenter后我们就可以获取当前位置和视线位置了：

但是在代码中我们发现，这个方法只被绘制了一次，如果不一直重绘，那么2d界面的“我”的位置和移动也是不会变的，所以我们又监听了3d中属性的变化：

 在2D中，我可以编辑图元，移动它的点，变化某个图元的大小，等等功能，只要变化了图元，那么我的碰撞测试就得更新：

那么我们好奇的点在于，如何在拖拽图元改变大小的时候还能保持碰撞检测呢？