ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » เทคนิค flash cs

flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

Submitted by on วันพฤหัส, 18 ธันวาคม 200851 Comments


คำค้นหา: , , , , , ,

flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ มาดูวิธีการทำ flash กันเลยดีกว่าคับ

1.สร้างเอกสารใหม่ใน flash และเลือกตามรูปเลยครับ

flash actionscript snow flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

flash ทำฝนตก

จากนั้นก็สร้างขนาดตามต้องการลยครับ จากตัวอย่างให้ 400 * 250 คับ

bg flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

2. เตรียมภาพที่ต้องการให้หิมะตกก่อนเลยคับ หากไม่มีนำรูปด้านล่างไปลองก่อนได้ครับ  จากนั้นก็ import รูปเข้ามา file > import > import to stage.. หรือ(ctrl+r)

3.สร้างเลย์เยอร์ขึ้นมาใหม่กร้อม วาดวงกลมเล็กๆขึ้นมาโดยสีให้เป็นสีขาว หรือหากต้องการหิมะสีอื่นก็ตามใจชอบเลยคับ

flash action1812083 flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

4. กด F8 เพื่อ convert to Symbol จากนั้นก็เช็ตค่าตามรูปได้เลยครับ

flash action1812084 flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

5.ไปที่ส่วนของ properties ด้านล่าง ให้ใส่ตามชื่อตามรูปเลยครับ

flash action1812085 flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

5.5  จากนั้นไปที่ส่วน Filters เลือก Blur นะครับ แล้วก็ใส่ค่าใน แกน X เลยครับ เอาซีก 10 และก็ใส่ ตรง quality Medium

6.ใช้เครื่องมือ Selection Tool (V)  ไปคลิกเลือกวงกลมที่เราวาดไว้จะได้ดั่งนี้คับ

flash action1812086 flash action script ทำหิมะตกใน flash cs พร้อมตัวอย่างประกอบ

7.กด F9 เพื่อใส่ code ก๊อบไปใส่ได้เลยครับ

onClipEvent (load) {
movieWidth = 350;
movieHeight = 263;

i = 1+Math.random()*2;
k = -Math.PI+Math.random()*Math.PI;

this._xscale = this._yscale=50+Math.random()*100;
this._alpha = 75+Math.random()*100;
this._x = -10+Math.random()*movieWidth;
this._y = -10+Math.random()*movieHeight;
}
onClipEvent (enterFrame) {
rad += (k/180)*Math.PI;
this._x -= Math.cos(rad);
this._y += i;
if (this._y>=movieHeight) {
this._y = -5;
}
if ((this._x>=movieWidth) || (this._x<=0)) {
this._x = -10+Math.random()*movieWidth;
this._y = -5;
}
}

8.นำเมาส์ไปคลิกในที่โล่งก่อนนะครับ แล้วไปที่เฟรมแรกของเลเยอร์ 2 ที่เราวาดวงกลมลงไปแหละครับ กด F9 อีกครั้งเพื่อใส่ code

for (k=0; k<50; k++) {
duplicateMovieClip(this.snow, "snow"+k, k);
}

จากนั้นก็รันดูผลได้เลยครับ

ป.ล.(หากต้องการให้หิมะเหมือนจริงออกนุ่มๆเป็นละอองหน่อยก็ใส่ให้มัน Blur หน่อยสัก 10 ก็ได้ครับ)

ตัวอย่างไฟล์ flash ประกอบดาวน์โหลดได้ที่นี่คับ >>> DOWNLOAD FILE FLASH

<<< google Plus (กูเกิ้ล พลัส)ซัดที่นี่


Related Posts

คุณอาจจะสนใจ บทความต่อไปนี้(มั้ง)

  สามารถนำบทความไปเผยแพร่ต่อได้ แต่ต้องทำ ลิงค์กับมาที่บทความนั้นๆด้วยนะครับ หากไม่ทำตามจะมีความผิดทางกฏหมายตาม พรบ. เกี่ยวกับลิขสิทธิ์ นะครับ


