| มาเริ่มกันเลยครับ |
| 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
|
| ** จบแล้วครับ หวังว่าบทความนี้จะเป็นประโยชน์กับท่านในการประยุกต์ต่อไปนะครับ |
