التغذية الراجعة اللمسية

المفهوم

التغذية اللمسية تنقل الحالة (نجاح، خطأ، تأكيد) عبر اللمس. على الجوال، تُشغِّل Vibration API أنماط اهتزاز. تكمل التغذية البصرية والصوتية، أساسية في واجهات XR والجوال.

الكود

// Haptic feedback on click
// On mobile: navigator.vibrate([50, 30, 100]) triggers a pattern
// Pattern: vibrate 50ms, pause 30ms, vibrate 100ms

let btn;
function setup() {
  createCanvas(400, 280);
  btn = createButton('Tap me — feel it');
  btn.position(width/2 - 60, height/2 - 20);
  btn.style('font-size','1rem');
  btn.mousePressed(() => {
    // Short tap pattern: 40ms
    if (navigator.vibrate) navigator.vibrate([40]);
    flashFeedback();
  });
}
let flash = 0;
function flashFeedback() { flash = 20; }
function draw() {
  background(lerp(11, 55, flash/20), lerp(15, 227, flash/20), lerp(20, 195, flash/20));
  if (flash > 0) flash--;
}

للمزيد

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