FRENAR
N°18 · WebGL / three.js · محاكاة الواقع المعزز

علامة الواقع المعزز

علامة بصرية على الأرض. حرّك شعاع الكشف نحو الهدف — عند التثبيت، يتجسد كائن ثلاثي الأبعاد ويبقى مثبتًا. هذا هو المبدأ الأساسي لاستهداف صورة الواقع المعزز.

WebGL indisponible — activez l'accélération matérielle dans votre navigateur.
حرّك الفأرة · انقر للتثبيت
// 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;
جرّب بنفسك

تحرك ببطء نحو العلامة وراقب لحظة التثبيت. ماذا يحدث لو تداخلت علامتان في تطبيق AR حقيقي؟ لماذا تفضّل خوارزميات AR العلامات عالية التباين؟

صمّم تجارب واقع معزز تتثبت فعلاً في العالم الحقيقي

احجز جلسة