Flash CS3 และ AS 3.0 - ฉากหิมะ

• เมษายน 28, 2024

ในชุดการสอนระบบอนุภาคนี้เราจะสร้างแอนิเมชั่นฉากหิมะด้วย ActionScript และ Flash^R. สำหรับฉากของเรามีเกล็ดหิมะจำนวนมากตกลงมาในเวลาเดียวกัน เกล็ดแต่ละอันที่ตกลงมาบนเวทีจะเป็นหนึ่งในตัวอย่างของคลิปภาพยนตร์ที่เหมือนกัน ดังนั้นเราต้องเขียน ActionScript ให้เคลื่อนไหวอินสแตนซ์ทั้งหมดหรือเกล็ดหิมะบนเวที เราจะใช้โค้ดแบบแยกส่วนหรือนำมาใช้ซ้ำได้ซึ่งสามารถใช้ในการเคลื่อนไหวเป็นเกล็ดได้มากเท่าที่เราต้องการ

วิธีที่ดีที่สุดในการเริ่มซีรีส์เช่นนี้คือการทำความคุ้นเคยกับคำศัพท์บางคำ ในบทช่วยสอนแรกนี้เราจะดูทั่วไปเกี่ยวกับฟังก์ชั่นและการเรียกฟังก์ชั่น ฟังก์ชั่นนี้จะเลื่อนสะเก็ดสามพิกเซลที่มีจำนวนพิกเซลที่แน่นอนลงบนแกนตั้ง

ในการตั้งฉากฉันได้สร้างสองเลเยอร์ในไทม์ไลน์ที่ฉันตั้งชื่อว่า "พื้นหลัง" และ "เกล็ดหิมะ" ฉันได้นำภาพพื้นหลังไปไว้ใน Flash Library แล้ว ด้วย Frame 1 ของเลเยอร์พื้นหลังที่เลือกฉันลากภาพพื้นหลังไปยังสเตจ ต่อไปฉันนำเข้าภาพเกล็ดหิมะในห้องสมุดเป็นคลิปภาพยนตร์ที่มีชื่อ "mcSnowflake" เราจะทำให้ภาพเคลื่อนไหวของคลิปภาพยนตร์สามอินสแตนซ์นี้

1. เลือก Frame 1 บนเลเยอร์เกล็ดหิมะใน Timeline และลากหนึ่งอินสแตนซ์ของคลิปภาพยนตร์ mcSnowflake จาก Library ไปยังด้านบนสุดของสเตจ ในตัวตรวจสอบคุณสมบัติตั้งชื่ออินสแตนซ์ของ "snowflake1_mc" สโนว์เฟลคนี้
   
   ทำเช่นนี้อีกสองอินสแตนซ์ของคลิปภาพยนตร์ mcSnowflake ตั้งชื่ออินสแตนซ์เหล่านี้ "snowflake2_mc" และ "snowflake3_mc" ตอนนี้คุณควรมีสะเก็ดสามอันที่ส่วนบนสุดของเวทีพร้อมที่จะตกลงไปในฉากหิมะ ตอนนี้เราจะเขียนฟังก์ชั่นแบบแยกส่วนที่จะสร้างภาพเคลื่อนไหวนี้
   
   
2. สร้างเลเยอร์ใหม่ในไทม์ไลน์และเปลี่ยนชื่อเลเยอร์ "การกระทำ" เลือก Frame 1 บนเลเยอร์นี้และเปิดแผงการกระทำ (หน้าต่าง - การกระทำ) พิมพ์รหัสนี้ในแผงควบคุมจากนั้นเราจะพูดถึงรหัส
   
   ฟังก์ชัน snowfall (เกล็ดหิมะ: MovieClip, การเคลื่อนไหว: หมายเลข): ​​void
   {
   snowflake.y = ความเคลื่อนไหว
   }
   
   หิมะ (snowflake1_mc, 10);
   หิมะ (snowflake2_mc, 20);
   หิมะ (snowflake3_mc, 30);
   

function snowfall (): void

ต่อ