Эффект волнового искажения изображения на PHP

04.06.2022 | Категория: Web-мастеру и не только | Автор: ManHunter

Эффект волнового искажения изображения на PHP

Продолжаем портировать фотошоп на PHP :) Сегодня будет эффект волнового искажения изображения. Его можно использовать для получения красивых надписей, создания шаржей из фотографий друзей, генерации фоновых рисунков и текстур или вообще для производства всякой адовой крипоты в промышленных масштабах.

Код преобразования несложный. Создается целевое изображение с учетом высоты выступов волны, затем в цикле берутся точки из каждого ряда исходного изображения и по синусоиде накладываются на целевое изображение.

Code (PHP) : Убрать нумерацию

// Обрабатываемый файл
$file='image.jpg';
// Настройки параметров волны
$wave_height=20;
$wave_width=80;
$im=ImageCreateFromJPEG($file);
$width=ImageSX($im);
$height=ImageSY($im);
$wave=ImageCreateTruecolor($width,$height+$wave_height*2);
$rgb=ImageColorAt($im,0,0);
$R=($rgb >> 16) & 0xFF;
$G=($rgb >> 8) & 0xFF;
$B=$rgb & 0xFF;
$new_color=ImageColorAllocate($wave, $R, $G, $B);
ImageFilledRectangle($wave,0,0,$width,$height+$wave_height*2,$new_color);
for ($x=0; $x<$width; $x++) {
for ($y=0; $y<$height; $y++) {
// Вычисление позиции сдвига
$dy=$wave_height+intval($y+$wave_height*sin($x/$wave_width));
$rgb=ImageColorAt($im,$x,$y);
$R=($rgb >> 16) & 0xFF;
$G=($rgb >> 8) & 0xFF;
$B=$rgb & 0xFF;
$new_color=ImageColorAllocate($wave, $R, $G, $B);
ImageSetPixel($wave,$x,$dy,$new_color);
}
}
header("Content-type: image/jpeg");
ImageJPEG($wave,NULL,100);
// Прибраться за собой
ImageDestroy($im);
ImageDestroy($wave);

Параметры колебания волны настраиваются значением переменных $wave_height и $wave_width. Соответственно, это высота волны и ее длина. Для изображений типа флагов значения должны быть побольше, для "морских" картинок поменьше. Заливка фона на участках подъема и спуска волны выполняется по цвету угловой точки изображения. Такой вариант хорош для изображений с одноцветной рамкой или однородным фоном. В некоторых случаях можно даже выполнять обрезку выступов, но это уже зависит от обрабатываемого изображения.

Эффект волнового искажения изображения на PHP

Для портретов и фотографий людей параметры настраиваются индивидуально. Результат получается как в кривых зеркалах в "Комнате смеха".

Эффект волнового искажения изображения на PHP

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

Code (PHP) : Убрать нумерацию

// Обрабатываемый файл
$file='image.jpg';
// Настройки параметров волны
$wave_height=15;
$wave_width=15;
$im=ImageCreateFromJPEG($file);
$width=ImageSX($im);
$height=ImageSY($im);
$wave=ImageCreateTruecolor($width,$height+$wave_height*2);
for ($x=0; $x<$width; $x++) {
$dy=$wave_height+intval($wave_height*sin($x/$wave_width));
ImageCopyResampled($wave,$im,$x,0,$x,0,1,$height+$wave_height*2,1,$height);
ImageCopy($wave,$im,$x,$dy,$x,0,1,$height);
}
header("Content-type: image/jpeg");
ImageJPEG($wave,NULL,100);
// Прибраться за собой
ImageDestroy($im);
ImageDestroy($wave);

Такой вариант будет хорошо работать на портретах и пейзажах, но плохо работать на флагах и изображениях с однотонными рамками. Так что решение выбирайте сами в зависимости от задачи.

Эффект волнового искажения изображения на PHP

Волну можно делать не только вертикальную, но и горизонтальную. Для этого в формулу расчета надо подставить координату Y, а сдвиг считать по координате X.

Просмотров: 793 | Комментариев: 6

Метки: PHP, графика

Внимание! Статья опубликована больше года назад, информация могла устареть!

ImageMagick ещё обычно пользуют на стороне сервера. К PHP вроде тоже прикручивается.

А вместо фотошопа я, например, давно уже пересел на GIMP, очень нравится, вполне реально перестроиться и привыкнуть. Очень много форматов поддерживает. Может там туториалов и книг для гимпа по-меньше будет, это да. Но на фотошоп возвращаться уже нет желания. Возня с лицензиями-активациями, прожорливость последних версий, ну его...

ManHunter (04.06.2022 в 13:38):

Ну есть же всякие онлайновые редакторы для графики. Морда крутится на JS, обработка выполняется частично на canvas, частично на сервере. Но полноценно заменить фотошоп невозможно.

NobootRecord (04.06.2022 в 13:32):

"Результат получается как в кривых зеркалах в 'Комнате смеха'" - хорошее сравнение, соглашусь. Особенно угарнул с "отфотошопленной" Мона Лизы.
А возможно ли реально портировать Photoshop на PHP? :)

Добавить комментарий

Заполните форму для добавления комментария

Если программист в девять утра уже на работе, значит он там же и ночевал

Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина

Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал

Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.

Метки статей

Свернуть

Вам помог этот сайт?

Поблагодарили 35,665 раз

День добровольца (волонтера)

День начала контрнаступления советских войск под Москвой

День онлайн-предпринимателя

День ниндзя

Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите

Ctrl

Enter

Буду очень благодарен, если размеcтите мою кнопочку:

<a href="https://www.manhunter.ru" target="_blank"><img src="https://www.manhunter.ru/images/button.gif" alt="Личный блог ManHunter'а" title="Личный блог ManHunter'а" width="88" height="31" /></a>

$Яндекс тИЦ: {YANDEX_TIC}$

Яндекс ИКС: 360

Сейчас я слушаю

---

- автообновление

Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2024
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.06 сек. / MySQL: 2 (0.003 сек.) / Память: 4.75 Mb

	2024 - ДЕКАБРЬ
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Эффект волнового искажения изображения на PHP

Комментарии

Добавить комментарий