AR人脸识别 Three.js + tensorflow.js（一）概述tensorflow.js介绍项目搭建初始化摄像头初始化three.js概述这一期来使用Three.js和tensorflow.js来完成一个AR人脸识别的项目，主要使用的前端框架为Vue，项目中主要的功能点有可以实现人脸替换，在摄像头检测检测到人脸后会将人脸替换成一个预先准备好的人脸模型，然后我们人脸移动和变化的时候模型会跟

概述我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，现在我们来加载模型和天空盒加载模型在ZThree类中加入loaderObjModel方法用来加载模型// 加载obj模型loaderObjModel(path, objName, mtlName) {return new Promise(resolve => {new MTLLoader().setPath(path).load(

maptalks+three 智慧城市项目概述搭建开发环境搭建maptalks+three场景创建灯光加载建筑模型加载流光道路加载水系加载大厦模型加载飞行线条创建圆锥体创建文本概述经过上一次使用three.js做了个demo，这次使用maptalks+three+vue来继续开发一个demo玩玩先看视频效果：搭建开发环境使用的开发框架是vue-cli3.0, webgl使用three.js，地图使

在网上苦苦找寻很久都很难找到一篇详细讲解使用Three.js开发智慧城市的文章，为此专门做一个智慧城市得项目，先来看看效果智慧城市项目录制视频科技风版本：智慧城市二期视频。

概述我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，加载模型和天空盒，现在我们来创建车流创建车流的驾驶路线想要创建车流的驾驶路线，首先我们肯定是获取生成路线的点，那这个点怎么生成呢，在实际的开发中这些数据都由建模师来提供就好了，现在我们没有建模师怎么办呢，我们可以通过射线点击来获取模型上的具体坐标点首先我们在ZThree中创建射线的方法initRaycaster() {this.rayc

概述我们接着上一篇文章接着向下做，此时我们已经成功创建了场景，加载模型和天空盒，现在我们来创建车流创建车流的驾驶路线想要创建车流的驾驶路线，首先我们肯定是获取生成路线的点，那这个点怎么生成呢，在实际的开发中这些数据都由建模师来提供就好了，现在我们没有建模师怎么办呢，我们可以通过射线点击来获取模型上的具体坐标点首先我们在ZThree中创建射线的方法initRaycaster() {this.rayc

AR室内导航-Three.js概述初始化室内地图创建楼层控件导航使用Three.js 生成AR模块原理初始化Three概述这一次的AR室内导航是使用蜂鸟云地图加上three.js做的，具备室内楼层切换，2D/3D模型切换，指北针控件，AR开启/关闭。模拟室内导航的功能，先来看看视频效果AR室内导航初始化室内地图初始化蜂鸟云室内地图很简单，使用的也是蜂鸟云自带的地图数据vue文

THREE.js + 语音识别控制概述概述使用aframe加载模型，然后使用语音识别功能对模型进行控制，模型可做起跳，奔跑等动作，详细请看视频：