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

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

2023-08-27T03:53:26Z

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

EducationBot в 08:01, 20 мая 2023

2023-05-20T08:01:21Z

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

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

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

EducationBot в 14:23, 14 мая 2023

2023-05-14T14:23:37Z

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

	<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">
	Handle[] handles;		Handle[] handles;

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

2022-05-07T04:18:42Z

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

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

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

2018-07-31T14:28:52Z

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

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

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

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

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

Зажмите кнопкой мыши и потяните какой-нибудь белый квадратик (рычажок), чтобы поменять его позицию.

==Пример==

{{5pjs
|Код=
<html>
/**
* Handles.
*
* Click and drag the white boxes to change their position.
*/

var handles;

function setup() {
var canvas = createCanvas(640, 360);
canvas.parent("p5container");
var num = height/15;
handles = [];
var hsize = 10;
for (var i = 0; i < num; i++) {
handles[i] = new Handle(width/2, 10+i*15, 50-hsize/2, 10, handles);
}
}

function draw() {
background(153);

for (var i = 0; i < handles.length; i++) {
handles[i].update();
handles[i].display();
}

fill(0);
rect(0, 0, width/2, height);
}

function mouseReleased() {
for (var i = 0; i < handles.length; i++) {
handles[i].releaseEvent();
}
}

function Handle(ix, iy, il, is, o) {
this.x = ix;
this.y = iy;
this.stretch = il;
this.size = is;
this.boxx = this.x+this.stretch - this.size/2;
this.boxy = this.y - this.size/2;
this.others = o;
this.over = false;
this.press = false;
this.locked = false;
this.otherslocked = false;

this.update = function() {
this.boxx = this.x+this.stretch;
this.boxy = this.y - this.size/2;

for (var i=0; i<this.others.length; i++) {
if (this.others[i].locked == true) {
this.otherslocked = true;
break;
} else {
this.otherslocked = false;
}
}

if (this.otherslocked == false) {
this.overEvent();
this.pressEvent();
}

if (this.press) {
this.stretch = lock(mouseX-width/2-this.size/2, 0, width/2-this.size-1);
}
}

this.overEvent = function() {
if (overRect(this.boxx, this.boxy, this.size, this.size)) {
this.over = true;
} else {
this.over = false;
}
}

this.pressEvent = function() {
if (this.over && mouseIsPressed || this.locked) {
this.press = true;
this.locked = true;
} else {
this.press = false;
}
}

this.releaseEvent = function() {
this.locked = false;
}

this.display = function() {
line(this.x, this.y, this.x+this.stretch, this.y);
fill(255);
stroke(0);
rect(this.boxx, this.boxy, this.size, this.size);
if (this.over || this.press) {
line(this.boxx, this.boxy, this.boxx+this.size, this.boxy+this.size);
line(this.boxx, this.boxy+this.size, this.boxx+this.size, this.boxy);
}

}
}

var overRect = function(x,y,width,height) {
if (mouseX >= x && mouseX <= x+width &&
mouseY >= y && mouseY <= y+height) {
return true;
} else {
return false;
}
}

var lock = function(val, minv, maxv) {
return min(max(val, minv), maxv);
}
</html>
}}

<syntaxhighlight lang="c" line="GESHI_NORMAL_LINE_NUMBERS|GESHI_FANCY_LINE_NUMBERS" enclose="div">
Handle[] handles;

void setup() {
size(640, 360);
int num = height/15;
handles = new Handle[num];
int hsize = 10;
for (int i = 0; i < handles.length; i++) {
handles[i] = new Handle(width/2, 10+i*15, 50-hsize/2, 10, handles);
}
}

void draw() {
background(153);

for (int i = 0; i < handles.length; i++) {
handles[i].update();
handles[i].display();
}

fill(0);
rect(0, 0, width/2, height);
}

void mouseReleased() {
for (int i = 0; i < handles.length; i++) {
handles[i].releaseEvent();
}
}

class Handle {

int x, y;
int boxx, boxy;
int stretch;
int size;
boolean over;
boolean press;
boolean locked = false;
boolean otherslocked = false;
Handle[] others;

Handle(int ix, int iy, int il, int is, Handle[] o) {
x = ix;
y = iy;
stretch = il;
size = is;
boxx = x+stretch - size/2;
boxy = y - size/2;
others = o;
}

void update() {
boxx = x+stretch;
boxy = y - size/2;

for (int i=0; i<others.length; i++) {
if (others[i].locked == true) {
otherslocked = true;
break;
} else {
otherslocked = false;
}
}

if (otherslocked == false) {
overEvent();
pressEvent();
}

if (press) {
stretch = lock(mouseX-width/2-size/2, 0, width/2-size-1);
}
}

void overEvent() {
if (overRect(boxx, boxy, size, size)) {
over = true;
} else {
over = false;
}
}

void pressEvent() {
if (over && mousePressed || locked) {
press = true;
locked = true;
} else {
press = false;
}
}

void releaseEvent() {
locked = false;
}

void display() {
line(x, y, x+stretch, y);
fill(255);
stroke(0);
rect(boxx, boxy, size, size);
if (over || press) {
line(boxx, boxy, boxx+size, boxy+size);
line(boxx, boxy+size, boxx+size, boxy);
}

}
}

boolean overRect(int x, int y, int width, int height) {
if (mouseX >= x && mouseX <= x+width &&
mouseY >= y && mouseY <= y+height) {
return true;
} else {
return false;
}
}

int lock(int val, int minv, int maxv) {
return min(max(val, minv), maxv);
}
</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/Примеры}}