วิธีบีบอัดเฟรมเกมตามภาพเคลื่อนไหวเฟรมให้น้อยที่สุดบนดิสก์

ฉันพัฒนาเกมเช่น Age of Empire (อาคารบนแผนที่) และสำหรับอาคารทุกหลังฉันมีแผ่นสไปรต์สำหรับภาพเคลื่อนไหว ฉันใช้ภาพเคลื่อนไหวแบบเฟรมต่อเฟรมเพื่อทำให้สิ่งมีชีวิตเคลื่อนไหว (ไม่ทราบวิธีอื่นใด) ฉันสังเกตเห็นว่าโฟลเดอร์ทรัพยากรของฉันมีขนาดใหญ่มากเนื่องจากภาพที่ฉันใส่เข้าไป

เกมเช่น CoC และ Age of Empires มีขนาด apk ต่ำกว่า 50 Mg อย่างไร ฉันขาดอะไรบางอย่างที่นี่เมื่อพูดถึงการพัฒนาเกม

ขอขอบคุณ

แก้ไข: ข้อมูลเพิ่มเติมเกี่ยวกับปัญหาที่ฉันกำลังเผชิญ

ฉันมีอนิเมชั่นที่วาดได้เป็นจำนวนมาก ฉันเลือกวิธีนี้เพราะมันเร็วที่สุดและได้ผลลัพธ์ตามที่ฉันต้องการ โดยพื้นฐานทุกสิ่งปลูกสร้างเป็นภาพเคลื่อนไหวที่วาดได้ซึ่งไฟล์ xml ของมันหมายถึง 8 ภาพวาด (8 ภาพ = 8 ไฟล์) พวกเขาทั้งหมดเป็น PNG เนื่องจากความโปร่งใส เนื่องจากฉันมีภาพมากกว่า 200 ภาพขนาด apk คือ 120 MB (และฉันยังไม่ได้ทำการคัดลอกไฟล์ครึ่งหนึ่ง) นั่นคือสิ่งที่พรอมต์จะต้องมีวิธีการแก้ปัญหา กรุณาช่วยพัฒนาเพื่อน

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

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

ที่กล่าวว่าในสถานการณ์ที่คล้ายกันสองโซลูชั่นฉันได้เห็น (และใช้ครั้งเดียว) ในแง่ของการประหยัดพื้นที่ในดิสก์คือ:

1) เชื่อมต่อภาพแต่ละภาพภายในภาพเดียวกัน บางครั้งสามารถช่วยได้ ดังนั้นแทนที่จะบันทึก 4 ไฟล์แยกกันสำหรับแต่ละสี่เหลี่ยมสีต่อไปนี้ฉันบันทึกไฟล์ทั้งหมดแบบเคียงข้างกันภายในภาพเดียวกัน (และจะแยกพวกเขาผ่านรหัสเกม):

ในตัวอย่างนี้การบันทึกแต่ละไฟล์ PNG ที่แตกต่างกัน 4 ไฟล์มีจำนวน 1255 ไบต์ในขณะที่ไฟล์เดียวที่มีการต่อกันทั้งหมดคือ 451 ไบต์ แน่นอนว่ามันสามารถช่วยได้มากน้อยแค่ไหนขึ้นอยู่กับแต่ละกรณีและคุณควรทดสอบเพื่อดูว่าสามารถช่วยคุณได้หรือไม่ขึ้นอยู่กับภาพของคุณ

2) การบีบอัดโฟลเดอร์ทรัพยากร ซึ่งมักจะมีประโยชน์มากในการประหยัดพื้นที่ดิสก์ จากนั้นเมื่อเกมกำลังทำงานคุณจะแตกหรือดึงภาพที่ต้องการจากไฟล์บีบอัด - ขึ้นอยู่กับรูปแบบการบีบอัดที่คุณใช้ ดูคำตอบที่ผ่านมาซึ่งกลายเป็นวิกิของไซต์นี้: /gamedev//a/37649/72423

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

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับการบีบอัด: รัฐแห่งศิลปะในการบีบอัดภาพ?

สุดท้ายคุณอาจสนใจคิดว่าจะใช้รูปภาพประเภทใดในแต่ละสถานการณ์: รูปแบบรูปภาพใดที่มีประสิทธิภาพการใช้หน่วยความจำมากขึ้น: PNG, JPEG หรือ GIF

