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

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


<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;
Строка 66: Строка 65:
}
}
</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);
}
}}


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


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

Текущая версия от 02:10, 27 августа 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);
}

См.также

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