# arDemo **Repository Path**: andy-code1/ardemo ## Basic Information - **Project Name**: arDemo - **Description**: ar的demo项目 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2022-09-04 - **Last Updated**: 2022-09-04 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## 1.1 ar.js helloworld 本demo中的样例
### 21.1.1 训练我们的图像识别符 这里一定要去ps中把图像压缩----血的教训(最好是抠图+纯色-感谢我师傅的帮忙嘿嘿嘿) ``` 跟踪图像中的特征点并使用它们,它用于估计摄像机的位置。这些特征点(也称为“图像描述符”)通过NFT Marker Creator创建,这是一个用于创建NFT标记的工具 node.js版本的 https://github.com/Carnaux/NFT-Marker-Creator step1: npm install后 node app.js -i black.png // 这里的black是我们的目标文件 按y生成根目录的/output文件夹图像描述符 “图像描述符”文件共3个,分别是.fset、.fset3和.iset文件。 这三个不同类型的文件的主文件名是一样的。主文件名就是”图像描述符”的名字,它将在AR.js web应用中被引用。 例如:由trex.fset、trex.fset3和trex.iset组成的“图像描述符”,它的名字叫trex。 ``` ### 21.1.2 3d模型下载(gltf版本) 去到https://sketchfab.com/ ### 21.1.3 引入aframe ```html
正在加载AR模型,请稍候...
``` ### 21.1.4 找到图像触发的操作 markerhandler ```html
Loading, please wait...
``` ``` vue中可以把这一堆东西扔进public/index的头部也会生效的 ``` 最后补充一下常用的ar 位置参数
rotation-0 0 0

rotation-180 0 0


rotation-270 0 0