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

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Нет описания правки
Нет описания правки
Строка 47: Строка 47:
}}
}}


<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">
PImage img;
PImage img;
float offset = 0;
float offset = 0;
Строка 93: Строка 93:
<references />
<references />


{{Навигационная таблица/Справочник языка Processing}}
{{Навигационная таблица/Портал/Processing}}
{{Навигационная таблица/Processing/Примеры}}
{{Навигационная таблица/Телепорт}}

Версия от 12:01, 20 мая 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);

} }}

См.также

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