Cat hungry.png
Здравствуйте! Собираем деньги на перевод материалов по электронике(https://www.allaboutcircuits.com/education/). Реквизиты указаны здесь.

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

Материал из Онлайн справочника
Перейти к: навигация, поиск


Перевод: Максим Кузьмин (Cubewriter)
Перевел 2686 статей для сайта.

Контакты:

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


Ambox content.png Черновик


Описание[1]

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

Пример

  1. float x;
  2. float y;
  3. float easing = 0.05;
  4.  
  5. void setup() {
  6.   size(640, 360);
  7.   noStroke();  
  8. }
  9.  
  10. void draw() {
  11.   background(51);
  12.  
  13.   float targetX = mouseX;
  14.   float dx = targetX - x;
  15.   x += dx * easing;
  16.  
  17.   float targetY = mouseY;
  18.   float dy = targetY - y;
  19.   y += dy * easing;
  20.  
  21.   ellipse(x, y, 66, 66);
  22. }

См.также

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

  1. processing.org - Easing