Processing:Примеры/Применение функции requestImage(): различия между версиями

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


=Описание<ref>[https://processing.org/examples/requestimage.html processing.org - Request Image by Ira Greenberg ( From Processing for Flash Developers)]</ref>=
=Описание<ref>[https://processing.org/examples/requestimage.html processing.org - Request Image by Ira Greenberg ( From Processing for Flash Developers)]</ref>=


Этот скетч-пример демонстрирует использование функции requestImage() для показа предзагруженной анимации. Функция requestImage() загружает изображения в отдельный поток, благодаря чему скетч не зависает во время их загрузки. Эта функция полезна при загрузке больших изображений.
Этот скетч-пример демонстрирует использование функции [[Processing:Справочник языка Processing/requestImage()|requestImage()]] для показа предзагруженной анимации. Функция [[Processing:Справочник языка Processing/requestImage()|requestImage()]] загружает изображения в отдельный поток, благодаря чему скетч не зависает во время их загрузки. Эта функция полезна при загрузке больших изображений.


Изображения, используемые в примере ниже, слишком «легки» для демонстрации полезности requestImage() в полной мере. Поэтому для наглядности рекомендуем попробовать в этом скетче более «тяжелые» изображения.
Изображения, используемые в примере ниже, слишком «легки» для демонстрации полезности [[Processing:Справочник языка Processing/requestImage()|requestImage()]] в полной мере. Поэтому для наглядности рекомендуем попробовать в этом скетче более «тяжелые» изображения.


==Пример==
==Пример==
Строка 17: Строка 14:




<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">
int imgCount = 12;
int imgCount = 12;
PImage[] imgs = new PImage[imgCount];
PImage[] imgs = new PImage[imgCount];
Строка 101: Строка 98:
<references />
<references />


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

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

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


Описание[1]

Этот скетч-пример демонстрирует использование функции requestImage() для показа предзагруженной анимации. Функция requestImage() загружает изображения в отдельный поток, благодаря чему скетч не зависает во время их загрузки. Эта функция полезна при загрузке больших изображений.

Изображения, используемые в примере ниже, слишком «легки» для демонстрации полезности requestImage() в полной мере. Поэтому для наглядности рекомендуем попробовать в этом скетче более «тяжелые» изображения.

Пример


int imgCount = 12;
PImage[] imgs = new PImage[imgCount];
float imgW;

// массив для проверки того,
// загрузились ли изображения («true» или «false»):
boolean[] loadStates = new boolean[imgCount];

// для загрузки анимации:
float loaderX, loaderY, theta;

void setup() {
  size(640, 360);
  imgW = width/imgCount;

  // загружаем изображения асинхронно:
  for (int i = 0; i < imgCount; i++){
    imgs[i] = requestImage("PT_anim"+nf(i, 4)+".gif");
  }
}

void draw(){
  background(0);
  
  // начинаем загружать анимацию:
  runLoaderAni();
  
  for (int i = 0; i < imgs.length; i++){
    // проверяем, загрузились ли полностью отдельные изображения:
    if ((imgs[i].width != 0) && (imgs[i].width != -1)){
      // поскольку все изображения загружены,
      // ставим в массиве boolean[] значение «true»:
      loadStates[i] = true;
    }
  }
  // после того, как все изображения загрузились,
  // рисуем их на экране:
  if (checkLoadStates()){
    drawImages();
  }
}

void drawImages() {
  int y = (height - imgs[0].height) / 2;
  for (int i = 0; i < imgs.length; i++){
    image(imgs[i], width/imgs.length*i, y, imgs[i].height, imgs[i].height);
  }
}

// загружаем анимацию:
void runLoaderAni(){
  // запускаем эту функцию только когда изображения 
  // находятся в процессе загрузки:
  if (!checkLoadStates()){
    ellipse(loaderX, loaderY, 10, 10);
    loaderX += 2;
    loaderY = height/2 + sin(theta) * (height/8);
    theta += PI/22;
    // перемещаем эллипс, когда он выходит за экран:
    if (loaderX > width + 5){
      loaderX = -5;
    }
  }
}

// возвращаем «true», когда все изображения загружены – 
// это значит, что в массиве больше не осталось значений «false»:
boolean checkLoadStates(){
  for (int i = 0; i < imgs.length; i++){
    if (loadStates[i] == false){
      return false;
    } 
  }
  return true;
}

См.также

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