[x] ปิดหน้าต่างนี้
Powered by CAISTUDIO.INFO >>คลังสื่อ CAI
<< หน้าหลัก / Home >>

  << บทความ /cai >>

Flash 8 (As 2.0)
Animation TEXT แบบเท่..เท่

ศุกร์ ที่ 6 เดือน พฤศจิกายน พ.ศ.2552



Animation TEXT แบบเท่..เท่
วันนี้เอาการสร้าง Animation TEXT  ... ZOOM ZOOM มาฝาก
ข้อตกลง : เพื่อความกระชับในการเขียนบทความให้เข้าใจง่าย และรวดเร็ว
ผมขอใช้คำย่อดังนี้ครับ
  
    mc  หมายถึง  MovieClip
      as   หมายถึง  ActionScript
      cai  หมายถึง  บทเรียนคอมพิวเตอร์ช่วยสอน

ตัวอย่าง (พอดีไปเจอของฝรั่งเขาทำไว้ เลยแกะเอามาฝากครับ)

ดาวน์โหลดไฟล์ตัวอย่าง





มาเริ่มกันเลยครับ
1. เปิดโปรแกรม Flash 8 ขึ้นมาใหม่ๆ แล้วตั้งค่าในส่วนของ Properties ดังภาพ
 

 
2. สร้างกล่องข้อความแบบ Dynamic Text ไว้ที่มุมซ้ายด้านล่างของ Stage เลือกสีของข้อความตามต้องการแล้วตั้งชื่อว่า
textbox
 

 
3. คลิกที่ปุ่ม  Embed  เพื่อทำการเลือก Font  ให้ทำการเลือกตามภาพ (กดปุ่ม Shift ค้างไว้แล้วคลิกเลือก) แล้วคลิกปุ่ม OK
 

 
4. Convert  กล่องข้อความดังกล่าวเป็น Symbol MovieClip โดยการคลิกเลือกกล่องข้อความแล้วกด F8 จะปรากฏหน้าต่าง
Convert to Symbol ให้เลือก Type เป็น Movie clip และตั้งชื่อในส่วนของ Name ว่า particle แล้วคลิกปุ่ม Advanced เพื่อทำ Linkage โดยเช็คถูกที่ช่อง Export for ActionScript และ Export in first frame ในช่อง Identifier ให้ใส่ชื่อว่า particle ดังภาพแล้วกดปุ่ม OK 
 



 
5. คลิกที่ Mc ตัวดังกล่าว แล้วตั้งชื่อว่า particle  แล้วใส่ as ดังนี้ (เป็นส่วนของคำสั่งในการทำให้ตัวอักษรเคลื่อนที่)
 
onClipEvent (load) {
 m = 0;
 xtrajectory = Math.random()*10-Math.random()*10;
 ytrajectory = Math.random()*10-Math.random()*10;
 particlelife = random(50);
 _x = 275;
 _y = 200;
 _alpha = 0;
 size = 100;
 //Pcolor = new Color(this);
 //Pcolor.setRGB(Math.round(Math.random()*0x0011FF))
}
onClipEvent (enterFrame) {
 _x += xtrajectory;
 _y += ytrajectory;
 _width += .03;
 _height += .03;
 // Pcolor.setRGB(Math.round(Math.random()*0x0011FF))
 // _root.particle.duplicateMovieClip("particle"+m, m);
 if (m>=10 && m<=50) {
  _alpha += 3;
 }
 if (m>=70) {
  _alpha -= 3;
  if (_alpha<=0) {
   this.removeMovieClip();
  }
 }
 if (_x-_width/2>Stage.width || _x+_width/2<0 || _y-_height/2>Stage.height || _y+_height/2<0) {
  this.removeMovieClip();
 }
 m++;
 size++;
}

6. ต่อไปคลิกที่เฟรม แล้วใส่คำสั่งดังนี้ (ตรงบรรทัดสีแดง เป็นข้อความที่ต้องการให้ทำการ ZOOM จะเพิ่มหรือจะลดก็ได้ครับ
แก้ได้เลย)  ทำการทดสอบโดยการกด Ctrl+Enter ก็เป็นอันว่าเรียบร้อยครับ


Stage.scaleMode = "noScale";
Stage.showMenu = false;
//---
m = i = 0;

words = new Array("cai", "studio", "info");

_root.onEnterFrame = function() {
 if (i==2){
 _root.particle.duplicateMovieClip("particle"+m, m);
 part = _root["particle"+m];
 part.textbox.text = words[random(words.length)];
 m++;
 i=0;
 }
 i++;
};

 

7. เพิ่ม Layer มาอีกหนึ่ง Layer แล้วก็ใส่ข้อความและตกแต่งตามต้องการ ในที่นี้ผมพิมพ์ CAISTUDIO.INFO
 
** จบแล้วครับ หวังว่าบทความนี้จะเป็นประโยชน์กับท่านในการประยุกต์ต่อไปนะครับ


เข้าชม : 28950


Flash 8 (As 2.0) 5 อันดับล่าสุด

      แสดงผลเป็นเลขไทย 5 / ส.ค. / 2555
      สร้าง Scrollbar ใช้เอง 24 / มิ.ย. / 2553
      FLVPlayback เล่น vdo แบบต่อเนื่อง 17 / มิ.ย. / 2553
      การใช้ for ช่วยให้การเขียน as สั้นลง 4 / พ.ค. / 2553
      as โหลดไฟล์ mp3 4 / เม.ย. / 2553


Powered by : PHP | Mysql | MAXSITE 1.10 | Design by : JP_Graphic [E-mail : webmaster@caistudio.info]