Cat hungry.png
Здравствуйте! Собираем деньги на перевод материалов по электронике(https://www.allaboutcircuits.com/education/). Реквизиты указаны здесь.

Processing:Справочник языка Processing/bezierTangent()

Материал из Онлайн справочника
Перейти к: навигация, поиск


Перевод: Максим Кузьмин (Cubewriter)
Перевел 2680 статей для сайта.

Контакты:

Проверка/Оформление/Редактирование: Мякишев Е.А.


Ambox content.png Черновик


bezierTangent() [1]

Обозначение

bezierTangent()

Описание

Рассчитывает касательную прямую для точки внутри кривой Безье. Хорошее определение касательной прямой можно найти в «Википедии».

Синтаксис

bezierTangent(a, b, c, d, t)

Параметры

a – координаты первой опорной точки кривой Безье. Тип данных – float
b – координаты первой контрольной точки кривой Безье. Тип данных – float
c – координаты второй контрольной точки кривой Безье. Тип данных – float
d – координаты второй опорной точки кривой Безье. Тип данных – float
t – точка внутри кривой Безье; значение между «0» и «1». Тип данных – float

Возвращаемое значение

Тип данных – float.

Пример

№1

Processing bezierTangent 0.png


  1. noFill();
  2. bezier(85, 20, 10, 10, 90, 90, 15, 80);
  3. int steps = 6;
  4. fill(255);
  5. for (int i = 0; i <= steps; i++) {
  6.   float t = i / float(steps);
  7.   // считываем координаты точки:
  8.   float x = bezierPoint(85, 10, 90, 15, t);
  9.   float y = bezierPoint(20, 10, 90, 80, t);
  10.   // считываем точки касания:
  11.   float tx = bezierTangent(85, 10, 90, 15, t);
  12.   float ty = bezierTangent(20, 10, 90, 80, t);
  13.   // на основе точек касания рассчитываем угол:
  14.   float a = atan2(ty, tx);
  15.   a += PI;
  16.   stroke(255, 102, 0);
  17.   line(x, y, cos(a)*30 + x, sin(a)*30 + y);
  18.   // закомментированная строчка кода ниже делает инверсию линии выше:
  19.   //line(x, y, cos(a)*-30 + x, sin(a)*-30 + y);
  20.   stroke(0);
  21.   ellipse(x, y, 5, 5);
  22. }

№2

Processing bezierTangent 1.png


  1. noFill();
  2. bezier(85, 20, 10, 10, 90, 90, 15, 80);
  3. stroke(255, 102, 0);
  4. int steps = 16;
  5. for (int i = 0; i <= steps; i++) {
  6.   float t = i / float(steps);
  7.   float x = bezierPoint(85, 10, 90, 15, t);
  8.   float y = bezierPoint(20, 10, 90, 80, t);
  9.   float tx = bezierTangent(85, 10, 90, 15, t);
  10.   float ty = bezierTangent(20, 10, 90, 80, t);
  11.   float a = atan2(ty, tx);
  12.   a -= HALF_PI;
  13.   line(x, y, cos(a)*8 + x, sin(a)*8 + y);
  14. }

См.также

Внешние ссылки

  1. processing.org - bezierTangent()