51 Comments »

  • pen said:

    ใส่โค้ดไม่ได้อ่า

    แล้ว save ยังไง อะ

    save แล้วมันไม่ขับ

    Reply to this commentตอบกลับความเห็นนี้
    - 30 สิงหาคม 2009 at 3:21 pm
  • แมวสะดุ้ง (author) said:

    ลองดาวน์โหลดไฟล์ fla ตัวอย่างไปดูคับ

    Reply to this commentตอบกลับความเห็นนี้
    - 31 สิงหาคม 2009 at 5:26 am
  • moa said:

    ลงทำตามแล้วไม่ได้อะครับ งงตรง

    ข้อ 8.ไปที่เฟรมแรกของเลเยอร์ 2 ที่เราวาดวงกลมลงไปแหละครับ กด F9 อีกครั้งเพื่อใส่ code

    for (k=0; k<50; k++) {
    duplicateMovieClip(this.snow, “snow”+k, k);
    }
    ให้เอาโค๊ดไปใส่ตรงไหนหรอ

    Reply to this commentตอบกลับความเห็นนี้
    - 13 ตุลาคม 2009 at 3:47 pm
  • ยุ said:

    1087: Syntax error: extra characters found after end of program.

    Reply to this commentตอบกลับความเห็นนี้
    - 22 พฤศจิกายน 2009 at 8:17 pm
  • ยุ said:

    ลองดาวน์โหลดไฟล์ fla ตัวอย่างไปดูคับ

    ดูแล้วก็ยัง ทำไม่ได้ หลายบทความค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 22 พฤศจิกายน 2009 at 8:25 pm
  • kidaigi said:

    ขอบคุณมากๆๆๆเลยจะเอาให้เด็กนักเรียนแข่งทักษะพอดีเลย
    แต่อธิบายไม่ค่อยละเอียดเลยกว่าจะได้งงแทบแย่

    Reply to this commentตอบกลับความเห็นนี้
    - 29 พฤศจิกายน 2009 at 11:19 am
  • ยุ said:

    1087: Syntax error: extra characters found after end of program. onClipEvent (load) {

    Reply to this commentตอบกลับความเห็นนี้
    - 1 ธันวาคม 2009 at 10:52 am
  • แมวสะดุ้ง (author) said:

    อ่อ…ใส่เครื่องหมายาย …..}…. ครบเปล่าครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 1 ธันวาคม 2009 at 12:29 pm
  • wat said:

    ขอบคุณมากครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 2 ธันวาคม 2009 at 9:41 am
  • oomp said:

    สอบถามหน่อยค่า
    ว่าตรงไหนที่ปรับขนาดของหิมะคะ พอดีอยากปรับให้เล็กลงกว่านี้คะ

    Reply to this commentตอบกลับความเห็นนี้
    - 23 ธันวาคม 2009 at 2:10 pm
  • oomp said:

    มาช่วยบอกให้คะ เจอปัญหาเหมือนกันคะ

    จากโค้ด

    for (k=0; k<50; k++) {
    duplicateMovieClip(this.snow, “snow”+k, k);
    }

    แก้ตรงคำว่า snow ค่า จาก "snow" มาเป็น 'snow' ค่า

    Reply to this commentตอบกลับความเห็นนี้
    - 23 ธันวาคม 2009 at 2:14 pm
  • แมวสะดุ้ง (author) said:

    อยากให้เล็ก ตอนวาดหิมะก็วาดเล็กๆตามที่ต้องการเลย ครับ ในขั้นตอนที่ 3 ครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 24 ธันวาคม 2009 at 12:19 am
  • มือใหม่ said:

    จะลองดูครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 3 มกราคม 2010 at 6:54 pm
  • meme said:

    อยากให้ขนาดของวงกลมเล็กลงกว่านี้ ทามยังงัยค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 6 มกราคม 2010 at 12:03 pm
  • mnm said:

    จาลองดูนะ Thank…

    Reply to this commentตอบกลับความเห็นนี้
    - 14 มกราคม 2010 at 11:51 am
  • pim said:

    ขอบคุณมากๆค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 19 มกราคม 2010 at 10:48 pm
  • bank said:

    ทำให้เบลอ ทำไงหลอครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 22 เมษายน 2010 at 1:37 pm
  • แมวสะดุ้ง (author) said:

    filter > blur

    Reply to this commentตอบกลับความเห็นนี้
    - 22 เมษายน 2010 at 7:55 pm
  • bank said:

    พอทำเบลอแล้ว ทำไมมันไม่เบลอหมดเลยอ่ะ มันเบลอแค่ลูกเดียว

    Reply to this commentตอบกลับความเห็นนี้
    - 23 เมษายน 2010 at 8:36 am
  • พีชวัฒน์ เหลาปัญญา said:

    เรียนถาม webmaster……………..

    ไม่ทราบว่า พอจะว่าง สอน วิธี โดยตรง เกียวกับ ทำ หิมะตก อย่างละเอียด

    โดยที่ ไม่ต้อง ใส่โค๊ต แบบ flash วิธีต่างๆที่สอนมา ที่ ไม่มี การใส่โค๊ต

    วิธีที่ สอน แล้วไม่มี การใส่โค๊ต จะไม่งง อันไหนที่ สอนแล้วให้ใส่ โค๊ต ไม่ ดีเลย

    มันเปงการ สอนที่ ดึงเอา ความรู้คนสอน แต่คนทำ หรือ เรียน ไม่ได้ อะไรเลย

    ได้แค่ กอปปี้ ความรู้ ไม่มีเลย เวลาจะปรับปรุง หรือ ปรับแต่ง ก็ช่วยตนเองไม่ได้

    เพราะ รู้แต่ วิธี กอปปี้ โค๊ต (((( เรียน WEBMASTER sadung.com ช่วยทีนะครับ ))))

    เพื่อ คน รุ่นหลัง ทุกๆคน

    เครดิต Sadung.com

    Reply to this commentตอบกลับความเห็นนี้
    - 23 กรกฎาคม 2010 at 3:28 pm
  • แมวสะดุ้ง (author) said:

    ตอนนี้แก้ไขให้แล้วนะครับ ลืมบอกไปว่าให้เลือก action 2.0 ตอนสร้างเอกสารใหม่ครับ ลองดูใหม่นะครับสำหรับท่านที่ยังทำไม่สำเร็จ นะครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 23 กรกฎาคม 2010 at 10:29 pm
  • แมวสะดุ้ง (author) said:

    ตอบคุณ พีชวัฒน์ เหลาปัญญา นะครับ
    ขอตอบทีละข้อและกันนะครับ
    ที่บอกว่า

    “วิธีที่ สอน แล้วไม่มี การใส่โค๊ต จะไม่งง อันไหนที่ สอนแล้วให้ใส่ โค๊ต ไม่ ดีเลย”

    flash มีการทำแบบ เอนิเมชั่นธรรมดา ก้บแบบ actionscript ผมพยายามจะหาเทคนิคมากระจายความรู้กันครับ ใครสนใจแบบ ไม่ใส่ code ก็จะเลือกอ่านไป ส่วนใครสนใจแบบ actionscript ก็จะหาแบบใส่ code ไปครับ เพราะแบบ actionscript ต้องอาศัยหลักการของ programming นิดหน่อยครับ มือใหม่อาจจะเข้าใจยากนิดนึ่งครับ แต่ถ้าท่านที่สนใจเรื่องนี้อยุ่แล้วก็อาจเป็นประโยชน์ได้ครับ

    “มันเปงการ สอนที่ ดึงเอา ความรู้คนสอน แต่คนทำ หรือ เรียน ไม่ได้ อะไรเลย
    ได้แค่ กอปปี้ ความรู้ ไม่มีเลย เวลาจะปรับปรุง หรือ ปรับแต่ง ก็ช่วยตนเองไม่ได้
    เพราะ รู้แต่ วิธี กอปปี้ โค๊ต”

    ” เพื่อ คน รุ่นหลัง ทุกๆคน ”
    ยินดีช่วยคร้ับ
    ผมคิดว่าคนมีหลายประเภทนะครับ บางท่านที่ทำไม่ได้ก็นำโค๊ดไปศึกษาต่อโดยการหาจาก google นี่แหละครับ จึงทำให้สามารถรู้ว่า code มันแก้ไขอย่างไร แต่ถ้าใครไม่ไปหาต่อหรือไม่สนใจจะทำต่อก็จะไม่ได้อะไรเหมือนกับเรียนที่หมาลัย ประมาณนั้นครับ

    ส่วน flash ที่ทำหิมะตกแบบไม่ใช้ actionscript อีกวันสองวันจะอัพให้นะครับ

    ขอบคุุณที่แนะนำครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 23 กรกฎาคม 2010 at 10:44 pm
  • พีชวัฒน์ เหลาปัญญา said:

    ขอบคุณครับ แต่ ขอ โค๊ต ที่ใช้ได้นะครับ

    เพราะผม กอปปี้ไป และศึกษาที่พี่สอน ผมทำ มา 1-2 อาทิตย์

    แต่ไม่มี หวี่แวว จะได้เลย

    ผมกอปปี้ไปวางแล้ว หิมะ ยังไม่ตก อยุ่ดี

    ลบกวน พี่ทำ โค๊ต ดีๆด้วยครับ

    เปงกำลังใจให้ เสมอ

    Reply to this commentตอบกลับความเห็นนี้
    - 26 กรกฎาคม 2010 at 4:57 pm
  • แมวสะดุ้ง (author) said:

    “ลบกวน พี่ทำ โค๊ต ดีๆด้วยครับ”

    จาก ที่อ่าน comment ก่อนๆแล้วคิดว่า CODE ไม่น่าจะมีปัญหานะครับเห็นบางคนก็ทำได้ครับ

    แต่ผมก็อัพบทความเพิ่มให้แล้วนะครับ เป็น การทำแบบไม่ต้องใช้ ActionScript ครับ ตามลิงค์ด้านล่างเลยครับ

    http://www.sadung.com/?p=5000

    Reply to this commentตอบกลับความเห็นนี้
    - 29 กรกฎาคม 2010 at 12:17 am
  • Aummy said:

    เยี่ยมไปเลยครับ ทำออกมาสวยดี ได้ความรุ้อีกเยอะเลย

    Reply to this commentตอบกลับความเห็นนี้
    - 26 ตุลาคม 2010 at 4:11 pm
  • ยุ said:

    ทำแล้วมีปัญหาดังภาพค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 5 ธันวาคม 2010 at 4:47 pm
  • ยุ said:

    ทำได้แล้วค่าาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาาา

    Reply to this commentตอบกลับความเห็นนี้
    - 5 ธันวาคม 2010 at 8:15 pm
  • ยุ said:

    แต่ทำไมถึงกระดุกก็ไม่รู้

    Reply to this commentตอบกลับความเห็นนี้
    - 6 ธันวาคม 2010 at 6:31 am
  • ยุ said:

    ไฟล์ประกอบโหลดไม่ได้แล้ว ที่บอกนี้จะคนอื่นจะได้ โหลดไปดูค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 8 ธันวาคม 2010 at 7:03 am
  • แมวสะดุ้ง (author) said:

    แก้ไฟล์ให้แล้วครับผม

    Reply to this commentตอบกลับความเห็นนี้
    - 8 ธันวาคม 2010 at 11:05 pm
  • ยุ said:

    รับทราบ

    Reply to this commentตอบกลับความเห็นนี้
    - 11 ธันวาคม 2010 at 3:47 pm
  • ยุ said:

    ถ้าจะใช้รูปคลิบอาร์ตมาทำจะได้มั้ยยท่านแมวฯ

    Reply to this commentตอบกลับความเห็นนี้
    - 12 ธันวาคม 2010 at 3:37 pm
  • ยุ said:

    @ moa

    ลงทำตามแล้วไม่ได้อะครับ งงตรง

    ข้อ 8.ไปที่เฟรมแรกของเลเยอร์ 2 ที่เราวาดวงกลมลงไปแหละครับ กด F9 อีกครั้งเพื่อใส่ code

    for (k=0; k<50; k++) {
    duplicateMovieClip(this.snow, “snow”+k, k);
    }
    ให้เอาโค๊ดไปใส่ตรงไหนหรอ
    ตามนี้ค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 12 ธันวาคม 2010 at 3:39 pm
  • ยุ said:

    ตามรูปค่ะ width=500http://i694.photobucket.com/albums/vv301/aryujunk/12-12-255315-36-27.gif[/img]

    Reply to this commentตอบกลับความเห็นนี้
    - 12 ธันวาคม 2010 at 3:44 pm
  • แมวสะดุ้ง (author) said:

    เฟรมแรกของเลเยอร์ 2 กด F9 แล้วมันจะมีที่ให้ใส่ครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 12 ธันวาคม 2010 at 11:23 pm
  • Natz said:

    มีปัญหา ตรงความกว้างหิมะ ค่ืะ หิมะตกลงมา แต่กระจายไม่ทั่วชิ้นงาน ทำยังัยดี ลองกำหนดขนาด เปน 600x 600 แล้ว ก็ยังตกอยู่ ขอบๆ ครึ่้งเดวเองค่ะ ช่วยทีนะค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 13 ธันวาคม 2010 at 3:31 pm
  • ยุ said:

    movieWidth = 350;
    movieHeight = 263;

    เปลี่ยน ขนาดตรงนี้ ยังล่ัคะ

    Reply to this commentตอบกลับความเห็นนี้
    - 13 ธันวาคม 2010 at 8:07 pm
  • Natz said:

    เปลี่ยนแล้วค่ะ ก็ยัง มีหิมะแค่ ฝั่งซ้าย ฝั่งเดว

    Reply to this commentตอบกลับความเห็นนี้
    - 14 ธันวาคม 2010 at 8:54 am
  • Natz said:

    ผิด ฝั่งขวา่ ฝั่งเดว ค่ะ =^____^=

    Reply to this commentตอบกลับความเห็นนี้
    - 14 ธันวาคม 2010 at 9:20 am
  • แมวสะดุ้ง (author) said:

    เปลี่ยนตรง
    movieWidth = 350;
    movieHeight = 263;

    เป็น

    movieWidth = 600;
    movieHeight = 600;

    ครับผม

    Reply to this commentตอบกลับความเห็นนี้
    - 15 ธันวาคม 2010 at 11:14 pm
  • tt่ said:

    ทำได้แล้วสวยดีค่ะ แต่อยากให้มันหยุดแค่ซีนนี้ซีนเดียววทำไงคะ รบกวนผู้รู้ตอบด้วยค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 10 มีนาคม 2011 at 11:39 pm
  • nam said:

    น่าจะเซฟาภาพตอนใส่โค๊ดมาด้วย
    วิธีง่าย แต่อธิบายยากมันก็ยากนะ ไม่รู้จะใส่โค๊ดตรงไหน เฮ้อ!!!

    Reply to this commentตอบกลับความเห็นนี้
    - 12 มีนาคม 2011 at 1:28 am
  • superb said:

    อยากรูวิธีดัดแปลง ทำเป็นดอกหญ้า ปลิวอ่ะ่ค่ะ
    ถ้าจะให้ลอยจากซ้ายไปขวา จะต้องปรับโคดตรงไหนบ้างค่ะ
    Stage 758*166 ค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 30 พฤษภาคม 2011 at 3:41 pm
  • โก้ said:

    ว้าว ขอบคุณครับ

    Reply to this commentตอบกลับความเห็นนี้
    - 6 มกราคม 2012 at 1:10 pm
  • bovy said:

    ยอดเยี่ยมมากเลยค่ะ ขออนุญาตนำไปสอนเด็กๆให้ลองทำตามนะคะ (^_^)

    Reply to this commentตอบกลับความเห็นนี้
    - 6 มกราคม 2012 at 4:24 pm
  • Manatsa said:

    จะทำให้มันหยุดตกยังไงคะ

    Reply to this commentตอบกลับความเห็นนี้
    - 5 กุมภาพันธ์ 2012 at 2:49 pm
  • Gundosseh said:

    Aloha! yff

    Reply to this commentตอบกลับความเห็นนี้
    - 6 เมษายน 2012 at 4:22 am
  • nootookata said:

    คืออยากทำแบนเนอร์หัวเว็บเป็นนามสกุล.swf เป็นไฟล์ flash ที่มีลูกเล่น มีเอฟเฟ็คเช่น เอฟเฟ็คดาวระยิบระยับลอยไปมา ใบไม้ร่วง หิมะ ดอกไม้วิ่ง ฟองอากาศ สอนหน่อยนะคะ

    Reply to this commentตอบกลับความเห็นนี้
    - 7 เมษายน 2012 at 8:01 pm
  • glory said:

    อยากสอบถามหน่อยว่า ถ้าทำใน as3 สำหรับ duplicateMovieClip จะต้องเปลี่ยนยังไงเหรอคะ ช่วยแนะนำหน่อยค่ะ ขอบคุนค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 8 เมษายน 2012 at 11:41 pm
  • nam said:

    ทำแล้วแต่มันไม่กระจายค่ะ มันมีอันเดียวเลยอะ

    Reply to this commentตอบกลับความเห็นนี้
    - 4 มกราคม 2013 at 4:25 pm
  • pim said:

    ทำแล้ว หิมะ ตกข้ามไป scene อื่นๆด้วย ทำยังไงคะ ให้ตกเฉพาะ scene ที่เราต้องการ รบกวนตอบด้วยค่ะ
    ขอบคุณมากค่ะ

    Reply to this commentตอบกลับความเห็นนี้
    - 7 กุมภาพันธ์ 2013 at 1:51 am

Leave your response!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can add images to your comment by clicking here.