Saat kuliah dulu saya sangat suka dengan Macromedia Flash. Saya mulai dengan versi 4 yang masih lebih fokus terhadap permainan animasi, terus mengikuti perkembangan ke versi 5 dan sampai beberapa versi berikutnya yang makin canggih dengan ActionScript. Sayangnya berhubung pekerjaan pertama yang saya dapatkan tidak menuntut keahlian di bidang ini, perlahan tapi pasti saya semakin jarang menyentuh Flash.

Saat ini sudah lewat hampir 10 tahun dari masa-masa perkenalan. Macromedia sebagai pengembang Flash sudah diakuisisi oleh Adobe. Syukurnya pengembangan flash tidak terhenti, bahkan sudah terlahir adiknya yang dikenal dengan nama Flex, Adobe Flex. Perbedaanya saya juga tidak tahu secara terperinci, tapi secara garis besar Flash dari awal diciptakan untuk pengembangan animasi, dan Flex dilahirkan untuk pengembangan pemrograman.

Seperti yang saya katakan di awal, karena iseng dan sedikit bernostalgia, saya coba-coba bikin aplikasi game ringan dari Flex. Ide game ini saya dapatkan dari Rian (thanks Rian ). Katanya ini game-nya perokok saat lagi kurang kerjaan. Jadi, kalau kurang kerjaan ya silahkan dicoba2 deh. Buat yang ingin sourcenya, silahkan download di sini, siapa tau bisa membantu rekan-rekan lain yang lagi explore Flex juga. Enjoy!

Uluwatu! That’s our 2nd destination. It wasn’t far from our home, less than 30 minutes driving up. Yes, driving up. Uluwatu is a sea cliff located in the southern part of Bali. They built a temple right at the top of the cliff, a beautiful one. There’s also a round arena which I think they sometimes use as a stage for kecak dance performance. Plus… there are lots of monkeys in this area. They live free and uncaged, so you must be careful with what you bring or wear. Some of them are naughty enough to grab it from you without permission (^_^)

A little tip from me, pay attention to the various size of the monkeys. The bigger ones are usually more calm, but the smaller ones are often more aggressive. They might even run toward you if you have something that attracts them.

And anywayyy… For us, this tour is not only enjoyable, but also healthy. Because we walk a lot through up and down walkways. We stayed there for about 1 hour or so. I’m all sweat and ready to go home. There are other nice places we passed through on the road, but we decided not to be rush, so we won’t visit more than 1 place at one time. Next destination is…

Karena kebutuhan lain, akhirnya saya update lagi fungsi tersebut supaya bisa lebih pintar. Intinya thumbnailer akan mengecek rasio image source dan membandingkannya dengan rasio image destination, memutuskan rasio terbaik untuk membuat thumbnail, dan melakukan crop pada image untuk membentuk thumbnail sesuai dengan ukuran destination yang diinginkan. Berikut keunggulan fungsi thumbnailer ini:

1. Free style, ukuran thumbnail bebas dan tidak harus sesuai dengan rasio image
2. Adjust to Width, ukuran thumbnail bisa disesuaikan dengan rasio image cukup dengan menentukan lebar dari thumbnail
3. Adjust to Height, penyesuaian dengan rasio image cukup dengan menentukan tinggi dari thumbnail
4. Caching, thumbnail hanya di generate 1 kali, dan setiap permintaan thumbnail akan tetap menggunakan file yang sama, kecuali bila image source lebih baru dari file cache.
5. Preview Image, selain berguna untuk membuat thumbnail, fungsi ini juga bisa menampilkan image source.
6. Various Image Format, bisa mengenali image dari beragam format (diuji dengan format jpg, gif dan png), tapi tidak mengenal transparansi karena thumbnail yang dihasilkan dalam format jpg.

<?php
define('IMAGES_DIR', 'images/');
define('IMAGES_CACHE_DIR', IMAGES_DIR.'cache/');
define('IMAGES_CACHE_QUALITY', '85');
function draw_image($path, $filename, $alt, $width='', $height='', $params='') {
 $src = $path.$filename;
 if(file_exists($src)) {
  $info=getimagesize($src);
  $w = $info[0];
  $h = $info[1];
  if($width=='' && $height=='') {
   $width = $w;
   $height = $h;
  } elseif($width=='' && $height==$h) {
   $width = $w;
  } elseif($width==$w && $height=='') {
   $height = $h;
  } elseif($width!=$w || $height!=$h) {
   //CONTROL RATIO IF ONLY ONE VALUE IS USED
   if($width=='') $width = $w/$h*$height;
   if($height=='') $height = $h/$w*$width;
   $cachefile = IMAGES_CACHE_DIR.$width.'x'.$height.'_'.$filename;
   $createcachefile = true;
   if(file_exists($cachefile)) {
    if(filemtime($cachefile)>filemtime($src)) {
     $createcachefile = false;
    }
   }
   if($createcachefile===true) {
    $wratio = $w/$width;
    $hratio = $h/$height;
    if($wratio<$hratio) {
     $wtoget = $w;
     $htoget = $height/$width*$w;
     $hdiff = $h-$htoget;
     $xpos = 0;
     $ypos = $hdiff/2;
    } else {
     $wtoget = $width/$height*$h;
     $htoget = $h;
     $wdiff = $w-$wtoget;
     $xpos = $wdiff/2;
     $ypos = 0;
    }
    $imagesource = file_get_contents($src);
    $image = @imagecreatefromstring($imagesource);
    $image_new = imagecreatetruecolor($width, $height);
    imagecopyresampled($image_new, $image, 0, 0, $xpos, $ypos, $width, $height, $wtoget, $htoget);
    imagejpeg($image_new, $cachefile, IMAGES_CACHE_QUALITY);
   }
   $src = $cachefile;
  }
 } else {
  $src  = '';
  $width  = '';
  $height = '';
 }
 if($width!='') $width = "width='$width'";
 if($height!='') $height = "height='$height'";
 $image = "<image src='$src' alt='$alt' $width $height $params />";
 return(str_replace("'", '"', $image));
}
echo draw_image(IMAGES_DIR, 'foto-1.jpg', 'Foto 1', 100, 100);
echo '<br /><br />';
echo draw_image(IMAGES_DIR, 'foto-1.jpg', 'Foto 1', 100);
echo '<br /><br />';
echo draw_image(IMAGES_DIR, 'foto-1.jpg', 'Foto 1', '', 100);
echo '<br /><br />';
echo draw_image(IMAGES_DIR, 'foto-1.jpg', 'Foto 1');
?>

1. Buat file php baru
2. kopi seluruh code di atas pada file tersebut
3. Pada lokasi yang sama, buatlah folder ‘images/’ dan ‘images/cache/’
4. Kopi sebuah file image ke folder images dan rename menjadi ‘foto-1.jpg’
5. Jalankan file php tersebut, selamat mencoba (^_^)