المفهوم
الاختيار بالشعاع يُسقط شعاعاً من الكاميرا نحو المشهد لاكتشاف الأجسام المتقاطعة. آلية الاختيار الأساسية في واجهات 3D وAR.
الكود
// Raycast: hit test on circles
let objects = [];
function setup() {
createCanvas(400, 280);
for (let i = 0; i < 8; i++)
objects.push({x:random(50,350), y:random(50,230), r:random(20,40), hit:false});
}
function draw() {
background(11, 15, 20);
for (let o of objects) {
o.hit = dist(mouseX, mouseY, o.x, o.y) < o.r;
noStroke();
fill(o.hit ? [55,227,195] : [60,70,90]);
ellipse(o.x, o.y, o.r*2);
}
// Ray line
stroke(200,200,200,60); strokeWeight(1);
line(mouseX, mouseY, mouseX, 0);
}للمزيد
استكشف الدورات المجانية الأخرى على صفحة الورش.
تدرب، تعاون، انشر — في 15 دقيقة.
← احجز مكالمة