acheng

web页面上提供3D效果，可以为页面提供不少色彩，H5之后canvas为webgl提供了基础，使得在web页面使用JS也能写出3D的效果，其中three.js作为封装了图形函数的框架，为入门提供了方便，效果图如下。以上是官方例子中其中的三个，没接触过的朋友肯定会觉得很神奇，事实上three.js能做的远不止这些，入门容易，如果灵活运用到项目中就只能看各自的发挥了。............

随着html5 canvas的流行，酷炫的web端效果层出不穷，搭载基于webgl 的three.js的图形库可以做出基于web的3D效果。最近应对客户需求，2D平面地图已经不太满足客户的口味，3D的效果更让人接受，先看一下成果图。对应室内地图CAD图纸 进行3D立体效果拉伸，再加上一些实景模型的搭配，使得整体效果更好。地图地板墙体的依据cad 尺寸制定的json数据协议： { title: '', x: 480, y: 80,

r95后续版本 相机lookat重新调整了矩阵，固官方栗子需要将lookat上移如图。