通过npm install --save three安装three.js
创建view/div绑定id
引入three.js
css
最近比较忙，公司有项目要求要搞WebAR,各种google后，得到结果是ARToolkit库加Three.js库，ARToolkit在这里就不说了，有兴趣的自己百度，或者 这里 了解一下，WEBAR已经有大牛实现了框架，可以看这里 AR.js. 这里我们重点了解Three.js。Three.js可以加载json类型的模型文件与动画，Three.js提供的方案的是用Blender建模软件来导出json给Three.js加载。这里我尝试了加载json类型的文件，这里我参考了demo里的效果制作。结果也是正确的。但是在用自己模型在Blender导出json文件使用时就出现问题了，动画死活加载不出来。
具体分析问题后，觉得可能是资源的导出有问题，对比自己导出的json与demo给出的json,找到问题所在。看下图
刷新动画数据
看最后的效果：
