FRENAR
N°12 · Canvas 2D · تحليل الحركة

أثر الإيماءة

حركتك مرئية. السرعة والتسارع والانحناء تُعرض كلون وعرض — شاهد فيزياء حركتك الخاصة.

vel: 0
acc: 0
حرّك الفأرة لرسم الأثر
// Traînée gestuelle — vélocité + accélération
let points = [];

canvas.addEventListener('pointermove', (e) => {
  const rect = canvas.getBoundingClientRect();
  const x = e.clientX - rect.left;
  const y = e.clientY - rect.top;
  const prev = points[points.length - 1];

  if (prev) {
    const dx = x - prev.x, dy = y - prev.y;
    const vel = Math.sqrt(dx*dx + dy*dy);
    const acc = vel - (prev.vel || 0);
    points.push({ x, y, vel, acc });
  }

  // Épaisseur proportionnelle à la vitesse
  const width = Math.max(1, baseWidth * (vel / 20));
});
جرّب بنفسك

ارسم دائرة ناعمة — ماذا يكشف أثرك عن الإيقاع الطبيعي ليدك؟ قارن إيماءة سريعة مقابل بطيئة ولاحظ كيف تؤثر السرعة على النعومة.

افهم فيزياء الإيماءة للواجهات الطبيعية

احجز جلسة