كمال غابتي · دورة · مجاني

الاختيار بالشعاع

محاكاة شعاع الاختيار في مشهد ثنائي/ثلاثي الأبعاد في p5.js.

المفهوم

الاختيار بالشعاع يُسقط شعاعاً من الكاميرا نحو المشهد لاكتشاف الأجسام المتقاطعة. آلية الاختيار الأساسية في واجهات 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 دقيقة.

← احجز مكالمة