Dynamiczny multi-kolor gradientu obraz

Question

Co muszę stworzyć to dynamiczny gradientu wielokolorowy obraz jak poniżej jednego:

muszę go utworzyć dynamicznie 2/3/4/5/6 kolorów, na razie pracuję nad 6 gradientem kolorów.

co zrobiłem do tej pory to:

$size = 1536; 
$thickness = 54; 
$im = imagecreatetruecolor($size, $thickness); 

$clrCount = count($clr);    
$limit = floor($size/$clrCount); 

     for($i = 0; $i < $limit; $i++) { 

      // Line 1: red = 255 ; green = 0 -> 255 ; blue = 0 
      $mycolors[$i] = imagecolorallocate($im, 255, $i, 0); 
      // Line 2: red = 255 -> 0 ; green = 255 ; blue = 0 
      $mycolors[$i + $limit] = imagecolorallocate($im, (255 - $i), 255, 0); 
      // Line 3: red = 0 ; green = 255 ; blue = 0 -> 255 
      $mycolors[$i + $limit*2] = imagecolorallocate($im, 0, 255, $i); 
      // Line 4: red = 0 ; green = 255 -> 0 ; blue = 255 
      $mycolors[$i + $limit*3] = imagecolorallocate($im, 0, (255 - $i), 255); 
      // Line 5: red = 0 -> 255 ; green = 0 ; blue = 255 
      $mycolors[$i + $limit*4] = imagecolorallocate($im, $i, 0, 255); 
      // Line 6: red = 255 ; green = 0 ; blue = 255 -> 0 
      $mycolors[$i + $limit*5] = imagecolorallocate($im, 255, 0, (255 - $i)); 


     } 

     for ($i=0; $i < $size; $i++) { 
      imageline($im, $i, 0, $i, $thickness-1, $mycolors[$i]); 
     } 

imagepng($im); 
imagegd($im); 
imagedestroy($im); 

stworzyłem powyższy obraz za pomocą this article

ale kod tutaj jest za pomocą statycznych kodów kolorów, kiedy tryed manipulować to ja dostaję obraz jak poniżej:

zmieniony kod

$size = 1536; 
$thickness = 54; 
$im = imagecreatetruecolor($size, $thickness); 

$clrCount = count($clr);    
$limit = floor($size/$clrCount); 

$clr = array(0 => '4d6eae', 1 => 'e58f0e', 2 => 'ff00ff', 3 => '9900ff', 4 => '9f560a', 5 => '93c47d'); 

     list($r, $g, $b) = sscanf($clr[0], "%02x%02x%02x"); 
     list($r1, $g1, $b1) = sscanf($clr[1], "%02x%02x%02x"); 
     list($r2, $g2, $b2) = sscanf($clr[2], "%02x%02x%02x"); 
     list($r3, $g3, $b3) = sscanf($clr[3], "%02x%02x%02x"); 
     list($r4, $g4, $b4) = sscanf($clr[4], "%02x%02x%02x"); 
     list($r5, $g5, $b5) = sscanf($clr[5], "%02x%02x%02x"); 

     for($i = 0; $i < $limit; $i++) { 

      // Line 1: red = 255 ; green = 0 -> 255 ; blue = 0 
      $mycolors[$i] = imagecolorallocate($im, $r, $i, 0); 
      // Line 2: red = 255 -> 0 ; green = 255 ; blue = 0 
      $mycolors[$i + $limit] = imagecolorallocate($im, ($r1 - $i), $g1, 0); 
      // Line 3: red = 0 ; green = 255 ; blue = 0 -> 255 
      $mycolors[$i + $limit*2] = imagecolorallocate($im, 0, $g2, $i); 
      // Line 4: red = 0 ; green = 255 -> 0 ; blue = 255 
      $mycolors[$i + $limit*3] = imagecolorallocate($im, 0, ($g3 - $i), 255); 
      // Line 5: red = 0 -> 255 ; green = 0 ; blue = 255 
      $mycolors[$i + $limit*4] = imagecolorallocate($im, $i, 0, $b4); 
      // Line 6: red = 255 ; green = 0 ; blue = 255 -> 0 
      $mycolors[$i + $limit*5] = imagecolorallocate($im, $r5, 0, ($b5 - $i)); 


     } 

     for ($i=0; $i < $size; $i++) { 
      imageline($im, $i, 0, $i, $thickness-1, $mycolors[$i]); 
     } 

imagepng($im); 
imagegd($im); 
imagedestroy($im); 

Można zobaczyć, że efekt gradientu jest stracone, ponieważ statyczny 255 zostaje zastąpiony wartością dynamiczną, która jest tworzenie liczby ujemne, a tym samym traci swój efekt.

Czy ktoś może mi pomóc w tworzeniu dynamicznego obrazu gradientowego z tym kodem lub może pomóc mi w uzyskaniu tego innego rodzaju danych wyjściowych z biblioteką gd.

AKTUALIZACJA

Teraz kiedy mam odpowiedzi na to pytanie, mam nowy problem związany z tym pytaniem.

Co chcę osiągnąć jest losowy przydział kolor teraz, trochę jak ten poniżej:

Idę z tablicy sześć kolorów jak w przypadku problemu wyżej, potrzebuję podpowiedzi iść.

Answer 1

Znaleźliście problem sam już właściwie .. Warto więc pracować dalej, że:

Można zobaczyć, że efekt gradientu jest stracone, ponieważ statyczny 255 zostaje zastąpiony dynamicznym wartości, która jest negatywnych liczby, a tym samym traci swój efekt.

Więc zamiast się zmniejszać z $i każdym razem, trzeba zmniejszyć o procent $i.

pseudokod

Chcemy iść z czerwonego wartości: 50 do czerwonego wartości: 200 w 75 krokach. Jak to zrobimy?

$red = 50; 
for ($i = 0; $i < 75; $i++) { 
    $red = 50 + ((200 - 50)/75) * $i; 
    //Our color is: 
     // The difference between the limits (150: 200-50) 
     // divided by the amount of steps: 75. 
     // We multiply the result by the current step. 
     // And we add the lower limit to it, so we start at 50. 
} 

Ten kod da nam:

50 - 52 - 54 - 56 - 58 - ... - 192 - 194 - 196 - 198

Teraz niech dostosować swój kod zastanowienia się następująco:

for($i = 0; $i < $limit; $i++) { 
    $mycolors[$i] = imagecolorallocate($im, 
     $r + (($r1 - $r)/$limit) * $i, 
     $g + (($g1 - $g)/$limit) * $i, 
     $b + (($b1 - $b)/$limit) * $i); 

    $mycolors[$i + $limit] = imagecolorallocate($im, 
     $r1 + (($r2 - $r1)/$limit) * $i, 
     $g1 + (($g2 - $g1)/$limit) * $i, 
     $b1 + (($b2 - $b1)/$limit) * $i); 

    //Copy-paste magic here 
}