FW : ทำปุ่ม sound on/off ในหน้าเว็บแฟลซ
posted on 30 Sep 2009 21:29 by cstproject in Programmer
ขออนุญาตินอกเรื่องอีกวันเนื่องจาก (แถวๆนี้) ใกล้ส่งงานแล้ว เลยต้องรีบ ๆ อัพเหมือนกัน - -''
(หมายเห็ด : บางรูปเอาเอนทรี่เก่ามาใช้ ไม่ต้องแปลกใจ หากว่ารูปถูกต้องรึเปล่า ทำตามขั้นตอนได้เลย )
Flash Workshop : ทำปุ่ม sound on/off ในหน้าเว็บ
สิ่งที่ต้องเตรียม + ทักษะ :
- รูปภาพปุ่มเสียง on และ off ที่วาดเอง
- ทักษะการเพิ่มเฟรม (frame 1 ปกติ / frame 2 รูปเมื่อกดคลิก) <--- อยู่ในเรื่อง Convent to Keyframe
- ทักษะการเพิ่ม layer (เรื่อง Insert Layer)
- เสียงที่จะมาเป็นพื้นหลัง
::: How to :::
-
เลือกการสร้างงานแบบ Flash File (Actionscript 2.0)
- Insert -> New Symbol (หรือ Ctrl+F8) ตั้งชื่อ mc_sound เลือกเป็น Movie Clip แล้วกด OK
- (frame 1 : Sound ON) วาดรูปหรือใส่ภาพที่เตรียมลงไป (ภาพเสียงเปิด)
- เพิ่มเฟรมใหม่ โดยการคลิกขวาที่เฟรม 2 กด Convert to Keyframes (ถ้าต้องการคัดลอกเฟรมเก่า) หรือ กด Insert Blank Keyframe (สร้างเฟรมใหม่)
- (frame 2 : Sound Off) วาดรูปหรือใส่ภาพลงไปในเฟรมที่ 2
- คลิ๊กที่ Frame 1 (เพื่อเลือกทั้งเฟรม) แล้วคลิกขวาที่วัตถุกด Convert to Symbol
( ปุ่มแรกชื่อ bt_soundon

คลิ๊ก frame 2 : ปุ่มสองชื่อ bt_soundoff)

- คลิ๊กขวาที่ปุ่ม-> Action ใส่คำสั่งดังนี้

สำหรับปุ่ม bt_soundon
//script of Sound On
on (release) {
stopAllSounds();
gotoAndStop(2);
}
สำหรับปุ่ม bt_soundoff
//script of Sound Off
on (release) {
gotoAndStop(1);
}
- เพิ่ม layer ขึ้นมา กดที่ปุ่ม Insert Layer แล้วตั้งชื่อว่า action
- คลิกขวาที่เฟรมที่ 1 layer : action ใส่คำสั่งลงไปว่า stop();
- เพิ่ม layer ขึ้นมา กดที่ปุ่ม Insert Layer แล้วตั้งชื่อว่า sound
- File -> Import -> Import to Library... เลือกเสียงที่ต้องการ

- ลากเสียงมาวางบน Stage
(สังเกตว่าจะมีคลื่นเสียงปรากฎบนเฟรม)

คลิ๊กที่ frame 1 : Layer frame || เลือก Sync: เป็น Event : Loop ด้วย (ถ้าต้องการให้วนต่อเมื่อหยุด)

- กดที่ Scene 1 ด้านบน (หรือที่ Scene หลักที่ตัวเองต้องการวางปุ่ม)

- เปิด Library ขึ้นมา (หรือ F11) ลาก movieclip ชื่อ mc_sound วางบน stage หลัก

แนะนำ??!!
- ถ้าต้องให้ทำปุ่มแบบว่าปุ่ม on เวลาเลื่อนไปโดน (Over) ก็มีปุ่ม off ขึ้นมาประมาณนี้อ่ะ ก็เพิ่มส่วนหน้า over ทั้งสองปุ่ม
- ใส่เสียงคลิ๊กปุ่มก็ได้นะ
- ถ้าเวลาสร้าง animate แล้วมันวนรอบให้ใส่คำสั่ง stop(); ไว้เฟรมสุดท้าย
- นึกไม่ออกว่าจะเอาเสียงจากไหน ตัวอย่างผมก็เลือกเว็บนี้ http://www.flashkit.com/loops/ (Sound Loop) เสียงมีให้เลือกเยอะดี
บ่นประจำเอนทรี่
- พักนี้ไม่มีเวลาอัพบล็อกเลย.. ยุ่งมาก
- ปวดแขน - ขายกเครื่องบ่อยเกิน
- แต่เล่นไม่ได้ (ให้ยกทำไรฟระ)
- สุดท้าย.. เลยไม่มีแรงจะกดคีย์บอร์ดซะละ
- เตรียมเอนทรี่ไว้หลายเรื่องนะ แต่ไม่เคยเขียนให้เสร็จ - -*
- เห็น head แล้วเป็นไงบ้างเน้อ~
(อาจจะได้เลื่อนอีก.. เนื่องจากข้อความข้างบน)Relate Link:(ตามต่อกันที่ -: BlogM@p :- )
ไว้จะหาแฟลชมาลองใช้ทำบ้าง





ขอบคุณมากค่ะ
สาระๆๆ
#1 By MeLi X MeLi on 2009-09-30 23:45