Processing:Примеры/Линейная интерполяция: различия между версиями

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


=Описание<ref>[https://processing.org/examples/interpolate.html processing.org - Linear Interpolation]</ref>=
=Описание<ref>[https://processing.org/examples/interpolate.html processing.org - Linear Interpolation]</ref>=
Строка 58: Строка 55:
}}
}}


<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">
float x;
float x;
float y;
float y;
Строка 92: Строка 89:
<references />
<references />


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

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


Описание[1]

Перемещайте курсор мыши по экрану – эллипс будет следовать за ним.

В этом скетче-примере между прорисовкой каждого кадра в игру вступает функция lerp(), с помощью которой рассчитывается количество «шагов» (в данном случае его размер – 0.05 или 5%) до перемещения эллипса в сторону курсора. Соответственно, чем меньше «шаг», тем медленнее эллипс будет двигаться к курсору.

Этот скетч-пример выполняет ту же задачу, что и пример «Плавная анимация», но только при помощи функции lerp().

Пример

float x;
float y;

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

void draw() { 
  background(51);
  
  // функция lerp() рассчитывает количество промежуточных значений
  // между двумя числами на основе размера «шага» в третьем параметре;
  // если указать «0.0», то это равно первой точке,
  // если «0.1», то это очень близко к первой точке,
  // а если «0.5», то это посередине между двумя точками и т.д.
  
  // с каждым кадром эллипс проходит 5% расстояния к курсору:
  x = lerp(x, mouseX, 0.05);
  y = lerp(y, mouseY, 0.05);
  
  fill(255);
  stroke(255);
  ellipse(x, y, 66, 66);
}

См.также

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