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

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


=Описание<ref>[https://processing.org/examples/transparency.html processing.org - Transparency]</ref>=
=Описание<ref>[https://processing.org/examples/transparency.html processing.org - Transparency]</ref>=
Строка 68: Строка 66:
}
}
</syntaxhighlight>
</syntaxhighlight>
{{#set:
Код примера=
PImage img;
float offset = 0;
float easing = 0.05;
void setup() {
  size(640, 360);
  img = loadImage("moonwalk.jpg");  // загружаем изображение
                                    // в программу
}
void draw() {
  image(img, 0, 0);  // показываем непрозрачное изображение
  float dx = (mouseX-img.width/2) - offset;
  offset += dx * easing;
  tint(255, 127);  // показываем полупрозрачное изображение
  image(img, offset, 0);
}
}}


=См.также=
=См.также=
Строка 75: Строка 93:
<references />
<references />


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

Версия от 09:16, 23 февраля 2023


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


Описание[1]

Перемещайте курсор влево-вправо – это будет перемещать влево-вправо полупрозрачное изображение, расположенное поверх аналогичного непрозрачного фото. У полупрозрачного изображения альфа-канал изменен с помощью метода tint().

Пример

PImage img;
float offset = 0;
float easing = 0.05;

void setup() {
  size(640, 360);
  img = loadImage("moonwalk.jpg");  // загружаем изображение
                                    // в программу 
}

void draw() { 
  image(img, 0, 0);  // показываем непрозрачное изображение
  float dx = (mouseX-img.width/2) - offset;
  offset += dx * easing; 
  tint(255, 127);  // показываем полупрозрачное изображение
  image(img, offset, 0);
}

{{#set: Код примера= PImage img; float offset = 0; float easing = 0.05;

void setup() {

 size(640, 360);
 img = loadImage("moonwalk.jpg");  // загружаем изображение
                                   // в программу 

}

void draw() {

 image(img, 0, 0);  // показываем непрозрачное изображение
 float dx = (mouseX-img.width/2) - offset;
 offset += dx * easing; 
 tint(255, 127);  // показываем полупрозрачное изображение
 image(img, offset, 0);

} }}

См.также

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