ฉันจะเสนอให้คุณลองTexturePacker

• คุณสามารถลากและวางภาพทั้งหมดของคุณแล้วนำไปอัดแน่น
• คุณสามารถใช้การบีบอัดที่แตกต่างกัน - เช่นใช้ PNG ที่จัดทำดัชนีซึ่งใช้หน่วยความจำน้อยลง - น้อยกว่า 70% เมื่อเทียบกับไฟล์ PNG มาตรฐาน
• คุณสามารถสร้างไฟล์ข้อมูลไฟล์ที่มีชื่อ + ตำแหน่งของสิ่งปลูกสร้างแต่ละแห่งของคุณ
• รุ่นฟรีอาจพอเพียงที่จะสร้างแผ่นสไปรต์สำหรับคุณแล้ว

คุณใช้กรอบการพัฒนาเกมเช่น AndEngine, Cocos2d-x หรือ LibGdx หรือไม่? => ไม่มี

คุณต้องการโหลดภาพทั้งหมดของคุณในเวลาเดียวกันหรือไม่? ดูเหมือนคุณจะพบปัญหา RAM ขนาดใหญ่บนอุปกรณ์เป้าหมาย

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

ในภาพต้นฉบับมีเพียงส่วนหนึ่งของภาพที่เคลื่อนไหว ฉันวางนกไว้บนบ้านเพื่อสาธิตสิ่งนี้:

โดยทั่วไปแล้วการบรรจุแอนิเมชั่นที่สมบูรณ์ลงในแผ่นงานเป็นการสูญเสียความทรงจำครั้งใหญ่ คุณควรแยกชิ้นส่วนแบบคงที่และเคลื่อนไหว:

คงที่:

Anim01:

Anim02:

เก็บตำแหน่งเดิมของนกในภาพ นี่คือเหตุผลที่มีช่องว่างว่างเปล่าด้านบน คุณต้องการสิ่งนี้เพื่อจัดแนวแอนิเมชัน

ตอนนี้ลากภาพบนTexturePackerและเลือกพารามิเตอร์ต่อไปนี้

• รูปแบบข้อมูล: แฮช JSON (หรือ XML หากคุณต้องการ)
• TrimMode: Trim (นี่จะสร้างรูปสี่เหลี่ยม)
• รูปแบบพิกเซล: INDEXED 8 บิต - เพื่อสร้าง PNG 8 บิต (หน่วยความจำน้อยลงประมาณ 70%)
• อนุญาตการหมุน: false
• ป้อนชื่อไฟล์สำหรับข้อมูล

ผลลัพธ์ก็คือตอนนี้คุณจะได้รับ 2 ไฟล์: The sprite sheet และไฟล์คำอธิบาย JSON

"house_anim_01.png":
{
    "frame": {"x":351,"y":246,"w":110,"h":79},
    "rotated": false,
    "trimmed": true,
    "spriteSourceSize": {"x":67,"y":8,"w":110,"h":79},
    "sourceSize": {"w":400,"h":400},
    "pivot": {"x":0.5,"y":0.5}
},

ส่วนที่สำคัญมีความกรอบและspriteSourceSize

กรอบช่วยให้คุณมีสถานที่ตั้งของเทพดาเดิมในแผ่นผีสาง

spriteSourceSizeให้ออฟเซ็ตสำหรับการวาดภาพ - ส่วนต่าง ๆ ของภาพที่เหลือเพราะการตัดแต่ง:

รูทีนการวาดโค้ดหลอกแบบง่ายจะมีลักษณะดังนี้:

drawImage(spritename, posX, posX)
{
    data    = sheetData[spritename]
    offsetX = data.spriteSourceSize.x
    offsetY = data.spriteSourceSize.y
    frameX  = data.frame.x
    frameY  = data.frame.y
    width   = data.frame.w
    height  = data.frame.h
    screen.draw(sheetImage, posX+offsetX, posY+offsetY, width, height)
}

คุณอาจต้องปรับการคำนวณออฟเซ็ตขึ้นอยู่กับจุดหมุน / จุดกำเนิดในระบบกราฟิกของคุณ รูทีนด้านบนถือว่าระบบพิกัดที่ต้นกำเนิดอยู่ด้านบนซ้าย

จากนั้นก็วาดบ้านใน 2 ผ่าน:

draw("background", 100, 100);
draw("anim_01", 100, 100);

