Processing:Справочник языка Processing/bezierTangent(): различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
 
Нет описания правки
 
(не показаны 2 промежуточные версии 1 участника)
Строка 1: Строка 1:
{{Processing панель перехода}}
{{Processing панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}
{{Черновик}}


= bezierTangent() <ref>[https://processing.org/reference/bezierTangent_.html processing.org - bezierTangent()]</ref>=
= bezierTangent() <ref>[https://processing.org/reference/bezierTangent_.html processing.org - bezierTangent()]</ref>=
Строка 10: Строка 7:
==Обозначение==
==Обозначение==


<syntaxhighlight lang="c" enclose="div">
<syntaxhighlight lang="c">
bezierTangent()
bezierTangent()
</syntaxhighlight>
</syntaxhighlight>
Строка 20: Строка 17:
==Синтаксис==
==Синтаксис==


<syntaxhighlight lang="c" enclose="div">
<syntaxhighlight lang="c">
bezierTangent(a, b, c, d, t)
bezierTangent(a, b, c, d, t)
</syntaxhighlight>
</syntaxhighlight>
Строка 26: Строка 23:
==Параметры==
==Параметры==


<syntaxhighlight lang="c" enclose="div">
<syntaxhighlight lang="c">
a – координаты первой опорной точки кривой Безье. Тип данных – float
a – координаты первой опорной точки кривой Безье. Тип данных – float
b – координаты первой контрольной точки кривой Безье. Тип данных – float
b – координаты первой контрольной точки кривой Безье. Тип данных – float
Строка 36: Строка 33:
==Возвращаемое значение==
==Возвращаемое значение==


<syntaxhighlight lang="c" enclose="div">
<syntaxhighlight lang="c">
Тип данных – float.
Тип данных – float.
</syntaxhighlight>
</syntaxhighlight>
Строка 47: Строка 44:




<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
noFill();
noFill();
bezier(85, 20, 10, 10, 90, 90, 15, 80);
bezier(85, 20, 10, 10, 90, 90, 15, 80);
Строка 77: Строка 74:




<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS">
noFill();
noFill();
bezier(85, 20, 10, 10, 90, 90, 15, 80);
bezier(85, 20, 10, 10, 90, 90, 15, 80);
Строка 99: Строка 96:


<references />
<references />
{{SEO
 
|Заголовок статьи=Processing: bezierTangent() / Онлайн справочник - wikihandbk.com
{{Навигационная таблица/Портал/Processing}}
|Ключевые слова=processing,bezierTangent() ,bezierTangent() processing,bezierTangent() в processing
|Описание статьи=
|Изображение статьи для Open Graph=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/Processing:Справочник языка Processing/bezierTangent()</nowiki>
|Изображение статьи для schemaNewsArticle=<nowiki></nowiki>
|Высота изображения статьи для schemaNewsArticle=
|Ширина изображения статьи для schemaNewsArticle=
|Дата публикации для schemaNewsArticle=2018-06-25
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}
{{Навигационная таблица/Справочник языка Processing}}

Текущая версия от 15:24, 13 сентября 2023

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


bezierTangent() [1]

Обозначение

bezierTangent()

Описание

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

Синтаксис

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

Параметры

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

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

Тип данных  float.

Пример

№1


noFill();
bezier(85, 20, 10, 10, 90, 90, 15, 80);
int steps = 6;
fill(255);
for (int i = 0; i <= steps; i++) {
  float t = i / float(steps);
  // считываем координаты точки:
  float x = bezierPoint(85, 10, 90, 15, t);
  float y = bezierPoint(20, 10, 90, 80, t);
  // считываем точки касания:
  float tx = bezierTangent(85, 10, 90, 15, t);
  float ty = bezierTangent(20, 10, 90, 80, t);
  // на основе точек касания рассчитываем угол:
  float a = atan2(ty, tx);
  a += PI;
  stroke(255, 102, 0);
  line(x, y, cos(a)*30 + x, sin(a)*30 + y);
  // закомментированная строчка кода ниже делает инверсию линии выше:
  //line(x, y, cos(a)*-30 + x, sin(a)*-30 + y);
  stroke(0);
  ellipse(x, y, 5, 5);
}

№2


noFill();
bezier(85, 20, 10, 10, 90, 90, 15, 80);
stroke(255, 102, 0);
int steps = 16;
for (int i = 0; i <= steps; i++) {
  float t = i / float(steps);
  float x = bezierPoint(85, 10, 90, 15, t);
  float y = bezierPoint(20, 10, 90, 80, t);
  float tx = bezierTangent(85, 10, 90, 15, t);
  float ty = bezierTangent(20, 10, 90, 80, t);
  float a = atan2(ty, tx);
  a -= HALF_PI;
  line(x, y, cos(a)*8 + x, sin(a)*8 + y);
}

См.также

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