Tạo Sprite Trò Chơi Hoạt Hình với GPT 5.4 và Image 1.5

Tạo Sprite Trò Chơi Hoạt Hình bằng GPT 5.4 và Image 1.5

Tôi đã đăng một tweet gần đây cho thấy cách tôi tạo ra một nhân vật cướp biển pixel art hoạt hình cho trò chơi. Kể từ tweet đó, tôi đã tiếp tục cải thiện quá trình tạo hình ảnh. Tài sản hoạt hình trò chơi cướp biển được tạo bằng GPT 5.4 và Image 1.5. Nhiều bạn đã quan tâm (cảm ơn!) – và thậm chí còn có nhiều câu hỏi về quy trình làm việc tôi sử dụng. Thay vì sử dụng các chuỗi tweet, tôi nghĩ mình sẽ thử viết bài trên X để trình bày những gì tôi đang làm để đạt được. Lưu ý: Quy trình làm việc này vẫn còn thử nghiệm, tức là tôi vẫn đang tìm cách tốt nhất để có kết quả tốt. Vì vậy, hãy coi đây là tài liệu giáo dục, nhưng nó không nhằm mục đích là hướng dẫn chính thức theo bất kỳ cách nào. Hãy bắt đầu!

Tổng Quan Quy Trình Làm Việc Ý tưởng cốt lõi rất đơn giản: bắt đầu từ một khung hình đã được phê duyệt trong trò chơi yêu cầu GPT Image tạo một dải hoạt hình hoàn chỉnh xung quanh khung hình đó chuẩn hóa dải thành các khung hình trò chơi có kích thước cố định tái tạo chỉ mục tài sản và xem trước trong engine

Bắt Đầu Từ Một Khung Hình Gốc Đã Xuất Bản

Chúng tôi nhận thấy rằng tính nhất quán được cải thiện đáng kể khi mô hình được neo vào sprite sản xuất thực tế, không phải một khái niệm mơ hồ. Đối với hoạt hình bị thương, hình ảnh gốc là khung hình được tạo sau đây (Tôi sẽ viết một hướng dẫn riêng về cách tôi có được hình ảnh đầu tiên này) nhưng tweet này bao quát cách tiếp cận cấp cao) idle/frame-01.png Điều này quan trọng vì nó khóa chặt: khuôn mặt tỷ lệ cơ thể bảng màu hình bóng

Xây Dựng Canvas Tham Chiếu Cho API Chỉnh Sửa

Chúng tôi không gửi trực tiếp sprite 64×64 thô. Chúng tôi phóng to nó bằng nearest-neighbor và đặt nó vào một canvas chỉnh sửa lớn hơn trong suốt với các vị trí khung hình được dành sẵn. Đối với hoạt hình chạy bị thương, lấy idle/frame-01.png ở trên và đặt nó vào canvas 1024×1024, chúng tôi có được: Một canvas ‘chỉnh sửa’ 1024×1024 cung cấp đủ không gian cho hoạt hình nhiều khung hình Canvas này được tạo bằng một script Python.

Yêu Cầu Toàn Bộ Dải, Không Phải Chỉnh Sửa Khung Hình Nhỏ

Một điều cần lưu ý là việc cố gắng tạo hoạt hình từng khung hình không hoạt động tốt cho tính nhất quán của nhân vật. Thay vào đó, phương pháp tốt hơn là yêu cầu toàn bộ dải một lần. Vì vậy, đối với hoạt hình bị thương, tôi đã sử dụng prompt: Mục đích sử dụng: spritesheet ứng viên sản xuất cho đánh giá hoạt hình bị thương của trò chơi platformer cướp biển 2D góc nhìn bên. Chỉnh sửa hình ảnh canvas tham chiếu trong suốt được cung cấp thành một spritesheet hoạt hình bị thương bốn khung hình ngang duy nhất. Sprite hiện có trong vị trí ngoài cùng bên trái là khung hình bắt đầu idle-v2 đã xuất bản chính xác và phải giữ làm khung hình bắt đầu cho chuỗi này: cùng nhân vật cướp biển nhỏ gọn, cùng góc nhìn bên hướng phải, cùng khăn đỏ, cùng áo xanh, cùng ủng nâu, cùng da nâu, cùng khuôn mặt dễ đọc, cùng tỷ lệ, cùng họ hình bóng pixel-art.

Chuẩn Hóa Dải Thành Khung Hình Trò Chơi Thực Tế

Dải GPT thô chưa sẵn sàng cho trò chơi. Chúng tôi nhập nó vào định dạng chuẩn hóa với các khung hình 64×64 bằng một script Python khác. Về cơ bản, nó làm: phát hiện các thành phần sprite trong dải thô sử dụng hình ảnh ‘neo’ của người chơi (idle/frame-01.png) tính toán một tỷ lệ chia sẻ chung cho toàn bộ hoạt hình đệm mỗi khung hình vào canvas trong suốt 64×64 tùy chọn khóa khung 01 thành khung hình idle đã xuất bản chính xác

Phần cuối cùng này quan trọng đối với hoạt hình bị thương. Chúng tôi thay thế rõ ràng 01.png đã xuất bằng khung hình idle thực tế để hoạt hình bắt đầu từ sprite chính xác đã được sử dụng trong trò chơi. Kết quả là các spritesheet ‘chuẩn hóa’ có kích thước khung hình tiêu chuẩn cho mỗi panel. Đầu ra Python ‘chuẩn hóa’: mỗi khung hình hiện là 64×64 và được đệm bằng độ trong suốt. Điều này hoạt động đáng ngạc nhiên tốt ngay cả đối với hoạt hình phức tạp hơn. Ví dụ, xem hoạt hình Tấn công bên dưới Đầu ra Image 1.5 Thô Đầu ra spritesheet chuẩn hóa

Bài Học

Xử Lý Tư Thế Phức Tạp Vấn đề có thể xảy ra khi một tư thế cao hơn tư thế khác. Ví dụ: một khung hình tấn công với kiếm giơ lên tự nhiên cao hơn một khung hình trung lập nếu bạn thu nhỏ tư thế đó riêng lẻ, toàn bộ nhân vật trông nhỏ hơn Khung hình thứ ba không tính toán chính xác chiều cao của tên cướp biển – vì vậy nó ‘ép’ toàn bộ hình ảnh xuống sai cách. Cách khắc phục là: sử dụng một tỷ lệ toàn cục cho toàn bộ dải để sự khác biệt tư thế hiển thị dưới dạng chiều cao thêm bên trong khung hình sử dụng đệm và một neo chia sẻ thay vì thu nhỏ lại từng khung hình

Tóm Lại Nếu chúng ta muốn hoạt hình sprite được tạo bằng AI nhất quán, quy trình làm việc nên là: chọn khung hình sprite đã xuất bản chính xác để neo từ tạo một dải hoàn chỉnh trong một yêu cầu chuẩn hóa với một tỷ lệ chia sẻ chung khóa khung 01 trở lại sprite đã xuất bản khi hoạt hình nên bắt đầu từ idle xác minh trong cảnh xem trước trước khi coi nó là sẵn sàng sản xuất Đó là phần đã làm cho kết quả ổn định hơn đáng kể.