首先确保使用的模型文件在本地存在且路径正确。
确认在AR.js中使用的nft模板已经正确的生成和导出为glb格式。
检查AR.js的配置,设置已启用Image Tracking(nft)功能。
var ar = new ARjs.StateManager({
trackingMethod: 'best',
debugUIEnabled: false,
maxDetectionRate: 60,
canvasWidth: 640,
canvasHeight: 480,
trackingBackend: 'artoolkit',
nftWorkerUrl: 'assets/arjs/artoolkitNftWorker.min.js',
nftUrl: 'assets/arjs/yourmodel.nft', // NFT marker URL
cameraParametersUrl: 'assets/arjs/camera_para.dat',
onSuccess: function (ar) {
console.log('AR.js is initiated!');
},
onTrackingLost: function () {
console.log('Tracking lost!');
}
});
var marker = new THREE.Group();
var loader = new THREE.GLTFLoader();
// Load the 3D model
loader.load('model.gltf', function (gltf) {
gltf.scene.scale.set(0.5, 0.5, 0.5);
marker.add(gltf.scene);
document.body.appendChild(marker);
}, undefined, function (error) {
console.error(error);
});
var marker = new THREE.Group();
var loader = new THREE.GLTFLoader();
// Load the 3D model
loader.load('model.gltf', function (gltf) {
gltf.scene.scale.set(0.5, 0.5, 0.5);
var model = gltf.scene.children[0];
var wrapModel = new THREE.Object3D();
wrapModel.add(model);
marker.add(wrapModel);
document.body
上一篇:AR.js中的图像检测