วิธีสร้างตัวโหลดล่วงหน้าใน Flash: 5 ขั้นตอน

2024 ผู้เขียน: John Day | [email protected]. แก้ไขล่าสุด: 2024-01-30 13:09

ฉันตัดสินใจทำให้สิ่งนี้เป็นไปได้เพราะคุณไม่อยากเชื่อเลยว่ามีคนถามว่า "omgzorz ฉันจะสร้าง flash ได้อย่างไร!1!!!หนึ่ง!" มันน่ารำคาญจริงๆ เอาล่ะ มาเริ่มกันเลย สิ่งที่คุณต้องการ:Flash (ฉันใช้ CS3 แต่คุณสามารถใช้ MX-CS4)คอมพิวเตอร์ การทดลองใช้แฟลช/สำเนาแบบเต็ม (ซึ่งคุณสามารถมาที่นี่ได้) แน่นอนว่าให้เปิด Flash และสร้างไฟล์ Flash ใหม่ ฉันใช้ Actionscript 2, BTW

ขั้นตอนที่ 1: การเพิ่มเลเยอร์

ขั้นแรกเราต้องเพิ่ม 2 ชั้นในไทม์ไลน์ อันหนึ่งชื่อ "Actions" ที่ด้านบน และอีกอันหนึ่งชื่อ…"Text" หรือ "Bar" หรือ "Stuff" ต่อไป เราต้องเพิ่มคีย์เฟรมหนึ่งรายการในเลเยอร์ Actions และเฟรมหนึ่งไปยังอีกเลเยอร์หนึ่ง จากนั้นใช้เครื่องมือ Text (T) และเลือก Dynamic Text จากกล่องดรอปดาวน์ในกล่องคุณสมบัติ ก็น่าจะเลือก "Static Text" ไว้แล้ว ตอนนี้ วาดรูปสี่เหลี่ยมผืนผ้าด้วยเครื่องมือ Rectangle (R) ตรวจสอบให้แน่ใจว่าสีเติมไม่ใช่สีขาว เติมสี่เหลี่ยมที่คุณเพิ่งสร้างคลิปภาพยนตร์โดยคลิกหนึ่งครั้งแล้วกด F8 ตั้งชื่อและตรวจสอบให้แน่ใจว่าได้เลือก "คลิปภาพยนตร์" และจุดลงทะเบียนอยู่ที่ด้านบนซ้ายก่อนที่คุณจะกดตกลง ส่วนนี้มีความสำคัญ เลือกคลิปภาพยนตร์ที่คุณสร้าง และในกล่องคุณสมบัติ คุณจะเห็นกล่องข้อความที่ระบุว่า "ชื่ออินสแตนซ์" พิมพ์ loadBar กด Enter จากนั้นเลือกกล่องข้อความไดนามิกที่คุณทำไว้ก่อนหน้านี้ และลงไปที่กล่องคุณสมบัติ คุณควรเห็นกล่องข้อความชื่ออินสแตนซ์อีกครั้ง คลิกที่มัน คราวนี้ พิมพ์ textBox กดปุ่มตกลง.

ขั้นตอนที่ 2: เวลาเข้ารหัส

ตอนนี้ไปที่ชั้น "การกระทำ" คลิกเฟรมแรก กด F9 และ TYPE in(อย่าคัดลอกและวาง ไอ้ขี้เกียจ ถ้าคุณทำ คุณจะไม่มีวันได้เรียนรู้สิ่งนี้จริงๆ ซึ่งเป็นประเด็น):percent = Math.round(getBytesloaded()/getBytesTotal())*100;textBox.text = เปอร์เซ็นต์ + "%";loadBar._xscale = เปอร์เซ็นต์;ฉันจะอธิบายโค้ดนี้ทีละบรรทัดโดย line.percent = Math.round(getBytesloaded()/getBytesTotal())*100;สร้างตัวแปร ที่หารเปอร์เซ็นต์ของแฟลชที่โหลดแล้วด้วยขนาดรวมของไฟล์แฟลช จากนั้นคูณด้วย 100 และปัดเศษ textBox.text = เปอร์เซ็นต์ + "%";แสดงเปอร์เซ็นต์ตัวแปรในกล่องข้อความไดนามิกที่คุณสร้างขึ้น.loadBar._xscale = เปอร์เซ็นต์;เปลี่ยนมาตราส่วน x ของสี่เหลี่ยมผืนผ้าตามเปอร์เซ็นต์

ขั้นตอนที่ 3: การเข้ารหัสเพิ่มเติม

ตอนนี้ คลิกคีย์เฟรมที่สองของเลเยอร์ "การดำเนินการ" กด F9 พิมพ์ข้อความนี้ อย่าคัดลอกและวาง คุณจะไม่ได้เรียนรู้มัน มันไม่ได้มากขนาดนั้น Lazy bum.if(percent == 100){gotoAndPlay(3);}else{gotoAndPlay(1);}Explanation:if(percent == 100){สิ่งนี้บอกว่า if(condition) ตัวแปรเปอร์เซ็นต์จะเท่ากับ 100(แฟลช โหลดเสร็จแล้ว) จากนั้น…gotoAndPlay(3);ไปที่เฟรม 3.}อื่น{หากคำสั่ง if ไม่เป็นความจริง แล้ว…gotoAndPlay(1);ไปที่เฟรม 1}ปิดคำสั่ง if รหัสนี้สร้าง "วนซ้ำ" จนกว่าแฟลชจะโหลดจนเต็ม หากเปอร์เซ็นต์ของตัวแปรไม่เท่ากับ 100 ตัวแปรจะวนกลับไปที่เฟรมหนึ่งจนกว่าจะเป็น ค่อนข้างมากเพียงแค่ตรวจสอบว่าโหลดแฟลชไว้หรือไม่

ขั้นตอนที่ 4: อีกหนึ่งขั้นตอน…

ตอนนี้ เลือกเฟรม 3 แล้วกด F6 เพิ่มเนื้อหาของคุณ ไม่ว่าจะเป็นแอนิเมชั่น เว็บไซต์ หรือรูปภาพ ดีมาก! คุณเพิ่งสร้างตัวโหลดล่วงหน้า!:NS

ขั้นตอนที่ 5: เสร็จแล้ว

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

ท่าที่จะมาถึงบางอย่างอาจเป็น…โอ้ ฉันไม่รู้ ทำเกม เว็บไซต์ ไม่มีใครรู้… ขอบคุณที่รับชม!