คุณไม่ต้องกังวลเกี่ยวกับการชดเชย - เนื่องจากภาพที่ได้รับการจัดตำแหน่งแล้ว

นี่คือตัวชี้บางอย่างที่คุณสามารถใช้ได้

1. พยายามทำให้แน่ใจว่าพื้นหลังและรูปภาพที่ไม่โปร่งใสทั้งหมดของคุณไม่ได้อยู่ในรูปแบบ PNG
2. พยายามทำให้ทุกอนิเมชั่นวนได้เช่นถ้าภาพเคลื่อนไหวเป็น 1,2,3,4,5,6 ลองทำให้เป็นแบบ 1,2,3,4,3,2,1 โดยที่ตัวเลขเหล่านี้เป็นจำนวนภาพเคลื่อนไหว มันช่วยได้มาก
3. หากภาพจำนวนมากเหมือนกันและมีเพียงสีที่แตกต่างกัน (โดยทั่วไปคือปุ่ม UI, ภาพเคลื่อนไหวอนุภาค, เหรียญเกม) จากนั้นลองถ่ายภาพสีขาวหนึ่งภาพและเปลี่ยนสีแบบไดนามิก
4. พยายามทำให้. apk ของคุณมีเฉพาะภาพที่มีความสำคัญอย่างยิ่งจากนั้นโหลดทุกอย่างจากเซิร์ฟเวอร์และเก็บไว้ในหน่วยความจำโทรศัพท์

ฉันหวังว่าตัวชี้เหล่านี้จะช่วยได้

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

เกมจำนวนมากไม่เก็บเนื้อหากราฟิกไว้ใน. apk พวกเขารวมเฉพาะ "พื้นฐาน" เช่นกราฟิก UI และรหัสเกมและดาวน์โหลดเนื้อหาที่เหลือเมื่อติดตั้งเกมแล้ว นี่เป็นความจริงโดยเฉพาะอย่างยิ่งสำหรับเกมที่ใช้ทรัพยากรกราฟิกที่แตกต่างกันขึ้นอยู่กับความละเอียดของหน้าจอของคุณเพื่อป้องกันไม่ให้. apk ไม่ต้องมีทั้งความละเอียดต่ำและสินทรัพย์ความละเอียดสูง

คุณควรพิจารณาทั้งตัวเลือกการปรับให้เหมาะสมของผู้ให้คำตอบอื่น ๆ รวมถึงในที่สุดคุณจะต้องแสดงกราฟิกของเกมแยกจาก. apk เองหรือไม่

ฉันมาที่ไซต์นี้เพื่อค้นหาคำถามที่คล้ายกันและมีแหล่งข้อมูลที่ดีสองสามข้อที่ตอบทั้งคำถามของคุณและคำถามอื่น ๆ

คุณน่าจะลองดูภาพเคลื่อนไหว 2D: โมเดลเคลื่อนไหว 3 มิติหรือสไปรต์พร้อมเฟรมภาพเคลื่อนไหว? สำหรับการถกเถียงเรื่องแอนิเมชันประเภทต่าง ๆ มันช่วยให้ฉันเพิ่มประสิทธิภาพเกมของฉัน นอกจากนี้คุณไม่ต้องบอกเราว่าคุณใช้ API ใดหรือเอ็นจิ้นใดที่คุณใช้ เพียงอย่างเดียวนั้นสามารถสร้างความแตกต่างได้ค่อนข้างมาก: เฟรม Android ตามภาพเคลื่อนไหว PNG

นอกจากนี้โปรดทราบว่าหากคุณจะไปเส้นทางการบีบอัดอาจมีความแตกต่างที่สำคัญระหว่างวิธีการบีบอัด โดยเฉพาะมีความแตกต่างค่อนข้างน้อยระหว่างประเภทการบีบอัดและมีการถกเถียงกันเป็นพิเศษเกี่ยวกับเส้นทางที่เหมาะสมที่สุดสำหรับอุปกรณ์มือถือ โดยเฉพาะถ้าคุณคำนึงถึงมือถือการใช้ RAM และการสูญเสีย CPU สำหรับการโหลดเป็นสิ่งที่สำคัญยิ่ง ดู: http://www.gamasutra.com/blogs/AlexandruVoica/20130419/190833/Why_efficiency_is_key_in_texture_compression_standards_for_mobile_graphics.php?print=1