Przykład 4: Ciekawe efekty graficzne

GD pozwala nam manipulować każdym pikselem obrazka, co daje nam możliwości niemal nieograniczone jeśli chodzi o efekty. Tym razem napiszemy funkcję która nałoży na znany nam już obrazek efektowną ramkę.

Na początku przygotowałem funkcję która pozwoli nam manipulować kolorami, jest ona niezwykle prosta:

function change_color($color)
{
 if ($color >= 255)
  return 255;
 elseif ($color <= 0)
  return 0;
 else
  return $color;
}

Funkcja ta przyjmuje jeden argument: $color a następnie sprawdza czy jego wartość mieści się w przedziale 0-255. Jeżeli tak zwraca go, jeżeli nie zwraca 0 lub 255 jako że są to wartości odpowiednio najmniejsza i największa możliwe do zastosowania. Przyjrzyjmy się teraz właściwej funkcji:

Listing 4. Nakładanie efektownej ramki na obrazek

function ramka($img, $odl, $dist, $r, $g, $b)
{
 $img_x = imagesx($img);
 $img_y = imagesy($img);

 for ($x = $odl; $x <= $img_x - $odl; $x++)
  {
  for ($y = $odl; $y <= $img_y - $odl; $y++)
  {
   if ($x < $odl + $dist || $x > $img_x - ($odl + $dist) || $y < $odl + $dist || $y > $img_y - ($odl + $dist))
   {
    $pixelrgb = imagecolorat($img, $x, $y);
    $cols = imagecolorsforindex($img, $pixelrgb);

    $red  = change_color($cols['red'] + $r);
    $green = change_color($cols['green'] + $g);
    $blue = change_color($cols['blue'] + $b);

    $color = imagecolorallocate($img, $red, $green, $blue);
    imagesetpixel($img, $x, $y, $color);
   }
  }
 }
}

Listing 4. Omówienie kodu

W przypadku funkcji ramka() opiszę już sposób jej działania krok po kroku, przed tym jednak opiszę działanie poszczególnych funkcji, których do tej pory nie używaliśmy.

imagecolorat()

Zwraca tablicę zawierającą składowe koloru na który wskazuje podany w parametrze indeks. Przyjmuje tylko dwa parametry:

• $image uchwyt obrazka
• $index index koloru

imagesetpixel()

Nadaje kolor pojedynczemu pikselowi wskazanemu przez parametry $x i $y. Parametry:

• $image uchwyt obrazka
• $x współrzędna x piksela
• $y współrzędna y piksela
• $color kolor (patrz: imagecolorallocate())

Przejdźmy do opisu funkcji, przedstawię go w postaci czytelnej listy kroków.

1. Funkcja przyjmuje parametry definiujące sposób generowania nowego obrazka, a w zasadzie ramki na już istniejącym.
2. Do zmiennych pomocniczych $img_x i $img_y przypisujemy wymiary obrazka.
3. Przechodzimy przez obrazek piksel po pikselu od lewej do prawej i tak coraz niżej aż do końca.
4. Przy pomocy konstrukcji if() sprawdzamy czy piksel nad którym obecnie pracujemy mieści się w zdefiniowanym przedziale. Służą nam do tego dwa parametry przekazane do funkcji:
   • $odl - zmienna określająca odległość ramki od krawędzi obrazka
   • $dist - zmienna określająca "grubość" ramki
   Kolejne kroki wykonywane będą tylko w sytuacji, kiedy piksel nad którym pracujemy należy do ramki
5. Przy pomocy funkcji imagecolorat() i imagecolorsforindex() pobieramy składowe (czerwony, zielony, niebieski) koloru bieżącego piksela.
6. Przy pomocy przygotowanej wcześniej funkcji change_color() definiujemy nowe składowe dla koloru danego piksela zmieniając je w sposób w jaki nakazują to zrobić zmienne $r, $g i $b przekazane jako parametry funkcji.
7. Nadajemy pikselowi kolor o ustalonym przy użyciu funkcji imagecolorallocate() indeksie.

Funkcję wywołujemy w sposób przedstawiony niżej:

<?php
header('Content-Type: image/jpeg');
$img = imagecreatefromjpeg('zdjecie.jpg');
ramka($img, 40, 15, -60, -50, -60);
imagejpeg($img, null, 100); ?>

Listing 4. Wynik działania kodu

ramka($img, 40, 15, -60, -50, -60)

ramka($img, 0, 55, -60, -50, -60);

ramka($img, 0, 20, -60, -50, -60)

ramka($img, 30, 10, -60, -50, -60)

ramka($img, 50, 5, -60, -50, -60)