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

التغذية الراجعة البصرية

إنشاء حلقات تغذية راجعة بصرية في p5.js.

المفهوم

التغذية الراجعة البصرية تُعيد حقن الصورة المنتجة كمدخل للإطار التالي. بعدم مسح الخلفية بالكامل، تترك الأشكال آثاراً. بتطبيق تكبير أو دوران خفيف نخلق تأثيرات نفق أو مشكال.

الكود

// Visual feedback: trail + rotation
function setup() { createCanvas(400, 280); }
function draw() {
  // Semi-transparent background = trail
  fill(11, 15, 20, 20); noStroke(); rect(0,0,width,height);
  translate(width/2, height/2);
  rotate(frameCount * 0.01);
  let r = 60 + sin(frameCount * 0.03) * 30;
  noFill(); stroke(55, 227, 195, 180); strokeWeight(2);
  ellipse(r * cos(frameCount*0.05), r * sin(frameCount*0.07), 20, 20);
}

للمزيد

استكشف الدورات المجانية الأخرى على صفحة التعلم، أو احجز مكالمة لمناقشة مشروعك.

هل تريد المزيد؟

← احجز مكالمة اكتشاف