Processing:Примеры/Движение объекта по кривой - История изменений

Myagkij в 03:54, 27 августа 2023

2023-08-27T03:54:26Z

@@ Строка 1: / Строка 1: @@
 {{Processing панель перехода}}
 {{Перевод от Сubewriter}}
 {{Myagkij-редактор}}
 =Описание<ref>[https://processing.org/examples/movingoncurves.html processing.org - Moving On Curves]</ref>=
@@ Строка 115: / Строка 112: @@
 <references />
 {{Навигационная таблица/Портал/Processing}}

EducationBot в 07:59, 20 мая 2023

2023-05-20T07:59:38Z

← Предыдущая версия		Версия от 11:59, 20 мая 2023
Строка 4:		Строка 4:
	{{Myagkij-редактор}}		{{Myagkij-редактор}}

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

	=Описание<ref>[https://processing.org/examples/movingoncurves.html processing.org - Moving On Curves]</ref>=		=Описание<ref>[https://processing.org/examples/movingoncurves.html processing.org - Moving On Curves]</ref>=
Строка 131:		Строка 131:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка Processing}}~~		{{Навигационная таблица/Портал/Processing}}
	~~{{Навигационная таблица~~/Processing~~/Примеры}}~~
	~~{{Навигационная таблица/Телепорт~~}}

EducationBot в 14:21, 14 мая 2023

2023-05-14T14:21:26Z

← Предыдущая версия		Версия от 18:21, 14 мая 2023
Строка 66:		Строка 66:
	}}		}}

	<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">
	float beginX = 20.0; // начальная координата X		float beginX = 20.0; // начальная координата X
	float beginY = 10.0; // начальная координата Y		float beginY = 10.0; // начальная координата Y

Myagkij: /* Внешние ссылки */

2022-05-07T04:19:09Z

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

← Предыдущая версия		Версия от 08:19, 7 мая 2022
Строка 133:		Строка 133:
	{{Навигационная таблица/Справочник языка Processing}}		{{Навигационная таблица/Справочник языка Processing}}
	{{Навигационная таблица/Processing/Примеры}}		{{Навигационная таблица/Processing/Примеры}}
			{{Навигационная таблица/Телепорт}}

Myagkij в 14:40, 31 июля 2018

2018-07-31T14:40:36Z

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

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

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

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

=Описание<ref>[https://processing.org/examples/movingoncurves.html processing.org - Moving On Curves]</ref>=

В этом скетче-примере эллипс движется по кривой, рассчитываемой с помощью формулы y = x^4. Кликните мышкой в какой-либо части экрана, чтобы эллипс переместился на это место.

==Пример==

{{5pjs
|Код=
<html>
/**
* Moving On Curves.
*
* In this example, the circles moves along the curve y = x^4.
* Click the mouse to have it move to a new position.
*/

var beginX = 20.0; // Initial x-coordinate
var beginY = 10.0; // Initial y-coordinate
var endX = 570.0; // Final x-coordinate
var endY = 320.0; // Final y-coordinate
var distX; // X-axis distance to move
var distY; // Y-axis distance to move
var exponent = 4; // Determines the curve
var x = 0.0; // Current x-coordinate
var y = 0.0; // Current y-coordinate
var step = 0.01; // Size of each step along the path
var pct = 0.0; // Percentage traveled (0.0 to 1.0)

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");
noStroke();
distX = endX - beginX;
distY = endY - beginY;
}

function draw() {
fill(0, 2);
rect(0, 0, width, height);
pct += step;
if (pct < 1.0) {
x = beginX + (pct * distX);
y = beginY + (pow(pct, exponent) * distY);
}
fill(255);
ellipse(x, y, 20, 20);
}

function mousePressed() {
pct = 0.0;
beginX = x;
beginY = y;
endX = mouseX;
endY = mouseY;
distX = endX - beginX;
distY = endY - beginY;
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
float beginX = 20.0; // начальная координата X
float beginY = 10.0; // начальная координата Y
float endX = 570.0; // конечная координата X
float endY = 320.0; // конечная координата Y
float distX; // дистанция движения по оси X
float distY; // дистанция движения по оси Y
float exponent = 4; // переменная для расчета кривой
float x = 0.0; // текущая координата X
float y = 0.0; // текущая координата Y
float step = 0.01; // шаг пути
float pct = 0.0; // пройдено процентов пути (от 0.0 до 1.0)

void setup() {
size(640, 360);
noStroke();
distX = endX - beginX;
distY = endY - beginY;
}

void draw() {
fill(0, 2);
rect(0, 0, width, height);
pct += step;
if (pct < 1.0) {
x = beginX + (pct * distX);
y = beginY + (pow(pct, exponent) * distY);
}
fill(255);
ellipse(x, y, 20, 20);
}

void mousePressed() {
pct = 0.0;
beginX = x;
beginY = y;
endX = mouseX;
endY = mouseY;
distX = endX - beginX;
distY = endY - beginY;
}
</syntaxhighlight>

=См.также=

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

<references />

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