วิธีการผูกกระสุนด้วยภาพเคลื่อนไหวการยิง

ให้บอกว่าคุณมีภาพเคลื่อนไหวที่คุณต้องการให้เกิดขึ้นเมื่อยิงกระสุน คุณจะให้กระสุนแสดงขึ้นในตอนท้ายของอนิเมชั่นได้อย่างไร สิ่งเดียวที่ฉันคิดได้ก็คือการรู้ระยะเวลาของภาพเคลื่อนไหวและการหน่วงเวลาการวางตำแหน่งสัญลักษณ์หัวข้อย่อยและการตั้งค่าให้ใช้งานได้จนกว่าจะถึงเวลาที่กำหนดไว้ ฉันแค่สงสัยว่านี่เป็นวิธีที่ดีที่สุดแล้วทุกคนจัดการกับสิ่งนี้ได้อย่างไร

แก้ไข: ฉันคิดว่าฉันมีปัญหาในการใช้ถ้อยคำคำถามอย่างถูกต้อง

โดยพื้นฐานแล้วคุณอยู่ในเส้นทางที่ถูกต้อง - คุณต้องรู้ว่าภาพเคลื่อนไหวใช้เวลานานแค่ไหนในการทำสิ่งนี้ แอนิเมชั่นเป็นมากกว่าการรวบรวมเฟรมมีข้อมูลอื่น ๆ รอบตัวที่คุณต้องการ เช่นมีจำนวนเฟรมภาพเคลื่อนไหววนซ้ำเร็วแค่ไหนเล่น (เช่น 10 เฟรมภาพเคลื่อนไหวต่อวินาทีหรือ 25 หรือ 60 หรือไม่) ภาพเคลื่อนไหวทุกภาพสามารถกำหนดได้ในรูปของข้อมูลสองสามชิ้นซึ่งบางรหัสภาพเคลื่อนไหวทั่วไปสามารถดูและเล่นได้ คุณควรห่อหุ้มส่วนภาพเคลื่อนไหวในรหัสบิตของตัวเองซึ่งไม่ได้ตระหนักถึงสิ่งใดนอกจากคำจำกัดความภาพเคลื่อนไหวเหล่านี้และวิธีการแสดงเฟรมภาพแต่ละภาพ นั่นคือมีวัตถุแอนิเมชั่นที่คุณสามารถโหลดเริ่มเล่นหยุดเล่นและบอกให้แสดงที่ตำแหน่งเฉพาะบนหน้าจอ

แนวทางที่ยืดหยุ่นคือการใช้คำจำกัดความของภาพเคลื่อนไหวเพื่อสรุปข้อมูลประเภทนี้ ดังนั้นแทนที่จะเพียงแค่พูดว่า "ภาพเคลื่อนไหว X เป็นเฟรมเหล่านี้ทั้งหมดเพียงแค่เล่นผ่านมัน" คุณจะได้รับบางสิ่งที่ซับซ้อนกว่านี้

เช่นกับรูปแบบข้อมูลที่เยาะเย้ย

แอนิเมชั่น =
{
  {name = "walk", files = "walk * .png", frameCount = "12", loop = "true"},
  {name = "fire" ไฟล์ = "fire * .png" frameCount = "6",
       เหตุการณ์ = {
           {name = "bulletLeavesGun", frame = "4", param1 = "43", param2 = "30"}
       }
  }
}

ดังนั้นรหัสของคุณพูดว่า:

currentAnimation = animations.Get("fire");
currentAnimation.Play();

วิธีที่คุณตรวจพบเหตุการณ์สามารถอยู่กับรหัสภาพเคลื่อนไหวที่โทรกลับคุณได้ (เช่นเมื่อตรวจพบเหตุการณ์ใหม่เพราะภาพเคลื่อนไหวเล่นในบางเฟรมมันจะเรียกรหัสเกมของคุณเพื่อบอกเกี่ยวกับเหตุการณ์ใหม่) หรือโดยการสำรวจ แอนิเมชันเช่นนั้น:

List<Event> events = currentAnimation.EventsSinceLastCheck();
foreach (AnimationEvent event in events)
{
    if (event.name == "bulletLeavesGun")
    {
        Vector2 bulletPosition = new Vector2(event.param1, event.param2);
        Vector2 actualBulletPosition = new Vector2(
                 character.x + bulletPosition.x, 
                 character.y + bulletPosition.y);
        CreateBulletAt(actualBulletPosition);
    }
}

จุดที่ควรทราบ:

• รหัสภาพเคลื่อนไหวควรมีอยู่แยกต่างหากจากรหัสเกม คุณไม่ต้องการให้รหัสการเล่นของคุณผูกติดแน่นเกินไปกับการเล่นภาพเคลื่อนไหว
• รหัสภาพเคลื่อนไหวรู้ว่าจะวนซ้ำตามนิยามของภาพเคลื่อนไหวหรือไม่
• รหัสภาพเคลื่อนไหวรู้ว่าเมื่อทำภาพเคลื่อนไหวแล้วและสามารถโทรกลับไปที่รหัสอื่นเพื่อบอกว่า 'เดี๋ยวก่อนภาพเคลื่อนไหวที่เรียกว่า "ไฟ" เพิ่งเสร็จสิ้นคุณต้องการทำอะไรในตอนนี้
• รหัสภาพเคลื่อนไหวไม่ทราบอะไรเกี่ยวกับเหตุการณ์อื่นนอกจากว่าพวกเขามีชื่อและข้อมูลบางอย่างที่เกี่ยวข้องกับพวกเขา (param1 และ param2)
• รหัสภาพเคลื่อนไหวรู้ว่าตอนนี้เฟรมเปิดอยู่และเมื่อเปลี่ยนเป็นเฟรมใหม่มันสามารถตรวจสอบและพูดว่า 'โอ้ตอนนี้ฉันอยู่ที่เฟรม 4 แล้วนั่นหมายความว่าเหตุการณ์นี้เรียกว่า "ไฟ" เพิ่งเกิดขึ้นเพิ่มไปที่ รายการเหตุการณ์ล่าสุดของฉันดังนั้นฉันสามารถบอกใครก็ได้ที่ถามเกี่ยวกับมัน '

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

ในบางวิธีคุณจะต้องรอจนกว่าภาพเคลื่อนไหวจะเสร็จสิ้นและสร้างสัญลักษณ์แสดงหัวข้อ ณ จุดนั้น

เพียงตั้งค่าตัวจับเวลาจะทำงานหากคุณแน่ใจว่าอัตราการเคลื่อนไหวของคุณได้รับการแก้ไขแล้ว ในฐานะที่เป็นรูปแบบย่อยคุณสามารถมีโค้ดอยู่ภายในสัญลักษณ์แสดงหัวข้อย่อยซึ่งทำให้รอไม่สามารถมองเห็นได้ในช่วงเวลาหนึ่งก่อนที่จะปรากฏและเคลื่อนไหว

ขึ้นอยู่กับแพลตฟอร์มการพัฒนาของคุณคุณอาจมีฟังก์ชั่นการอัปเดตภาพเคลื่อนไหวหรือการโทรกลับบางประเภทที่จะช่วยให้คุณตอบสนองต่อช่วงเวลาที่ภาพเคลื่อนไหวมาถึงจุดที่ต้องการ นี่คือวิธีที่ฉันทำกับ Flixel เช่น

คำตอบที่ตรงไปตรงมา: สมมติว่าคุณมีภาพเคลื่อนไหวที่คุณต้องการเล่นเมื่อผู้เล่นกดปุ่ม 'ไฟ' แล้วมีกระสุนออกมาหลังจากเล่นเสร็จแล้ว ตามหลักแล้วคุณควรหลีกเลี่ยงการเข้ารหัสเวลาในการเคลื่อนไหวอย่างหนักและยิงกระสุนเมื่อภาพเคลื่อนไหวเสร็จสมบูรณ์ (ใช้ฟังก์ชั่นการโทรกลับหรือบางอย่างขึ้นอยู่กับแพลตฟอร์มของคุณ) ฉันไม่สามารถคิดวิธีอื่นใดในการทำสิ่งนี้ซึ่งไม่ซับซ้อนเกินไป

