Processing:Примеры/Прозрачность: различия между версиями
Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску
Myagkij (обсуждение | вклад) |
Myagkij (обсуждение | вклад) Нет описания правки |
||
Строка 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 /> | ||
{{Навигационная таблица/Справочник языка Processing}} | {{Навигационная таблица/Справочник языка Processing}} | ||
{{Навигационная таблица/Processing/Примеры}} | {{Навигационная таблица/Processing/Примеры}} | ||
{{Навигационная таблица/Телепорт}} | {{Навигационная таблица/Телепорт}} |
Версия от 09:16, 23 февраля 2023
Содержание | Среда разработки Processing | Справочник языка Processing | Библиотеки | Примеры | Режимы программирования |
Перевод: Максим Кузьмин
Проверка/Оформление/Редактирование: Мякишев Е.А.
Описание[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);
} }}
См.также
Внешние ссылки
Примеры на Processing | |
---|---|
Основы |
|
Продвинутые графические эффекты |
|
Примеры из сторонних библиотек |
Категории:
- Страницы с устаревшим атрибутом подсветки синтаксиса «enclose»
- Страницы, использующие повторяющиеся аргументы в вызовах шаблонов
- Processing
- Перевод от Сubewriter
- Проверка:myagkij
- Оформление:myagkij
- Редактирование:myagkij
- Страницы, где используется шаблон "Навигационная таблица/Телепорт"
- Страницы с телепортом