Membuat Efek Turunnya Salju

Membuat Efek Turunnya Salju

Salju di Indonesia, merupakan hal yang langkah untuk dapat dirasakan. Namun, Di daerah yang tidak termasuk dalam golongan tropis, turunnya salju merupakan hal yang…

Salju di Indonesia, merupakan hal yang langkah untuk dapat dirasakan. Namun, Di daerah yang tidak termasuk dalam golongan tropis, turunnya salju merupakan hal yang biasa  dialami saat musim salju. Didalam tutorial ini anda dapat menciptakan turunnya salju dengan menggunakan Adobe Flash CS5.

  1. Langkah awal persiapkan sebuah foto yang bernuansa musim salju berukuran 450×300 px. Buat dokumen baru dan pilh new > flash file (action script 3.0).  Tekan ctrl+J untuk membuka dokumen properties. Selanjutnya ganti Frame size  450×300 px dan frame rate 30 Fps.  Import foto bernuansa musim salju yang sudah Anda siapkan. pilih File > Import stage (ctrl+R).
  2. Gunakan Align panel untuk menempatkan objek hingga presisi dengan lembar kerja. Pilih ikon Align dan centang Align to stage kemudian klik Align horizontal center dan Align vertical center. 

    Align panel

     

  3. Selanjutnya buat layer baru dan berikan nama snow. Buat salju berbentuk lingkaran berwarna putih dengan cara  tekan O atau pilih oval tool, tempatkan diluar lembar kerja.

    Penempatan salju

  4. Tahap berikutnya buat lingkaran menjadi movie clip Klik kanan pada lingkaran > Convert to symbolatau dengan tekan F8. Berikan nama Snowflake pada symbol. Kemudian centang box export for ActionScript. (Jangan dihiraukan jika muncul ActionScript class warning, tetap pilih ok).

    Tampilan Convert to Symbol

     

  5. Klik kanan pada layer snow dan pilih actions, isikan beberapa script.
      function makeItSnow()
    {
      for (var i:int = 0; i < 100; i++)
    {
      var newSnowFlake:Snowflake = new Snowflake();
      this.addChild(newSnowFlake);
      newSnowFlake.SetInitialProperties();
    }
    } 
      makeItSnow();
  6. Simpan file FLA pada folder khusus bernama Snowflake . memasuki tahap pembuatan class file, buka lembar kerja baru dengan tidak menutup lembar kerja sebelumnya klik File > New > ActionScript File (Ctrl+N). Anda akan memiliki dua lembar kerja.

    Tampilan New ActionScript File

  7. Pada lembar kerja class file isikan beberapa script ini
    package
    {
      import flash.display.*;
      import flash.events.*; 
    
      public class Snowflake extends MovieClip 
    
    { 
    
      private var xPos:Number = 0;
      private var yPos:Number = 0; 
    
      private var xSpeed:Number = 0;
      private var ySpeed:Number = 0; 
    
      private var radius:Number = 0;
      private var scale:Number = 0;
      private var alphaValue:Number = 0;
      private var maxHeight:Number = 0;
      private var maxWidth:Number = 0; 
    
      public function Snowflake()
    
      public function SetInitialProperties()
    {
      xSpeed = .05 + Math.random()*.1;
      ySpeed = .1 + Math.random()*3;
      radius = .1 + Math.random()*2;
      scale = .01 + Math.random();
      alphaValue = .1 + Math.random(); 
    
      var stageObject:Stage = this.stage as Stage;
      maxWidth = stageObject.stageWidth;
      maxHeight = stageObject.stageHeight;   
    
      this.x = Math.random()*maxWidth;
      this.y = Math.random()*maxHeight;    
    
      xPos = this.x;
      yPos = this.y;   
    
      this.scaleX = this.scaleY = scale;
      this.alpha = alphaValue;   
    
      this.addEventListener(Event.ENTER_FRAME,     MoveSnowFlake);
    } 
    
      function MoveSnowFlake(e:Event)
    {
      xPos += xSpeed;
      yPos += ySpeed;  
    
      this.x += radius*Math.cos(xPos);
      this.y += ySpeed; 
    
      if (this.y - this.height > maxHeight)
    {
      this.y = -10 - this.height;
      this.x = Math.random()*maxWidth;
    }
    }
    }
    }
  8. Simpan data class file pada folder Snowflake yang sudah Anda buat.  *.fla dan *.as harus dalam satu folder .
  9. Kembali ke lembar kerja *.fla. Simpan dan coba movienya (Ctrl+Enter).

Download File

Tag: , , , ,

Write Comment

Your email will not be published. The marked label is required.