Processing:Примеры/Пружина: различия между версиями

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


=Описание<ref>[https://processing.org/examples/spring.html processing.org - Spring]</ref>=
=Описание<ref>[https://processing.org/examples/spring.html processing.org - Spring]</ref>=
Строка 211: Строка 208:
<references />
<references />


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

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

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


Описание[1]

Нажмите на серый прямоугольник («шапку» пружины), потяните его вниз/вверх и отпустите. В результате графические объекты на экране начнут вести себя как пружина.

Пример

// константы для отрисовки «шапки» пружины:
int springHeight = 32;  // высота
int left;               // левый край
int right;              // правый край
int max = 200;          // максимальное значение по оси Y
int min = 100;          // минимальное значение по оси Y
boolean over = false;   // курсор над «шапкой»?
boolean move = false;   // курсор над «шапкой» и нажата кнопка мыши?

// константы для симуляции пружины:
float M = 0.8;   // масса
float K = 0.2;   // константа пружины
float D = 0.92;  // коэффициент затухания
float R = 150;   // положение покоя

// переменные для симуляции пружины:
float ps = R;    // позиция
float vs = 0.0;  // скорость
float as = 0;    // ускорение
float f = 0;     // сила


void setup() {
  size(640, 360);
  rectMode(CORNERS);
  noStroke();
  left = width/2 - 100;
  right = width/2 + 100;
}

void draw() {
  background(102);
  updateSpring();
  drawSpring();
}

void drawSpring() {
  
  // рисуем базовый элемент:
  fill(0.2);
  float baseWidth = 0.5 * ps + -8;
  rect(width/2 - baseWidth, ps + springHeight, width/2 + baseWidth, height);

  // задаем цвет и рисуем «шапку»: 
  if(over || move) { 
    fill(255);
  } else { 
    fill(204);
  }
  rect(left, ps, right, ps + springHeight);
}


void updateSpring() {
  // обновляем позицию пружины:
  if(!move) {
    f = -K * (ps - R);    // f=-ky
    as = f / M;           // задаем ускорение, f=ma == a=f/m
    vs = D * (vs + as);   // задаем скорость
    ps = ps + vs;         // обновляем позицию
  }
  if(abs(vs) < 0.1) {
    vs = 0.0;
  }

  // проверяем, находится ли курсор над «шапкой» пружины:
  if(mouseX > left && mouseX < right && mouseY > ps && mouseY < ps + springHeight) {
    over = true;
  } else {
    over = false;
  }
  
  // задаем позицию «шапки»
  // и ограничиваем диапазон значений для ее позиции:
  if(move) {
    ps = mouseY - springHeight/2;
    ps = constrain(ps, min, max);
  }
}

void mousePressed() {
  if(over) {
    move = true;
  }
}

void mouseReleased() {
  move = false;
}

См.также

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