Processing:Примеры/Использование движения мыши по оси X: различия между версиями

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
 
Строка 1: Строка 1:
{{Processing панель перехода}}
{{Processing панель перехода}}
{{Перевод от Сubewriter}}
{{Перевод от Сubewriter}}
{{Myagkij-редактор}}
{{Myagkij-редактор}}


=Описание<ref>[https://processing.org/examples/mouse1d.html processing.org - Mouse 1D]</ref>=
=Описание<ref>[https://processing.org/examples/mouse1d.html processing.org - Mouse 1D]</ref>=
Строка 77: Строка 74:
<references />
<references />


{{SEO
|Заголовок статьи=Processing: Использование движения мыши по оси X / Онлайн справочник - wikihandbk.com
|Ключевые слова=processing,Использование движения мыши по оси X ,Использование движения мыши по оси X в processing, пример Использование движения мыши по оси X, пример Использование движения мыши по оси X в processing
|Описание статьи=
|Изображение статьи для Open Graph=
|Адрес страницы для schemaNewsArticle=<nowiki>http://wikihandbk.com/wiki/Processing:Примеры/Использование движения мыши по оси X</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}}

Текущая версия от 07:47, 27 августа 2023

Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.


Описание[1]

Двигайте мышью влево-вправо для изменения баланса между квадратами.

В этом скетче-примере переменная mouseX используется для управления одновременно цветом и размером правого и левого квадратов.

Пример

void setup() {
  size(640, 360);
  noStroke();
  colorMode(RGB, height, height, height);
  rectMode(CENTER);
}

void draw() {
  background(0.0);

  float r1 = map(mouseX, 0, width, 0, height);
  float r2 = height-r1;
  
  fill(r1);
  rect(width/2 + r1/2, height/2, r1, r1);
  
  fill(r2);
  rect(width/2 - r2/2, height/2, r2, r2);
}

См.также

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