Un marqueur visuel au sol. Positionnez le faisceau de détection sur la cible — dès l'accrochage, un objet 3D se matérialise et reste ancré. C'est le principe fondamental de l'AR image-target.
// Marqueur AR — ancrage 3D sur cible visuelle (three.js)
const renderer = new THREE.WebGLRenderer({antialias:true,alpha:true});
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(50, W/H, 0.1, 100);
camera.position.set(0, 3, 5);
// Raycaster vers plan Y=0 (sol AR)
const raycaster = new THREE.Raycaster();
raycaster.setFromCamera(mouse, camera);
const plane = new THREE.Plane(new THREE.Vector3(0,1,0), 0);
raycaster.ray.intersectPlane(plane, hitPoint);
// Si hitPoint proche du centre marqueur => ancré = true
const dist = hitPoint.distanceTo(markerCenter);
if(dist < threshold) anchorObject.visible = true;
Déplacez lentement vers le marqueur et observez le moment d'accrochage. Que se passe-t-il si deux marqueurs se chevauchent dans une vraie app AR ? Pourquoi les algorithmes AR préfèrent-ils des marqueurs à fort contraste ?
Concevez des expériences AR qui ancrent vraiment dans le monde réel
Réserver un créneau