Pages - Menu

Cara Membuat Animasi Pohon Tumbuh Sederhana Dengan Adobe Flash

Membuat animasi memang menyenangkan, bisa dikatakan gampang-gampang-susah, salah-satu software untuk membuat animasi adalah Adobe Flash, software untuk membuat animasi 2 Dimensi (2D), selain untuk membuat animasi, software ini juga bisa untuk membuat sebuah game sederhana.

Pada kesempatan kali ini, saya akan berbagi tutorial Adobe Flash, cara membuat animasi sederhana “pohon tumbuh” menggunakan script. Langsung saja.........

Pertama buka aplikasi Adobe Flash (disini saya menggunakan Adobe Flash CS4) :


Pilih ActionScript 2.0 :


Lalu akan muncul tampilan seperti ini :


Selanjutnya buat gambar background seperti berikut atau bisa disesuaikan dengan yang anda inginkan :


Kemudian pada Timeline layer pertama anda tekan tombol F9 dan tuliskan Script berikut :



function counter( ) {
  if (branchCounter == undefined) {
    branchCounter = 0;
  }
  return (branchCounter++);
}

function grow( ) {
  // Menumbuhkan cabang
  this.lineStyle(trunkThickness, 0x0, 100);
  this.moveTo(0, 0);
  this.lineTo(0, trunkLength);

  // Jika bukan batang pohon, ubah sudut dan ukurannya
  if (this._name != "trunk") {
    this._rotation = (Math.random( )*angle) - angle/2;
    this._xscale *= branchSize;
    this._yscale *= branchSize;
  }

  // Menumbuhkan pucuk rancing
  var seed = Math.ceil(Math.random( )*branch);
  for (var i = 0; i < seed; i++) {
    if (counter( ) < 3000) {
    var segment = this.createEmptyMovieClip("segment" + i, i);
    segment.onEnterFrame = grow;
    segment._y = trunkLength;    }
  }
  delete (this.onEnterFrame);
}

// Mendefinisikan posisi batang pohon dan
// mengisi even onEnterFramedengan fungsi grow()
this.createEmptyMovieClip("trunk", 0);
trunk._x = 200;
trunk._y = 400;
trunk.onEnterFrame = grow;

// Parameter Pohon
var angle = 100;
var branch = 5;
var trunkThickness = 8;
var trunkLength = -100;
var branchSize = 0.7;

Setelah itu tutup Action Frame tersebut lalu jalankan animasinya dengan menekan tombol Ctrl + Enter, dan Animasi “Pohon Tumbuh” sederhana pun telah selesai dibuat, animasi ini dapat berubah-ubah setiap kita mengulangi menjalankannya (menekan tombol Ctrl + Enter).

Download file swf-nya disini

Selamat mencoba dan semoga bermanfaat !!

4 komentar:

Berikan Komentar yang Baik dan Bijaksana