คำตอบการออกแบบเกมสำรอง: หากไม่มีเหตุผลที่ดีจริงๆให้ทำฉันจะหลีกเลี่ยงความล่าช้าจากการกดปุ่ม 'fire' และมีสัญลักษณ์แสดงหัวข้อย่อย เว้นแต่ว่าภาพเคลื่อนไหวจะสั้นจริงๆ (หนึ่งหรือสองเฟรม, สูงสุด, โดยทั่วไปแล้วเป็นตะกร้อแฟลช), มันจะทำให้การตอบสนองของปุ่มไฟช้าลงและมันจะสร้างความรำคาญให้กับผู้เล่นทั่วไป แม้ว่าคุณจะตัดสินใจที่จะใช้แอนิเมชั่นก่อนที่กระสุนจะออกมา (เทิร์นอาร์พีจีและเกมทางยุทธวิธีจะเป็นเหตุผลที่ยอมรับได้ในการทำเช่นนี้) ฉันคิดว่าจะรวมถึงตัวเลือก "ปิดภาพเคลื่อนไหว" เพื่อให้ เกมที่จะเคลื่อนที่เร็วขึ้นหากผู้เล่นต้องการ

อย่างที่ MrCranky พูด; แยกนิเมชั่นและ logics ออกจากกัน

แต่ที่สำคัญที่สุดlogics จะต้องยังคงอยู่ในส่วนหลัก

• เมื่อกดปุ่มไฟคุณควรเปิด " การกระทำ " เสมอในสถานะตัวละครของคุณ (logics)
• การดำเนินการนี้ควรกระตุ้นให้แอนิเมชั่นรูปวาดที่มีพารามิเตอร์ทั้งหมด (เวลาอยู่เป็นต้น)
• เมื่อวาดดำเนินการเสร็จเรียบร้อยแล้วคุณสามารถเรียกไฟกระทำ (สามารถยิงหนึ่งครั้งหรือมากกว่านั้นขึ้นอยู่กับอาวุธ)
• การดำเนินการนี้สามารถสร้างกระสุนและก่อให้เกิดไฟไหม้นิเมชั่น

โปรดทราบว่าการควบคุม UI จาก logics เป็นวิธีเดียวที่จะทำให้แน่ใจว่าคุณจะสามารถนำมาใช้ซ้ำและแบ่งปัน logics ของคุณได้ในภายหลัง (renderer ใหม่เกมใหม่เวอร์ชันเซิร์ฟเวอร์โดยไม่มี renderer ... )

ก่อนอื่นฉันจะใช้ระบบเหตุการณ์ (รูปแบบการสังเกตการณ์) เพื่อแยกส่วนของรหัส นี่ไม่ได้มีไว้สำหรับอนิเมชั่นเท่านั้น จากนั้นโค้ดภาพเคลื่อนไหวสามารถพูดได้ว่า dispatchEvent (เหตุการณ์) และส่วนอื่น ๆ ของรหัสฟังเหตุการณ์นั้นโดยไม่ต้องมีส่วนใดส่วนหนึ่งของรหัสที่ต้องรู้ซึ่งกันและกัน

ตอนนี้รหัสภาพเคลื่อนไหวต้องมีการอ้างอิงจริงกับตัวแจกจ่ายเหตุการณ์ (ทำได้อย่างง่ายดายด้วยการฉีดพึ่งพา) และคุณต้องมี XML หรือ JSON บางตัวที่กำหนดภาพเคลื่อนไหวของคุณ สิ่งที่ต้องการ:

{
  animation: {
    name: shoot,
    length: 12,
    spritesheet: shoot.png
    event: {
      frame: 4,
      name: bulletLeavesGun,
    },
  },
}

อ่านข้อมูลเมื่อโหลดภาพเคลื่อนไหวและให้รหัสภาพเคลื่อนไหวส่งเหตุการณ์เมื่ออยู่ในเฟรมนั้นระหว่างการเล่น