Processing:Примеры/Клавиатура - История изменений

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

2023-08-27T03:48:27Z

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

EducationBot в 08:00, 20 мая 2023

2023-05-20T08:00:03Z

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

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

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

	<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">
	int rectWidth;		int rectWidth;

Строка 113:		Строка 113:
	\|Высота логотипа издателя для schemaNewsArticle=45		\|Высота логотипа издателя для schemaNewsArticle=45
	}}		}}
	{{Навигационная таблица/~~Справочник языка Processing}}~~		{{Навигационная таблица/Портал/Processing}}
	~~{{Навигационная таблица~~/Processing~~/Примеры~~}}

Myagkij в 18:53, 25 июля 2018

2018-07-25T18:53:59Z

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

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

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

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

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

Кликните на дисплейное окно Processing и начните нажимать на клавиши с буквами на клавиатуре – это начнет создавать в разных местах экрана монохромные полосы. У каждой клавиши есть уникальный идентификационный номер. Эти номера можно использовать для размещения полос и прочих фигур в пространстве.

==Пример==

{{5pjs
|Код=
<html>
/**
* Keyboard.
*
* Click on the image to give it focus and press the letter keys
* to create forms in time and space. Each key has a unique identifying
* number. These numbers can be used to position shapes in space.
*/

var rectWidth;

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");
noStroke();
background(0);
rectWidth = width/4;
}

function draw() {
// keep draw() here to continue looping while waiting for keys
}

function keyPressed() {
var keyIndex = -1;
var keyVal = key.charCodeAt(0);
if (keyVal >= 'A'.charCodeAt(0) && keyVal <= 'Z'.charCodeAt(0)) {
keyIndex = keyVal - 'A'.charCodeAt(0);
} else if (keyVal >= 'a'.charCodeAt(0) && keyVal <= 'z'.charCodeAt(0)) {
keyIndex = keyVal - 'a'.charCodeAt(0);
}
if (keyIndex === -1) {
// If it's not a letter key, clear the screen
background(0);
} else {
// It's a letter key, fill a rectangle
fill(millis() % 255);
var x = map(keyIndex, 0, 25, 0, width - rectWidth);
rect(x, 0, rectWidth, height);
}
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
int rectWidth;

void setup() {
size(640, 360);
noStroke();
background(0);
rectWidth = width/4;
}

void draw() {
// здесь выполняется ожидание нажатия клавиш и рисование полос:
}

void keyPressed() {
int keyIndex = -1;
if (key >= 'A' && key <= 'Z') {
keyIndex = key - 'A';
} else if (key >= 'a' && key <= 'z') {
keyIndex = key - 'a';
}
if (keyIndex == -1) {
// если это не клавиша с буквой, очищаем экран:
background(0);
} else {
// это клавиша с буквой, закрашиваем полосу:
fill(millis() % 255);
float x = map(keyIndex, 0, 25, 0, width - rectWidth);
rect(x, 0, rectWidth, height);
}
}
</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-25
|Автор=Мякишев Е.А.
|Издатель=myagkij
|Логотип издателя для schemaNewsArticle=<nowiki>http://wikihandbk.com/ruwiki/images/6/61/Tech_geek_logo_1x.jpg</nowiki>
|Ширина логотипа издателя для schemaNewsArticle=60
|Высота логотипа издателя для schemaNewsArticle=45
}}
{{Навигационная таблица/Справочник языка Processing}}
{{Навигационная таблица/Processing/Примеры}}