Processing:Примеры/Плавная анимация

Содержание

Среда разработки Processing

Справочник языка Processing

Библиотеки

Примеры

Режимы программирования

Перевод: Максим Кузьмин

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

Описание

Перемещайте курсор по экрану – эллипс будет следовать за ним. Между прорисовкой кадров программа рассчитывает расстояние между позициями эллипса и курсора. Если это расстояние больше одного пикселя, эллипс в течение одного кадра преодолеет часть этого расстояния (5%).

Пример

float x;
float y;
float easing = 0.05;

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

void draw() { 
  background(51);
  
  float targetX = mouseX;
  float dx = targetX - x;
  x += dx * easing;
  
  float targetY = mouseY;
  float dy = targetY - y;
  y += dy * easing;
  
  ellipse(x, y, 66, 66);
}