Quy trình art AI cho Godot: xử lý art hàng loạt, và đồng bộ giữa sinh ảnh với code
Tóm lại
Quy trình art AI cho Godot phổ biến hiện nay là thế này: prompt ra ảnh, xóa nền, cắt sprite sheet, thả PNG vào res:// của Godot, đặt Nearest, rồi gắn lên AnimatedSprite2D hoặc Control. Thực tế thì logic này đã lỗi thời—nếu hiện đang gọi Cursor, Claude Code, Codex rất thường. Việc quy trình phát triển hiện nay phải theo là xử lý art hàng loạt trong cả dòng việc, và xử lý đồng bộ giữa sinh hàng loạt với logic code.
Quy trình phổ biến vẫn dừng ở năm bước
Bài viết thường xếp như sau: viết prompt, để mô hình ảnh vẽ nhân vật, scene hoặc giao diện. Rồi xóa nền, sửa mép, thống nhất kích thước. Rồi cắt theo ô thành ảnh sprite, đặt tên. Rồi kéo file vào dự án Godot. Cuối cùng trong editor đặt bộ lọc, gắn ảnh lên node, dùng script phát animation hoặc bắt click.
Đúng vậy, đây đã là cách làm của thế kỷ trước rồi, chú. Trong tutorial chính thức của Godot, AnimatedSprite2D và SpriteFrames cũng vẫn lấy một tấm lưới làm đầu vào như thế. Đường cộng đồng từ Figma vào Godot cũng thường là Exporter cộng Importer, đi một vòng là xong.
Khi công cụ viết code đã được gọi rất thường, thứ còn thiếu là xử lý hàng loạt, và ngữ cảnh lớp có đi cùng file hay không. Lễ hội cần đổi một bộ giao diện mới thì node đã nối sẵn thường không còn khớp. Dùng AI sinh thêm một theme cũng cùng một lỗ hổng. Thả một PNG vào res://, trên công cụ viết code cái có được là tên file. Khối đó có phải nút hay không thì không nằm trong ngữ cảnh đó.
Sau khi sinh, còn ba bước phải theo
Ảnh phẳng do AI sinh ra vẫn cần rất nhiều xử lý tự động mới khớp được với node tree. Mô hình ảnh trả về một tấm ghép. HUD, nút, thanh máu nằm trên cùng một bitmap. Trong Godot, lấy cả màn làm một Sprite, hoặc cắt từng ô bằng tay, vẫn chưa xong. Nếu vẫn dựa vào việc đổi tên từng ảnh cắt bằng tay, hoặc dùng nguyên tên auto-split kiểu Part 26, thì đúng là đang chất thêm quá nhiều ngữ cảnh vô ích cho AI coding về sau.
Một tấm một lần không gánh được lần đổi sau. Prompt có thể chạy lại; kết quả là một tấm mới khác. Quan hệ lớp, kích thước, khối nào bấm được, không tự đi sang tấm sau. Halloween cần thay da thì bước “xuất thêm một PNG” trong quy trình phổ biến sẽ gắn lại từ đầu. Valentine cần thêm một bộ thì cùng một lỗ hổng.
Ánh xạ realtime giữa một lượng lớn ảnh cắt không tổ chức, không cấu trúc và dự án code là một khâu cần được xem trọng. Qua MCP, Godot đang mở có thể nối vào Cursor. Scene và script hiện tại đọc được. Điều kiện là ảnh cắt đã ghi theo thư mục engine, node vẫn giữ tên cũ. Importer Figma to Godot chỉ đi một chiều đã viết: Exporter hoặc Importer đi một vòng không phủ được lần sinh lại. Trong quy trình art AI cho Godot, cùng một lỗ hổng nằm sau lúc ra ảnh.
Cách đã chạy được và đang dùng: thời gian tiết kiệm chuyển sang thiết kế gameplay
Đặt phần xử lý sau khi sinh vào VberAI Studio, rồi nhập vào Godot. Cắt ảnh, đặt tên, xuất theo thư mục không còn chiếm cả ngày. Thời gian tiết kiệm được chuyển sang thiết kế gameplay thật sự.
Nếu giao diện vẫn là một PNG phẳng, chọn màn đó trên board, mở menu lớp chồng, chạy Auto-Layering (tách lớp tự động). Cắt ảnh theo mép đã phát hiện, xuất file đặt tên có nghĩa. Các bước xem Tách lớp tự động: ảnh thành nhiều lớp. Khi cần file Photoshop, cùng một bộ lớp có thể PNG sang PSD, rồi PSD sang Godot.
Khi nguồn đã là sprite sheet dạng lưới, khe giữa các khối rõ, dùng Auto Split. Máy local cắt thành từng ảnh. Tên mang số thứ tự; trước khi vào engine vẫn phải đổi thành tên đọc được. Ghi chú xem Tách tự động.
Lễ hội cần đổi một bộ hình, đừng xuất thêm một bộ không còn khớp tên cũ. Chọn board đã tách lớp, chạy AI Reskin (thay da). Quan hệ lớp và kích thước vẫn tương ứng từng lớp; xuất thêm một vòng. Ghi chú xem AI thay da.
Nếu file nguồn nằm trong Figma, dùng Import Project (nhập dự án) để đọc .fig, rồi Export to Godot. Xuất ra .tscn, đường mặc định ghi theo thư mục Assets của Godot. Các bước xem Figma sang Godot. Bản thiết kế cần sửa thì quay lại VberAI Studio xuất thêm một vòng, node trong dự án vẫn khớp được cấu trúc lớp ban đầu.
Phía code, qua Godot MCP, scene và script đang mở được đưa cho công cụ viết code. Art sync và đồng bộ logic code phải làm cùng. Chỉ thả PNG vào res:// thì dừng ở “ảnh đã nằm trong dự án”; không có tên node và ngữ cảnh lớp, AI coding về sau vẫn không gắn được event.
Bước xóa nền, giao diện game đừng dùng công cụ tách nền ảnh chụp để cắt HUD. AI xóa nền trong VberAI Studio nhắm giữ nút và thanh, bỏ nền scene.
Kết luận
Đừng tin quy trình chuẩn mà AI kể, nhất là lúc AI đã trải rộng như hiện nay. Hãy tính sớm cách điều phối và đồng bộ dữ liệu sau nhiều nguồn sinh AI. Đó là chỗ sẽ kéo giãn khoảng cách.