Processing:Примеры/Щекотка - История изменений

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

2023-08-27T03:55:33Z

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

EducationBot в 08:01, 20 мая 2023

2023-05-20T08:01:56Z

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

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

	=Описание<ref>[https://processing.org/examples/tickle.html processing.org - Tickle]</ref>=		=Описание<ref>[https://processing.org/examples/tickle.html processing.org - Tickle]</ref>=
Строка 62:		Строка 62:
	}}		}}

	<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">
	String message = "tickle";		String message = "tickle";
	float x, y; // координаты X и Y для текста		float x, y; // координаты X и Y для текста
Строка 120:		Строка 120:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка Processing}}~~		{{Навигационная таблица/Портал/Processing}}
	~~{{Навигационная таблица~~/Processing~~/Примеры}}~~
	~~{{Навигационная таблица/Телепорт~~}}

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

2022-05-07T04:19:49Z

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

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

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

2018-07-31T14:55:36Z

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

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

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

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

=Описание<ref>[https://processing.org/examples/tickle.html processing.org - Tickle]</ref>=

Если навести курсором на слово «tickle» в середине экрана, оно начнет дрожать. Если постараться, его можно «выщекотать» за пределы экрана.

==Пример==

{{5pjs
|Код=
<html>
/**
* Tickle.
*
* The word "tickle" jitters when the cursor hovers over.
* Sometimes, it can be tickled off the screen.
*/

// The next line is needed if running in JavaScript Mode with Processing.js
/* @pjs font="Georgia.ttf"; */

var message = "tickle";
var x, y; // X and Y coordinates of text
var hr, vr; // horizontal and vertical radius of the text

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");

// Create the font
textFont("Source Code Pro", 36);
textAlign(CENTER, CENTER);

hr = textWidth(message) / 2;
vr = (textAscent() + textDescent()) / 2;
noStroke();
x = width / 2;
y = height / 2;
}

function draw() {
// Instead of clearing the background, fade it by drawing
// a semi-transparent rectangle on top
fill(204, 120);
rect(0, 0, width, height);

// If the cursor is over the text, change the position
if (abs(mouseX - x) < hr &&
abs(mouseY - y) < vr) {
x += random(-5, 5);
y += random(-5, 5);
}
fill(0);
text("tickle", x, y);
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
String message = "tickle";
float x, y; // координаты X и Y для текста
float hr, vr; // горизонтальный и вертикальный радиус текста

void setup() {
size(640, 360);

// создаем шрифт:
textFont(createFont("SourceCodePro-Regular.ttf", 36));
textAlign(CENTER, CENTER);

hr = textWidth(message) / 2;
vr = (textAscent() + textDescent()) / 2;
noStroke();
x = width / 2;
y = height / 2;
}

void draw() {
// вместо очищения фона делаем его затухание,
// рисуя сверху полупрозрачный прямоугольник:
fill(204, 120);
rect(0, 0, width, height);

// если курсор находится над текстом, меняем его позицию:
if (abs(mouseX - x) < hr &&
abs(mouseY - y) < vr) {
x += random(-5, 5);
y += random(-5, 5);
}
fill(0);
text("tickle", x, y);
}
</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/Примеры}}