1、获取标记
对于dev.html页面：
这几行代码什么意思呢，就是一个匹配的规则，匹配的文件是data目录中的Market标识，说白了就是用让摄像头识别这个标记，官方示例给的标记是pattern-hiro,这个标记的来源图片对应着data目录中的images/hiro.png 这张图，怎么用这张图来生成patt.hiro这个标记呢，这时我们需要使用一个SDK工具，微小轻量级的，大家别担心是很重的安装包。这个工具叫artoolkit,就是AR工具箱，可以百度下载，建议下载最新的。
2、自定义标记
安装完成以后，进入到D:\Program Files (x86)\ARToolKit5\bin 目录下，接下来我们就要自定义一个标记了，这里的标记是传统的长方形标记，第一代market，稍后会增加自然图片的market，这里第一代market我是用div画的，具体的效果如下：
最外层的边框 最好为黑白色，这个是官方的文档上建议的 参考链接market,然后呢把这个效果截图保存到我们刚才下载的SDK D:\Program Files (x86)\ARToolKit5\bin\image下，没有image目录就新建一个，用cmd到D:\Program Files (x86)\ARToolKit5\bin目录,运行mk_patt.exe
会弹出相机的配置选项，默认的确定就行，然后相机启动以后，把我们刚才生成的图片，对准相机然后相机识别以后会出现红绿色边框线，并且出现左上角识别的文字，这时请注意文字的方向是否正确。
然后点击鼠标左键，回到命令行，输入文件名称td.patt，然后再当前的Bin目录下找到该文件
回到AR.js-master项目中，打开three.js/examples/marker-training/examples/pattern-files目录把刚生成的标识文件放进去，接下来回到three.js/examples/dev.html中，修改代码
3、修改代码
部分内容转自：https://zhuanlan.zhihu.com/p/26364493