Processing:Справочник языка Processing/bezierTangent() - История изменений

Myagkij в 11:24, 13 сентября 2023

2023-09-13T11:24:09Z

@@ Строка 1: / Строка 1: @@
 {{Processing панель перехода}}
 {{Перевод от Сubewriter}}
 {{Myagkij-редактор}}
 = bezierTangent() <ref>[https://processing.org/reference/bezierTangent_.html processing.org - bezierTangent()]</ref>=
@@ Строка 99: / Строка 96: @@
 <references />
-{{SEO
 {{Навигационная таблица/Портал/Processing}}

EducationBot в 08:07, 20 мая 2023

2023-05-20T08:07:54Z

← Предыдущая версия		Версия от 12:07, 20 мая 2023
Строка 4:		Строка 4:
	{{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>=
Строка 115:		Строка 115:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка~~ Processing}}		{{Навигационная таблица/Портал/Processing}}

EducationBot в 14:36, 14 мая 2023

2023-05-14T14:36:36Z

← Предыдущая версия		Версия от 18:36, 14 мая 2023
Строка 10:		Строка 10:
	==Обозначение==		==Обозначение==

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

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

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

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


	<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:		Строка 77:


	<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);

Myagkij в 19:13, 25 июня 2018

2018-06-25T19:13:00Z

Новая страница

{{Processing панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

{{Черновик}}

= bezierTangent() <ref>[https://processing.org/reference/bezierTangent_.html processing.org - bezierTangent()]</ref>=

==Обозначение==

<syntaxhighlight lang="c" enclose="div">
bezierTangent()
</syntaxhighlight>

==Описание==

Рассчитывает касательную прямую для точки внутри кривой Безье. Хорошее определение касательной прямой [https://ru.wikipedia.org/wiki/Касательная_прямая можно найти в «Википедии»].

==Синтаксис==

<syntaxhighlight lang="c" enclose="div">
bezierTangent(a, b, c, d, t)
</syntaxhighlight>

==Параметры==

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

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

<syntaxhighlight lang="c" enclose="div">
Тип данных – float.
</syntaxhighlight>

==Пример==

===№1===

[[File:processing_bezierTangent_0.png|center]]

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
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);
}
</syntaxhighlight>

===№2===

[[File:processing_bezierTangent_1.png|center]]

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
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);
}
</syntaxhighlight>

=См.также=

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

<references />
{{SEO
|Заголовок статьи=Processing: bezierTangent() / Онлайн справочник - wikihandbk.com
|Ключевые слова=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}}