Creating a Horizontal Sprite From Function?

Question

This function will create a sprite from all images in a directory by file type and dimensions. The only issue that I am facing with the script is I need the sprite to be horizontal while this function only outputs a vertical image. Any suggestions on making the needed change? Any help would be appreciated.

<?php
class images_to_sprite{
function images_to_sprite($folder,$output,$x,$y){
$this->folder = ($folder = 'myfolder'); // Folder name to get images from, i.e. 
$this->filetypes = array('jpg'=>true,'png'=>true,'jpeg'=>true,'gif'=>true); // Acceptable file extensions
$this->output = ($output ? $output : 'mysprite'); // Output filenames, mysprite.png and mysprite.css
$this->x = '100'; // Width of images to consider
$this->y = '100'; // Heigh of images to consider
$this->files = array();
}

function create_sprite(){
$basedir = $this->folder;
$files = array();
 // Read through the directory for suitable images
    if($handle = opendir($this->folder)) 
    {
        while (false !== ($file = readdir($handle)))
        {
        $split = explode('.',$file);
        // Ignore non-matching file extensions
            if($file[0] == '.' || !isset($this->filetypes[$split[count($split)-1]]))
                continue;
        // Get image size and ascertain it has the correct dimensions
        $output = getimagesize($this->folder.'/'.$file);
            if($output[0] != $this->x && $output[1] != $this->y)
        continue;
        // Image will be added to sprite, add to array
        $this->files[$file] = $file;
        }
    closedir($handle);
    }

// yy is the height of the sprite to be created, basically X * number of images
$this->yy = $this->y * count($this->files);
$im = imagecreatetruecolor($this->x,$this->yy);
// Add alpha channel to image (transparency)
imagesavealpha($im, true);
$alpha = imagecolorallocatealpha($im, 0, 0, 0, 127);
imagefill($im,0,0,$alpha);

// Append images to sprite and generate CSS lines
$i = $ii = 0;
$fp = fopen($this->output.'.css','w');
fwrite($fp,'.'.$this->output.' { width: '.$this->x.'px; height: '.$this->y.'px; background-image: url('.$this-        >output.'.png); text-align:center; }'."\n");
    foreach($this->files as $key => $file)
    {
    fwrite($fp,'.'.$this->output.(++$ii).' { background-position: -0px -'.($this->y*$i).'px; }'."\n");
    $im2 = imagecreatefrompng($this->folder.'/'.$file);
    imagecopy($im,$im2,0,($this->y*$i),0,0,$this->x,$this->y);
    $i++;
    }
fclose($fp);
imagepng($im,$this->output.'.png'); // Save image to file
imagedestroy($im);
}}
$class = new images_to_sprite('imagefolder','sprite',63,63);
$class->create_sprite();?>

Answer 1

basically you are creating an image of 100 x (100 x images), eg, if you have 5 images, would be 100 x 500, that is why you have an vertical image; but you need to create an image 500 x 100, so change

$this->yy = $this->y * count($this->files);
$im = imagecreatetruecolor($this->x,$this->yy);

by

$this->xx = $this->x * count($this->files);
$im = imagecreatetruecolor($this->xx,$this->y);

and

imagecopy($im,$im2,0,($this->y*$i),0,0,$this->x,$this->y);

by

imagecopy($im,$im2,($this->x*$i),0,0,0,$this->x,$this->y);

so, with those minor changes i made this image