vibegame

Cocos Creator 2.x MCP

2026-09-09T15:14:00+08:00

Tóm lại: 3 bước

Cocos Creator 2.x MCP dùng trên dự án Cocos Creator 2.4.x đang mở, để công cụ lập trình AI nhìn và thao tác trình soạn. Dự án 3.8.6+ đi Cocos Creator 3.x MCP. Tải từ Cocos Creator 2.x MCP. Kênh hoạt động thế nào, xem MCP nối công cụ lập trình AI với game engine.

Bước 1: Mở CocosCreator2.x MCP Server

Cài từ trang chính thức xong, mở CocosCreator2.x MCP Server. Cửa sổ nếu yêu cầu đăng nhập thì đăng nhập trước. Giữ Cocos Creator 2.x mở, dự án chính là bản đang mở.

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Ở trang Server (dịch vụ), Status (trạng thái) nên hiện Running (đang chạy). Cổng mặc định cửa sổ này là 4000. MCP URL là http://127.0.0.1:4000/mcp. Công cụ lập trình phổ biến dùng One-Click Configuration (cấu hình một lần nhấn).

Hai trang kia là Tool Management (quản lý công cụ) và Quick Config (cấu hình nhanh). Cách truyền là Streamable HTTP (MCP 2025-03-26).

Bước 3: Gắn công cụ lập trình AI

Đi hết One-Click Configuration (cấu hình một lần nhấn). Lúc viết code muốn công cụ lập trình nói chuyện với dự án qua MCP thì Cocos Creator và dịch vụ MCP đều phải mở.

Phiên bản, danh sách công cụ và cấp quyền: vberai.com/game-engines/cocos2x.

Cocos Creator 3.x MCP

2026-09-09T15:14:00+08:00

Tóm lại: 3 bước

Cocos Creator 3.x MCP dùng trên dự án Cocos Creator 3.8.6+ đang mở: để công cụ lập trình AI nhìn và thao tác scene, node, prefab, không chỉ hoàn thiện code trong văn bản. Tải từ Cocos Creator MCP. Dự án 2.4.x đi Cocos Creator 2.x MCP. Kênh hoạt động thế nào, xem MCP nối công cụ lập trình AI với game engine.

Bước 1: Mở Cocos Creator MCP Server

Cài từ trang chính thức xong, mở Cocos Creator MCP Server. Cửa sổ nếu yêu cầu đăng nhập thì đăng nhập trước. Giữ Cocos Creator 3.x mở, dự án chính là bản đang mở.

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Ở trang Server (dịch vụ), Status (trạng thái) nên hiện Running (đang chạy). Cổng mặc định cửa sổ này là 3000. MCP URL là http://127.0.0.1:3000/mcp. Công cụ lập trình phổ biến dùng One-Click Configuration (cấu hình một lần nhấn).

Hai trang kia là Tool Management (quản lý công cụ) và Quick Config (cấu hình nhanh). Cách truyền là Streamable HTTP (MCP 2025-03-26).

Bước 3: Gắn công cụ lập trình AI

Phiên bản, danh sách công cụ và cấp quyền: vberai.com/game-engines/cocos.

Godot MCP

2026-09-09T15:14:00+08:00

Tóm lại: 3 bước

Godot MCP dùng trên dự án Godot 4 đang mở: để công cụ lập trình AI nhìn và thao tác scene, node, script, không chỉ hoàn thiện code trong văn bản. Tải từ Godot MCP. Kênh hoạt động thế nào, xem MCP nối công cụ lập trình AI với game engine.

Bước 1: Mở Godot MCP Server

Cài từ trang chính thức xong, mở Godot MCP Server. Cửa sổ nếu yêu cầu đăng nhập thì đăng nhập trước. Giữ Godot 4 mở, dự án chính là bản đang mở.

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Ở trang Server (dịch vụ), Status (trạng thái) nên hiện Running (đang chạy). Cổng mặc định cửa sổ này là 2000. Endpoint (giao diện) là http://127.0.0.1:2000/mcp. Công cụ lập trình phổ biến dùng One-Click Configuration (cấu hình một lần nhấn).

Trang này có Start (khởi động) / Stop (dừng). Hai trang kia là Tools (công cụ) và Setup (cài đặt). Cách truyền là Streamable HTTP (MCP 2025-03-26).

Bước 3: Gắn công cụ lập trình AI

Đi hết One-Click Configuration (cấu hình một lần nhấn). Lúc viết code muốn công cụ lập trình nói chuyện với dự án qua MCP thì Godot và dịch vụ MCP đều phải mở.

Phiên bản, danh sách công cụ và gói cài: vberai.com/game-engines/godot.

Unity MCP

2026-09-09T15:14:00+08:00

Tóm lại: 3 bước

Unity MCP dùng trên dự án Unity đang mở: để công cụ lập trình AI nhìn và thao tác scene, game object, prefab, không chỉ hoàn thiện code trong văn bản. Tải từ Unity MCP. Kênh hoạt động thế nào, xem MCP nối công cụ lập trình AI với game engine.

Bước 1: Mở Unity MCP Server

Cài từ trang chính thức xong, mở Unity MCP Server. Cửa sổ nếu yêu cầu đăng nhập thì đăng nhập trước. Giữ Unity Editor mở, dự án chính là bản đang mở.

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Server Status (trạng thái dịch vụ) nên hiện Running (đang chạy). Cổng mặc định cửa sổ này là 6594. Endpoint URL (địa chỉ giao diện) là http://127.0.0.1:6594/mcp. Công cụ lập trình phổ biến dùng One-Click Configuration (cấu hình một lần nhấn).

Cách truyền là Streamable HTTP (MCP 2025-03-26). Bên cạnh trạng thái là Stop Server (dừng máy chủ).

Bước 3: Gắn công cụ lập trình AI

Đi hết One-Click Configuration (cấu hình một lần nhấn). Lúc viết code muốn công cụ lập trình nói chuyện với dự án qua MCP thì Unity và dịch vụ MCP đều phải mở.

Phiên bản, danh sách công cụ và cấp quyền: vberai.com/game-engines/unity.

MCP nối công cụ lập trình AI với game engine

2026-09-09T15:14:00+08:00

Tóm lại: 3 bước

Trong làm game, nếu chưa quen cắt ảnh và logic đi kèm, rất dễ bực. Công cụ lập trình AI viết được code, nhưng mặc định không thấy cây node trong engine, cũng không biết một tấm cắt đã đặt tên nên gắn vào nút nào.

MCP (Model Context Protocol) là một cách giao tiếp riêng giữa công cụ lập trình AI và game engine. Ảnh cắt nếu đã xuất theo thư mục engine, tên cũng khớp, thì không cần nói miệng với công cụ lập trình «tấm này để chỗ nào». Nó đọc dự án đang mở qua MCP.

Bước 1: Chỗ thực sự chậm là ảnh cắt để đâu, không phải tấm ảnh

Một PNG trên đĩa chưa phải UI game. Công cụ lập trình vẫn phải rõ node nào là nút tấn công, thư mục nào là Assets/Textures, prefab nào đã dựng bố cục. Giải thích bằng cách dán từng ảnh chụp vào hội thoại thì chậm.

Tách lớp tự động: ảnh thành nhiều lớp xuất file đặt tên có nghĩa, cộng thêm xuất theo thư mục engine (ví dụ Figma sang Unity), đã trả lời nửa đầu. MCP trả lời nửa sau: trình soạn đang mở, không phải gói nén trên desktop.

Bước 2: MCP chạy một dịch vụ trên máy

MCP của mỗi engine là một cửa sổ nhỏ cạnh trình soạn. Server Status (trạng thái dịch vụ) nên hiện Running (đang chạy). Công cụ lập trình nối địa chỉ máy này, ví dụ http://127.0.0.1:6594/mcp trên Unity MCP.

Hiện các công cụ MCP trong VberAI Studio đều hỗ trợ One-Click Configuration (cấu hình một lần nhấn). Cài xong, công cụ lập trình phổ biến gắn được một lần. Sau khi cấu hình một lần, lúc viết code muốn công cụ lập trình nói chuyện với dự án qua MCP thì engine và dịch vụ MCP đều phải mở.

Bước 3: Gắn công cụ lập trình bằng cấu hình một lần nhấn, rồi mở trang engine tương ứng

Cursor, Codex, Claude Desktop và các công cụ lập trình phổ biến, gắn bằng cấu hình một lần nhấn là được. Kênh thông rồi, scene hiện tại, hierarchy, tài nguyên có tên đều đi MCP, không cần dán ảnh chụp vào hội thoại nữa.

Cùng logic, đổi cửa sổ engine—ví dụ trong Godot MCP, cổng 2000, địa chỉ http://127.0.0.1:2000/mcp:

Engine nào đang mở thì vào trang đó:

Từ ảnh đến nhiều lớp: tách ảnh nhân vật thành lớp để chuẩn bị tài nguyên game nhanh hơn

2026-09-09T13:39:00+08:00

Tóm lại

Chuỗi chuyển đổi vừa bổ sung Figma sang Unity, PNG sang PSD, các đường Godot và Cocos Creator cũng viết lại. Nhìn liền mạch, cảm giác rất rõ: image-to-layers đã đơn giản. Tách một PNG thành lớp không khó; theo vị trí và thông tin tương tác cũ, phục hồi các lớp đó vào game engine, mới là việc phải theo sau.

Câu trả lời dùng được lúc này không chỉ thêm một nút tách ảnh. Công cụ theo hướng dọc phải mang theo tên lớp, vị trí, tương tác suốt đường đi. Docs đã viết mở: Tách lớp tự động: ảnh thành nhiều lớp, Figma sang Unity, Dịch chữ trên ảnh bằng AI, AI thay da.

Tách lớp đã không còn khó

Tách một PNG thành các lớp khác nhau, hiện đã đơn giản. Tách lớp AI hiện nay cơ bản cắt được, cũng vá được mép và chỗ bị che.

Ngoài Tách lớp tự động: ảnh thành nhiều lớp trong VberAI Studio, ngoài thị trường còn nhiều công cụ tách ảnh một lần nhấn. Tách xong xử lý tiếp mới là vấn đề lớn: vị trí cũ còn không, nút có còn là nút, nhập vào engine có phục hồi như cũ được không.

Nhập vào engine, ngữ cảnh lớp gốc phải giữ và đồng bộ

Figma sang Unity sau tách lớp tự động, xuất theo thư mục Assets: Prefabs là giao diện đã lắp, Textures là cắt ảnh. Tên lớp, vị trí, thứ tự chồng, khối nào bấm được, ngữ cảnh này phải theo. Thiếu một mục, Codex và Unity MCP không khớp node, nhập vào engine chỉ còn một đống ảnh.

Kinh nghiệm thời Photoshop—panel làm nine-slice, chữ đừng vẽ vào ảnh, xếp xong trạng thái nút rồi mới xuất—vẫn đang nói công việc thật trong engine. Chúng không còn là điều kiện khởi đầu để chuẩn bị tài nguyên game. Bài Exp Figma sang Unity đã viết: ít nhất một nửa tiêu chí cũ không còn chặn tiến độ.

Giá trị công cụ theo hướng dọc nằm ở cơ chế chia sẻ ngữ cảnh dùng chung, bền

Tách lớp tự động: ảnh thành nhiều lớp phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa. Figma sang Unity hoặc PSD sang Unity nhập cùng một bộ lớp vào thư mục dự án Unity. Dịch chữ trên ảnh bằng AI đổi chữ, AI thay da đổi bề ngoài, quan hệ lớp và kích thước vẫn khớp một-một.

Các mục này nối được vì cùng một bộ ngữ cảnh lớp không đứt giữa đường. Chỉ tách lớp thì cắt ảnh được, không mang theo tên, vị trí và tương tác phía sau.

Kết luận

Với tiền đề ngữ cảnh dùng chung, cắt ảnh UI game hàng loạt mới có tính khả dụng cơ bản trong môi trường phát triển.

Figma sang Unity: sau AI First, không cần coi xử lý UI bằng tay là khoản thời gian lớn nhất

2026-09-09T13:12:00+08:00

Tóm lại

Sau khi site đăng quy trình Figma sang Unity, có thể thấy: trong bối cảnh AI đang đụng mạnh quy trình làm game cũ, dù là tiêu chí vàng trong bài Figma to Unity của Saharukh tháng 5 năm 2026, hiện ít nhất một nửa không còn chặn tiến độ phát triển. Nhìn từ AI First, đó chỉ là để mọi quy trình tự động hóa được càng tự động hơn, hiệu suất theo lên.

Mọi hướng dẫn và bài đã đăng trên site đều xoay quanh logic cốt lõi AI First: không học thông thạo game engine trước, mà ghép năng lực AI đã dùng được, quay lại thú làm game. Bộ công cụ đã đi thông lúc này:

Codex: phụ trách viết code
VberAI Studio: phụ trách sinh và xử lý art hàng loạt
Unity MCP: phụ trách đồng bộ giữa công cụ lập trình và game engine
Unity: cuối cùng kiểm, thử, sắp thành dự án game đủ

Chi tiết bài gốc vẫn bám, một nửa đã không còn hiệu lực

Trước hết liệt kê các kinh nghiệm trong bài gốc, sau sẽ đối từng mục.

Bản thiết kế đẹp trong Figma không có nghĩa dùng được trong game. Bài gốc nói: giao diện phải chuyển động, phải phản hồi, phải scale, phải nhiều trạng thái, phải chạy trên thiết bị khác nhau, còn phải chịu được hiệu năng trong engine realtime. Vì vậy Figma sang Unity không thể coi «xuất một tấm là xong».

Figma là bản vẽ, Unity là công trường. Vào Unity mới lộ các vấn đề cụ thể: nút bấm được không, hover thế nào, disabled thế nào, đổi ngôn ngữ chữ có nổ khung không, popup trên điện thoại và máy tính có ổn không, animation có mượt không, giao diện có kéo frame rate không.

Một nút không phải một hình chữ nhật cộng một dòng chữ. Bài gốc liệt cả chuỗi: thường, hover, nhấn, disabled, chọn, focus tay cầm, âm thanh, animation click, bản địa hóa, scale thích ứng, hiệu ứng sáng có thể có, và event nối vào code gameplay. Vì vậy «xuất nút từ Figma» nghe nhẹ, làm vào dự án thì không nhẹ.

Xuất cắt ảnh chỉ là một khúc nhỏ. Còn phải quyết trước: cái nào làm ảnh, cái nào dựng thẳng trong Unity, cái nào làm prefab dùng lại, cái nào nine-slice, cái nào animation, cái nào shader, cái nào bản địa hóa, cái nào phải chịu cùng lúc bàn phím, chuột, cảm ứng và tay cầm.

Đừng xuất cả màn thành một tấm. Ví dụ xấu bài gốc điểm tên: cả màn, nút có chữ, panel kích thước cố định, ghép thanh tiến độ bằng nhiều ảnh tĩnh, nướng copy vào PNG. Chữ một khi vào ảnh, dịch rất khó sửa; cả khối panel khó scale; thanh tiến độ ảnh tĩnh không fill mượt; mỗi màn một tấm lớn vừa nặng vừa khó sửa. Cách tách ổn hơn: chữ để trong Unity thành chữ thật, nút làm component dùng lại, panel nên dùng nine-slice, thanh tiến độ dùng ảnh fill hoặc shader, icon xuất thành ảnh sprite, món lặp làm prefab.

Đặt tên trông chán trước khi dự án lớn. Rectangle 124, Group 56, Icon copy 9, Frame 32 vào dự án thì dev hoặc technical artist chỉ còn đoán. Tên tốt bài gốc đưa: btn_primary_bg, icon_currency_gold, panel_shop_base, hud_health_fill, popup_reward_frame, img_avatar_border_rare.

Nghĩ theo component, đừng chỉ nghĩ theo cả màn. Màn cửa hàng tách: thanh trên, thanh tiền, thẻ hàng, nút mua, vùng cuộn, tab loại, popup xác nhận. Trong Figma là component dùng lại, trong Unity là prefab dùng lại, ví dụ Shop Item Card khớp PF_ShopItemCard, trong đó lại icon, tên, giá, khung rarity, nút mua, khóa / chọn / hover.

Bố cục Figma không bằng bố cục Unity. Cùng một bộ giao diện có thể gặp điện thoại, tablet, máy tính, màn siêu rộng, tai thỏ và safe area, ngôn ngữ khác, cách nhập khác. Khi làm phải tính neo, scale, safe area, layout group và khoảng cách co giãn. Giao diện không thể như một sticker, chỉ dán một độ phân giải.

Animation đừng để cuối. Popup fade in, nút scale nhẹ, thanh máu nháy, icon thưởng phát sáng, lỗi thì rung—những thứ này đang nói với người chơi chuyện gì đang xảy ra. Không làm sớm, sau sẽ đánh nhau với bố cục, nhịp, hiệu năng, luồng gameplay.

Giao diện cũng ăn hiệu năng. Chồng bán trong suốt, texture lớn, blur, mask, particle, icon chuyển động, canvas chưa sắp, quá nhiều ảnh sprite rời, rebuild layout thường xuyên. Máy mạnh không rõ, điện thoại thành vấn đề thật.

Mười bước sản xuất bài gốc đưa: sắp file Figma → đánh dấu component dùng lại → quyết xuất gì → chuẩn bị tài nguyên theo kích thước và vùng trong suốt → nhập Unity và đặt texture, nén, atlas → làm prefab → bổ sung trạng thái → thêm animation và phản hồi → thử trên nhiều màn → sớm nhìn draw call, VRAM, overdraw và rebuild canvas.

Sai lầm bài gốc bảo tránh: xuất cả màn thành ảnh, nướng copy vào ảnh sprite, bỏ qua trạng thái nút, chỉ thiết kế một độ phân giải, lớp đặt tên loạn, quên bản địa hóa, bỏ qua tay cầm hoặc cảm ứng, tài nguyên độc quá nhiều, không làm atlas, animation quá muộn, bỏ qua safe area, hiệu năng để cuối mới xem.

Technical artist giao diện được viết thành người giữa thiết kế và kỹ thuật: chuẩn bị tài nguyên, dựng prefab, làm shader, làm animation, tối ưu hiệu năng, làm component dùng lại, thích ứng độ phân giải, một bên để designer thấy giới hạn engine, một bên để dev giữ được hình. Trách nhiệm được tóm: bảo vệ thiết kế, để nó còn sống trong quá trình sản xuất.

Những điều trên, thời «có người trước, có công cụ sau», mỗi điều đều tốn thời gian.

Đối chiếu: sau AI First, điều nào còn đứng, điều nào không còn là trung tâm

Trang chủ viết thẳng: dùng tương tác gần Figma để tổ chức art, rồi phối hợp dày qua MCP engine, tách các khâu vốn dựa sức người. Đối bài gốc, có thể xem như một bảng.

Việc bài gốc vẫn nhấn	Sau AI First còn đứng không
Bản thiết kế đẹp không có nghĩa dùng được trong game	Vẫn đứng. Bấm được, scale được, đổi ngôn ngữ được, cuối cùng đều phải kiểm trong Unity.
Xuất cắt ảnh chưa phải toàn bộ	Vẫn đứng, nhưng trung tâm đổi. Thiếu không còn là người tự quyết từng khối cắt thế nào, mà file có xuất theo thư mục engine để Codex đọc được không.
Đừng xuất cả màn, đừng nướng copy vào ảnh	Vẫn đứng. Bài bản địa hóa đã viết: chữ nướng vào ảnh, sau chỉ làm lại cả tấm.
Tên kiểu `Rectangle 124` vào dự án sẽ loạn	Vẫn đứng. Tách lớp tự động chính là phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa; tên loạn thì prefab và script phía sau cũng không thẳng hàng.
Nút cần hover, nhấn, disabled, focus tay cầm, âm, event	Đứng một nửa. Các trạng thái và event này vẫn phải xuất hiện trong Unity; nhưng không bắt buộc technical artist giao diện dựng tay xong trước khi nhập. Codex cộng Unity MCP bổ sung sau khi prefab đã vào chỗ.
Nine-slice, shader, atlas, rebuild canvas	Đứng một nửa. Dự án mobile những thứ này vẫn nổ. Thứ tự AI First: để giao diện vào dự án chạy được trước, rồi để Codex nhìn trình soạn đang mở mà kiểm, mà sửa, chứ không lấy chúng làm ngưỡng vào cửa.
Làm prefab theo component	Vẫn đứng, và bước xuất đã đỡ một phần. Trong Figma sang Unity, chọn Prefab (`.prefab`) rồi giải nén, `Assets/Prefabs` là giao diện đã lắp, `Assets/Textures` là cắt ảnh.
Animation và hiệu năng phải nhét vào «quy trình trước khi xuất»	Không còn là trung tâm. Bài gốc viết animation và hiệu năng thành bước 8 và 10 của quy trình sản xuất, như không xếp vào kế hoạch thì không xuất được. Giờ phổ biến hơn: xuất prefab dùng được trước, rồi trong Unity dùng Codex và Unity MCP bổ sung chuyển động và chi phí.
Phải có một technical artist giao diện đứng giữa	Với người không có nền tảng làm game, điều này mất tác dụng trước. Tiền đề trang chủ là không cần thông thạo engine trước. Vai trò chốt đổi thành: VberAI Studio phụ trách sắp bản thành thư mục engine, Unity MCP đưa scene và script hiện tại cho Codex.

Vì vậy không cần coi xử lý UI bằng tay là khoản thời gian lớn nhất. Giao diện vẫn phải làm đúng: đừng còn lấy mười bước xử lý từng chút bằng tay trong bài gốc làm điều kiện bắt buộc để đi từ Figma sang Unity.

Bộ này thực sự đổi đoạn nào

VberAI Studio nhắm nửa đầu tốn người nhất trong bài gốc: sắp lớp, đặt tên dùng được, quyết cắt ảnh nào, xuất theo thư mục Assets của Unity. .fig vào bằng Import Project (nhập dự án), rồi chạy tách lớp tự động, cuối cùng Export to Unity. Bước này phủ «file xuất có cấu trúc vào thư mục dự án Unity», không phủ hover, cỡ chữ bản địa hóa, particle đẹp không—nửa sau bài gốc vốn không nên giả định công cụ thiết kế làm xong một lần.

Unity vẫn là nơi kiểm xảy ra. Prefab kéo vào scene xong, những câu bài gốc hỏi vẫn còn: bấm được không, đổi ngôn ngữ có nổ không, tai thỏ có che không, có tụt frame không.

Unity MCP nhắm đoạn MCP làm được, công cụ thiết kế không làm được: đồng bộ scene, hierarchy và script hiện tại cho công cụ AI. Figma cộng Cursor rồi, bản thiết kế vào Godot thế nào đã viết phân công tương tự: MCP phụ trách phát triển và ngữ cảnh scene; công cụ thiết kế tiếp tục sửa bản, khi cần thì xuất theo thư mục engine. Bên Unity cùng logic.

Codex nhắm đoạn bài gốc để cho «technical artist giao diện / lập trình»: gắn event cho nút, bổ sung vài trạng thái, để chữ thành text dịch được, thử một lần theo độ phân giải khác. Định danh trang chủ là designer kiêm product manager biết viết code cơ bản, không phải chuyên gia engine; nếu đoạn nối này còn đòi viết tay xong một khung giao diện trước, AI First đi không tiếp.

Bốn món nối lại, mô hình phát triển cũ thành:

Dùng công cụ sinh AI làm ảnh chụp UI game trước, rồi vào Figma xử lý nhẹ mép và chỗ cần vá.
Trong VberAI Studio nhập, tách lớp tự động, xuất Assets của Unity (prefab + cắt ảnh).
Trong dự án Unity đang mở, dùng Unity MCP để Codex thấy hierarchy giao diện hiện tại.
Dùng Codex bổ sung tương tác, trạng thái và thích ứng cơ bản; bản cần sửa thì về VberAI Studio xuất thêm một vòng, chứ không đổi tên texture bằng tay trong engine.

Technical artist giao diện trong bài gốc bảo vệ «thiết kế đừng bị làm mất trong sản xuất». Cách bảo vệ thiết kế giờ đổi: lớp và tên đã thẳng hàng lúc xuất, phán đoán phía sau để người xem kết quả, thao tác cụ thể để Codex sửa trong engine.

Có lẽ nhét mọi thông tin chữ vào lớp—cách giờ trông vụng—sau này cũng chưa chắc còn là vấn đề, miễn chi phí và sự tiện của sinh AI cộng gắn nhãn tự động đã đè chi phí cả bộ sửa tay trước đây.

Kết luận

Năng lực AI đang nuốt nhanh những quy trình trong làm game cũ chưa tự động hóa.
VberAI Studio gần như đi dọc hướng làm game, dùng AI First lặp thêm một lớp. Loại công cụ này sớm muộn sẽ đẩy làm game nhanh hơn ở quy mô lớn hơn.
Phần không bị bộ này nuốt tự động sẽ co lại rất mạnh về sau.

Figma sang Unity

2026-09-09T11:20:00+08:00

Tóm lại: 6 bước

Logic chính của Figma sang Unity: với UI / HUD file .fig đã tách lớp, xử lý art hàng loạt rồi nhập vào Unity. VberAI Studio nhập file bằng Import Project (nhập dự án), rồi chạy tách lớp tự động: phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa, sau đó chọn Export to Unity.

Đã là file Photoshop tách lớp: PSD sang Unity.

Bước 1: Lưu một bản `.fig` local

Trong Figma, mở menu: File (Tệp) → Save Local Copy (lưu bản local). Nhóm đã đặt tên (khung, nút, thanh HUD) sẽ theo sang VberAI Studio.

Bước 2: Import Project trong VberAI Studio

Ở trang dự án của VberAI Studio, chọn Import Project (nhập dự án), chọn file .fig vừa xuất từ Figma.

Bước 3: Tách lớp tự động

Chọn board (ví dụ cat_journey_UI). Trên thanh công cụ khi đã chọn, mở lớp chồng, chọn Auto-Layering (tách lớp tự động).

Hộp thoại là Run AI auto-layering?, rồi nhấn Start layering.

Biên có tên hiện trên ảnh, nghĩa là các tấm đã tách lớp xong. Chi tiết bước này xem tách lớp tự động.

Bước 4: Xuất sang Unity

Giữ board đã tách lớp được chọn (ở đây là cat_journey_UI_layer). Mở Export, chọn Export to Unity.

Bước 5: Chọn dạng xuất sang Unity

Khi xuất sang Unity, chọn dạng xuất. Trong hộp thoại Target engine là Unity; định dạng có thể chọn Prefab (.prefab). Export to chọn gói ZIP, hoặc ghi thẳng vào dự án đích. Default paths đặt file theo thư mục mặc định của engine.

Bước 6: Kiểm tra kết quả xuất

Lần này chọn gói ZIP. Giải nén ra thư mục gốc Assets: Prefabs chứa .prefab dùng được trong Unity (giao diện đã lắp, kéo vào scene được); Textures là file cắt ảnh cụ thể (PNG đặt tên theo lớp).

PSD sang Unity

2026-09-09T11:20:00+08:00

Tóm lại: 6 bước

Logic chính của PSD sang Unity: với file Photoshop đã tách lớp (PSD hoặc PSB), xử lý art hàng loạt rồi nhập vào Unity. VberAI Studio nhập bản thiết kế này, rồi chạy tách lớp tự động: phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa, sau đó chọn Export to Unity.

Đã là file .fig: Figma sang Unity. Vẫn là một PNG phẳng, cần tách lớp trước: PNG sang PSD.

Bước 1: Mở PSD đã tách lớp

Nhóm cần có tên (khung, nút, thanh HUD). Những tên này sẽ theo sang VberAI Studio.

Bước 2: Nhập PSD/PSB trong VberAI Studio

Trong VberAI Studio chọn Import → PSD/PSB (nhập PSD/PSB).

Bước 3: Tách lớp tự động

Chọn board (ví dụ cat_journey_UI). Trên thanh công cụ khi đã chọn, mở lớp chồng, chọn Auto-Layering (tách lớp tự động).

Hộp thoại là Run AI auto-layering?, rồi nhấn Start layering.

Biên có tên hiện trên ảnh, nghĩa là các tấm đã tách lớp xong. Chi tiết bước này xem tách lớp tự động.

Bước 4: Xuất sang Unity

Giữ board đã tách lớp được chọn (ở đây là cat_journey_UI_layer). Mở Export, chọn Export to Unity.

Bước 5: Chọn dạng xuất sang Unity

Bước 6: Kiểm tra kết quả xuất

PSD sang Godot

2026-09-08T18:40:00+08:00

Tóm lại: 3 bước

Logic chính của PSD sang Godot: với file Photoshop đã tách lớp (PSD hoặc PSB), xử lý art hàng loạt rồi nhập vào Godot dùng như scene. VberAI Studio nhập bản thiết kế này, rồi xuất sang Godot. Xuất ra .tscn; đường mặc định ghi theo thư mục Assets của Godot.

Đã là file .fig: Figma sang Godot. Vẫn là một PNG phẳng, cần tách lớp trước: PNG sang PSD.

Bước 1: Mở PSD đã tách lớp

Nhóm cần có tên (khung, nút, thanh HUD). Những tên này sẽ theo sang VberAI Studio, và vào cây node Godot.

Bước 2: Nhập PSD/PSB trong VberAI Studio

Trong VberAI Studio chọn Import → PSD/PSB (nhập PSD/PSB).

Bước 3: Xuất sang Godot

Chọn màn này (ví dụ Main Screen). Mở Export, chọn Export to Godot.

Trong hộp thoại đặt định dạng Scene (.tscn). Default paths tìm thư mục Assets trong dự án, rồi ghi file theo bộ thư mục đó.

Video hướng dẫn

Nhập PSD/PSB, rồi xuất sang Godot:

PNG sang PSD

2026-09-08T18:36:00+08:00

Tóm lại: 3 bước

Logic chính của PNG sang PSD: với UI game chỉ có một PNG phẳng (HUD, ảnh chụp cả màn, board chưa từng tách lớp), cần xử lý art hàng loạt rồi mới sửa lại trong Photoshop. Chạy tách lớp tự động trước: phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa, rồi chọn Export to Photoshop PSD. Trong .psd xuất ra, các khối này là lớp hình và lớp chữ tách riêng. Cùng bộ bước cũng hợp nhiều tấm UI đều bắt đầu từ một PNG.

Bước 1: Tách lớp tự động

Mở PNG này trong VberAI Studio, chọn board (ví dụ cat_journey_UI). Trên thanh công cụ khi đã chọn, mở lớp chồng, chọn Auto-Layering (tách lớp tự động).

Hộp thoại là Run AI auto-layering?, rồi nhấn Start layering.

Biên có tên hiện trên ảnh, nghĩa là các tấm đã tách lớp xong. Chi tiết bước này xem tách lớp tự động.

Bước 2: Xuất thành Photoshop PSD

Giữ board đã tách lớp được chọn (ở đây là cat_journey_UI_layer, 1536×864). Mở Image Export, chọn Export to Photoshop PSD.

Bước 3: Mở PSD

File ghi thành {name}_layer.psd; bản này là cat_journey_UI_layer.psd. Trong Photoshop thấy lớp hình và lớp chữ đã đặt tên (ô kỹ năng, icon tiền, copy HUD), có thể dịch vị trí, ẩn hoặc đổi kiểu, không cần chụp màn lại.

Muốn nhập file này vào Godot: PSD sang Godot.

Cắt sprite sheet theo lưới

2026-09-08T17:31:00+08:00

Mở một sprite sheet. Đếm được hàng cột thì dùng lưới đơn giản; đã biết rộng cao ô, lệch và khoảng cách thì dùng lưới thủ công; pixel trong suốt tách các khối thì dùng tự động.

Chỉnh đường chồng đến khi ô khớp. Bỏ ô trống để loại ô hoàn toàn trong suốt. Trong phần xem trước, loại frame không cần, rồi xuất từng ảnh, ghép theo hàng hoặc theo cột. Phóng to dùng nearest-neighbor nên pixel art không bị mờ. File chỉ ở máy bạn, không tải lên máy chủ.

AI xóa nền

2026-08-28T18:30:00+08:00

Tóm lại: 3 bước

AI Background Removal dùng trên tấm UI / scene game đầy đủ: cần gỡ nền môi trường, đồng thời giữ HUD, nút, thanh chữ và các lớp giao diện. Giữ phần tử UI là trọng tâm của đường này—chỉnh theo khung giao diện game; kiểu xóa nền nghiêng ảnh chụp như Pixian.ai, Remove.bg thường cắt mép HUD hoặc lấy cả khối.

Mở menu xóa nền, chọn AI Background Removal, chạy một lượt, rồi đối chiếu môi trường scene đã hết chưa, UI còn đưa vào engine hoặc làm sprite tiếp được không. Quầng sáng, mép bán trong suốt cần cắt tinh mà không vẽ lại: xem AI matting siêu nét.

Bước 1: Bắt đầu từ một tấm scene UI game

Dùng bitmap môi trường art chồng HUD và control trên cùng một khung—thanh trạng thái, thẻ nhiệm vụ, thanh kỹ năng, joystick ảo vẫn còn.

Bước 2: Chọn AI Background Removal

Sau khi chọn ảnh, mở menu xóa nền, chọn AI Background Removal.

Bước 3: Kiểm tra phần tử giao diện còn không

Kết quả bỏ môi trường vẽ, nhân vật, biển đường, rương và HUD quanh đó vẫn còn. Trước khi xuất, liếc mép panel và icon.

Môi trường đã gỡ; HUD và UI tương tác vẫn trên tấm.

Câu hỏi thường gặp

2026-08-26T16:00:00+08:00

Dùng VberAI Studio có bắt buộc trả phí?

Không đăng ký vẫn dùng được, chỉ là credit tốn nhiều hơn. Một vài chức năng nếu dùng thường xuyên, sau này gần như sẽ tự nạp credit—hầu hết lần đi qua sinh AI đều trừ credit tương ứng.

Trong VberAI Studio, nhập file .fig từ Figma thế nào?

Ở trang dự án của VberAI Studio, nhấn Import Project (nhập dự án), chọn file .fig tương ứng là nhập được.

Người mới có bắt đầu làm game nhỏ được không?

Thử nghiệm này vẫn đang chạy. Có thể tìm lối đi ngắn nhất trong một quy trình trên site này, bắt đầu từ Bắt đầu.

Tách lớp tự động: ảnh thành nhiều lớp

2026-08-26T14:39:00+08:00

Tóm lại: 3 bước

Ảnh thành nhiều lớp (Image to Layers) trên trang này chính là Auto Layering (tách lớp tự động): tách một tấm ghép thành lớp sửa riêng được. Không vẽ khung: phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa. Cùng thanh công cụ với Layer Split; mục tiêu giống, đường kích thước theo khung nằm ở trang kia.

Vì sao cắt xong, tên, vị trí và tương tác vẫn phải theo vào engine: Từ ảnh đến nhiều lớp: tách ảnh nhân vật thành lớp để chuẩn bị tài nguyên game nhanh hơn.

Bước 1: Mở Auto-Layering

Chọn board (ví dụ cat_journey_UI). Mở menu lớp chồng, chọn Auto-Layering (tách lớp tự động).

Bước 2: Xác nhận bắt đầu tách lớp

Hộp thoại là Run AI auto-layering?, rồi nhấn Start layering. Nếu popup vẫn ghi Manual Layering, đó là Layer Split hiện nay.

Bước 3: Kiểm tra lớp đã có tên

Biên có tên hiện trên ảnh, nghĩa là các tấm đã tách lớp xong. Kết quả trải bên phải ảnh gốc. HUD và đồ scene phức tạp sẽ được khung tự động.

Video hướng dẫn

Cũng cần tách lớp, nhưng vẽ khung bằng tay: Layer Split. Lớp đã cắt xong, dùng PNG sang PSD ghi thành file Photoshop. Cùng lô lớp cũng nhập vào Unity được: Figma sang Unity, hoặc PSD sang Unity.

Thay da chủ đề game một lần nhấn: ngoài thị trường đã có công cụ thay da lễ hội hàng loạt cho art

2026-08-20T15:00:00+08:00

AI Reskin trên VberAI Studio dễ dùng đến mức nghiện. Cách dùng xem AI thay da.

Với phát triển độc lập và nhà thiết kế game, art đã đủ rồi mà còn làm một đợt sự kiện lễ hội thì không nhẹ. Với thiết kế art gần như một thảm họa.

Công việc cốt lõi là gắn hàng loạt hiệu ứng lễ hội lên art cũ: Halloween cần một bộ icon theo chủ đề; Valentine tràn yếu tố visual bày tỏ. Giai đoạn dự án không đổi được điều đó. Khi vận hành liên tục, art và dev luôn vào lịch trước những ngày đó, nội dung lễ hội chuẩn bị sẵn để lên, đến ngày mới mở.

Cốt hơn nữa là hàng loạt, và prompt phải thống nhất.

AI Reskin sinh ra vì việc này. Sinh theo tài liệu có cấu trúc: cấu hình art có cấu trúc giữ lại, chỉ thay phần visual.

Kết luận

Thay da UI game hàng loạt cần request và trả về API theo lô. Cấu hình tham số môi trường cũ rất quan trọng.

Cùng điểm này cũng nằm trong thảo luận r/aigamedev: Reskinning assets with AI. Studio game một khi triển khai thay da, thu được bộ lễ hội tiện: thời gian ngắn, sinh lượng lớn tài nguyên theo hướng chỉ định. Sau này có thể còn công thức chi phí—điều phối thế nào để hạ chi phí sinh. Đường ổn hơn lúc này vẫn là để người hiểu điều phối xếp việc chuyên. Điều phối chuyên hơn thì lượng cần sinh sẽ xuống, đó mới là vòng nâng cấp phía sản xuất.

AI thay da

2026-08-20T14:30:00+08:00

Tóm lại: 4 bước

AI Reskin (thay da) dùng trên board UI / HUD đã xong trong VberAI Studio: cần đổi một bộ không khí, không muốn sửa bố cục bằng tay. Chọn board, mở AI Reskin (thay da), viết chủ đề đích; lượt này vẽ lại bề ngoài từng lớp theo prompt. Quan hệ lớp và kích thước ảnh vẫn khớp một-một. Màu chữ thường còn đứng ở ảnh nguồn, sau đó cần thống nhất lại màu nhãn.

Bước 1: Mở AI Reskin trên board đã chọn

Trên canvas VberAI Studio, chọn màn cần đổi phong cách (ví dụ Main Screen). Trên thanh công cụ nổi phía trên board, chọn AI Reskin (thay da) ngoài cùng bên phải, có dấu AI.

Bước 2: Nhập prompt chủ đề

Hộp thoại AI Reskin vẽ lại phong cách visual theo mô tả. Trước khi xác nhận có thể thấy credit sẽ trừ.

Ví dụ prompt:

Halloween-themed page atmosphere

Bước 3: Kiểm tra kết quả

Đợi chạy xong, rồi xem board. Môi trường, viền panel và vật phẩm theo chủ đề; chữ trên màn thường vẫn màu nguồn, nhãn sau đó có thể phải thống nhất lại màu.

Bước 4: Quan hệ lớp và kích thước

Quan hệ lớp và kích thước ảnh vẫn khớp một-một.

Video hướng dẫn

Làm AI Reskin trên board đã chọn, từ prompt đến kết quả tách lớp khớp một-một:

Figma sang Cocos Creator

2026-08-20T13:40:00+08:00

Tóm lại: 3 bước

Logic chính của Figma sang Cocos Creator: với UI / HUD file .fig đã tách lớp, xử lý art hàng loạt rồi nhập vào Cocos Creator dùng như scene. VberAI Studio nhập file bằng Import Project (nhập dự án), rồi xuất sang Cocos Creator 3.x. Logic giao diện bổ sung bằng Cursor hoặc Codex. Trong Cocos Creator nhấn Build, bản xem trước mở trên trang web local.

Bước 1: Lưu một bản `.fig` local

Trong Figma, mở menu: File (Tệp) → Save Local Copy (lưu bản local).

Bước 2: Import Project trong VberAI Studio

Ở trang dự án của VberAI Studio, chọn Import Project (nhập dự án), chọn file .fig vừa xuất từ Figma.

Bước 3: Xuất và xem trước

Chọn màn này (ví dụ Main Screen). Mở Export, chọn Export to cocosCreator3.x.

Logic giao diện nối bằng Cursor hoặc Codex. Trong Cocos Creator Build dự án, bản xem trước mở trên trang web local.

Video hướng dẫn

Một lượt đầy đủ từ Figma qua VberAI Studio vào Cocos Creator:

Figma cộng Cursor rồi, bản thiết kế vào Godot thế nào

2026-08-19T14:17:00+08:00

Tóm lại

Figma phụ trách thiết kế art, Cursor phụ trách viết code. Ở giữa vẫn thiếu một bước: lớp còn, tên khớp, file đã lưu vào thư mục dự án Godot, để AI IDE đọc trực tiếp được.

Figma không có xuất có cấu trúc cho game engine. VberAI Studio có thể làm khâu giữa.

Đang thiếu gì

Chỉ xuất một PNG thì lớp và tên đều mất. Cái thực sự cần: lớp còn, tên khớp được, file đã nằm trong thư mục engine đang dùng.

MCP đồng bộ được scene và script hiện tại cho công cụ AI, nhưng không lưu hàng loạt art theo cấu trúc engine. Bước này vẫn cần thực hiện trong quy trình của công cụ thiết kế.

Tháng 5 năm 2025, trên Latenode đã có người hỏi cùng một việc: Exporting Figma designs to Godot: Current status?. Cách phổ biến lúc đó là cắt ảnh rồi xuất, sau đó dựng lại giao diện trong Godot. Tháng 5 năm 2026 Figma ra Agent trong canvas (Fast Company), chỉnh lớp thuận hơn, nhưng vẫn chưa giải quyết file xuất có cấu trúc vào thư mục dự án Godot. Hai bộ có thể dùng cùng: MCP phụ trách phát triển và ngữ cảnh scene; công cụ thiết kế tiếp tục sửa bản, khi cần thì xuất theo thư mục engine.

Đường .fig viết ở Figma sang Godot. Nhập PSD/PSB là bài khác: PSD sang Godot. VberAI Studio nhập PSD thì lớp vector còn chưa đủ. Cùng một bản dùng Import Project nhập .fig suôn hơn, vector cũng theo vào phần xuất tương đối đủ. Quy trình xem video này:

Import Project: nhập .fig vào VberAI Studio, rồi xuất sang Godot

Lối Import Project trên trang dự án VberAI Studio không nổi, dễ bỏ sót.

Kết luận

Cần bản nguồn khớp, một lần lưu vào thư mục phát triển, VberAI Studio dùng được. Ghép MCP tương ứng (ví dụ Godot MCP), bớt được một vòng sắp file bằng tay.
Dù sau này Figma tự làm xuất engine, làm game vẫn hay cần sinh và thay hàng loạt; chỉ xuất PNG không phủ hết.

Figma sang Godot

2026-08-18T17:20:00+08:00

Tóm lại: 3 bước

Logic chính của Figma sang Godot: với UI / HUD file .fig đã tách lớp, xử lý art hàng loạt rồi nhập vào Godot dùng như scene. VberAI Studio nhập file bằng Import Project (nhập dự án), rồi xuất sang Godot. Xuất ra .tscn; đường mặc định ghi theo thư mục Assets của Godot.

Đã là file Photoshop tách lớp: PSD sang Godot.

Bước 1: Lưu một bản `.fig` local

Trong Figma, mở menu: File (Tệp) → Save Local Copy (lưu bản local). Nhóm đã đặt tên (khung, nút, thanh HUD) sẽ theo sang VberAI Studio, và vào cây node Godot.

Bước 2: Import Project trong VberAI Studio

Ở trang dự án của VberAI Studio, chọn Import Project (nhập dự án), chọn file .fig vừa xuất từ Figma.

Bước 3: Xuất sang Godot

Chọn màn này (ví dụ Main Screen). Mở Export, chọn Export to Godot.

Trong hộp thoại đặt định dạng Scene (.tscn). Default paths tìm thư mục Assets trong dự án, rồi ghi file theo bộ thư mục đó.

Video hướng dẫn

Figma Import Project, rồi xuất sang Godot:

Tăng độ nét

2026-08-11T21:22:00+08:00

Tóm lại: 3 bước

HD Upscale dùng trên bitmap cần kích thước pixel lớn hơn, và chấp nhận một ít sinh-vẽ lại. Chỉnh được phạm vi vẽ lại, định dạng xuất và hệ số phóng; chạy xong ra lớp mới nằm bên phải ảnh nguồn. UI game dày, chữ nướng trong ảnh, lưới icon nhỏ hiện vẫn chưa ổn—kéo phạm vi vẽ lại lên cao thì đổi hình, khó kéo chữ trở lại sắc.

Ảnh nguồn demo bài này: scene cửa hàng / túi đồ, HUD, ô vật phẩm và môi trường chồng trên một tấm.

Bước 1: Mở HD Upscale trên ảnh đã chọn

Chọn ảnh trên canvas. Trên thanh công cụ khi đã chọn, chọn HD Upscale (nhóm AI).

Bước 2: Đặt phạm vi vẽ lại, định dạng và hệ số

Hộp thoại hiện kích thước gốc và kích thước phóng dự kiến. Chỉnh được:

Redraw range — mức cho phép vẽ lại chi tiết (thấp thì cấu trúc sát nguồn hơn; cao thì viết lại nhiều hơn)
Output format — PNG, JPG hoặc WEBP
Magnification — hệ số phóng (ví dụ ×2)

Trước khi xác nhận có thể thấy credit sẽ trừ. Tấm phóng to xuất hiện thành lớp mới bên phải ảnh gốc.

Bước 3: Kiểm tra lớp đã phóng

Chạy xong, so lớp mới với ảnh nguồn. Trên tấm UI cửa hàng này, vẽ lại thấp sẽ phóng to khung, nhưng mép icon nhỏ và chữ giao diện vẫn mềm.

Kéo Redraw range lên cao (ví dụ 0.6), lượt này dồn thêm sức vào vẽ lại. Bố cục và vật phẩm có thể lệch; chữ và ký hiệu HUD mảnh thường vẫn mờ, hoặc thành nhiễu, đọc không ra.

Khi cần kích thước xuất lớn hơn, ít đòi UI khớp pixel, dùng HD Upscale. Tấm icon túi đồ, chữ trạng thái hoặc cạnh pixel phải cứng, để vẽ lại thấp—hoặc bỏ qua bước này, chỉ phóng những lớp chịu được chi tiết do máy sinh.

Tách sprite tự động

2026-07-17T18:30:00+08:00

Kéo thả sprite sheet, hoặc chọn ảnh / ZIP trên máy. Công cụ tách từng mảnh trong trình duyệt theo kênh alpha hoặc màu nền, xuất PNG, cũng có thể nén ZIP để tải. File chỉ ở máy bạn.

Ảnh không trong suốt có thể chỉ màu nền trong cài đặt; kích thước tối thiểu dùng để bỏ mảnh quá nhỏ. Cắt theo hình sẽ giữ mép trong suốt; cắt theo bounding box thì thành hình chữ nhật.

Tách tự động

2026-07-17T15:13:00+08:00

Tóm lại: 2 bước

Auto Split dùng khi các khối trên sprite sheet đã có khe rõ: cần tách thành bitmap riêng ngay trên máy, cho nhanh. Không tốn credit, chạy local; sau khi cắt, từng mảnh xuất riêng được, hoặc kéo sang bước sau để xử lý tiếp.

Tên giữ theo sprite sheet nguồn, rồi thêm hậu tố số thứ tự. Cắt theo vùng hình học, không phải nhãn do model đặt, nên tên vẫn do máy sinh, khó đọc—xuất xong nếu cần nhận ra thì đổi tên.

Bước 1: Mở Split — Auto Split

Chọn sprite sheet trên canvas. Trên thanh công cụ khi đã chọn, mở Split, rồi chọn Auto Split.

Bước 2: Kiểm tra các mảnh đã cắt

Auto Split phát hiện vùng tách rời và cắt thành từng ảnh. Mỗi mảnh giữ tên gốc của sprite sheet, thêm hậu tố số (ví dụ … Part 26), xuất trực tiếp được, hoặc kéo sang bước sau.

Khi cần tốc độ và tiết credit, ít cần tên file có nghĩa, dùng Auto Split. Nếu cần tên dễ nhận hoặc biên khít hơn, đổi tên trước khi nhập engine, hoặc cắt bằng tay.

Chỉ cắt trong trình duyệt, file không rời máy, dùng Sprite Auto Split Extractor local.

Bản địa hóa trang cửa hàng Steam: hầu hết nhà cung cấp hạ nguồn đều đang dùng công cụ AI

2026-07-16T16:45:00+08:00

Tóm lại

Một ảnh quảng cáo cửa hàng phong cách Frostpunk 2 tiếng Anh, dùng Image Translate sang tiếng Trung giản thể, cả tấm vẫn còn. Chữ đổi sang ngôn ngữ đích, dùng trực tiếp làm ảnh cửa hàng bản địa hóa được. Khác với đưa ảnh thẳng cho sinh ảnh ChatGPT phổ thông, hoặc sinh ảnh Nano Banana, ở đây chủ yếu sinh lại vùng chữ, hợp bản địa hóa UI game.

Nhà cung cấp bản địa hóa trang cửa hàng cho studio game đã chạy AI trong dây chuyền. Với đội độc lập, nếu thiếu nhà cung cấp sinh ảnh AI chuyên, VberAI Studio có thể là một lựa chọn cạnh tranh. Chức năng kiểu này không chỉ hợp UI game, cũng hợp đội vận hành xử lý bản địa hóa ảnh phân phối khác, ví dụ ảnh quảng cáo.

Reddit r/SoloDevelopment có một thảo luận: Localization of Steam page: almost all agencies are using AI tools. Nhà cung cấp bản địa hóa trang cửa hàng cho studio game đã chạy AI trong dây chuyền; đội độc lập gặp chữ UI vẽ trong ảnh chụp vẫn phải chụp lại theo ngôn ngữ, hoặc vào Photoshop / Figma. Lên App Store, Google Play cũng cùng một khoản thời gian.

Image Translate có tiết được thời gian làm bản đa ngôn ngữ cho ảnh quảng cáo, ảnh chụp cửa hàng không? Các bài kiểm tra tiếp theo chính là bằng chứng tốt nhất.

Ảnh quảng cáo cửa hàng

Ảnh xem trước trên trang cửa hàng Steam Frostpunk 2 có thể làm ca thử bản địa hóa lần này.

Dùng đúng tấm tiếng Anh ở trên, chọn tiếng Trung giản thể trong VberAI Studio rồi sinh.

Copy đổi sang tiếng Trung giản thể. Nhân vật, viền vàng, hàng giá và ô nội dung bên phải vẫn ở vị trí cũ. Cần ảnh cửa hàng bố cục cả tấm còn đủ, file này dùng được.

Khác với đưa ảnh thẳng cho sinh ảnh ChatGPT phổ thông, hoặc sinh ảnh Nano Banana, dịch ảnh ở đây chuẩn hơn: chủ yếu sinh lại vùng chữ, phần còn lại gần như đứng yên. Nhìn ra đã qua một bộ Harness khác, hợp bản địa hóa UI game.

Quy trình xem Image Translate: chọn ảnh → Image Translate → chọn ngôn ngữ → xuất file cùng kích thước.

Kết luận

Image Translate trên VberAI xử lý được chữ đã vẽ trong cả tấm ảnh quảng cáo cửa hàng. Scene giữ lại, chữ đổi ngôn ngữ đích. Khác sinh ảnh phổ thông vẽ lại cả tấm, ở đây chủ yếu đụng vùng chữ, hợp bản địa hóa UI game, cũng hợp ảnh phân phối phía vận hành, ví dụ ảnh quảng cáo.

AI matting siêu nét

2026-07-16T15:10:00+08:00

Tóm lại: 3 bước

Super AI Matting dùng trên sprite hoặc ảnh chụp UI: cần nền trong suốt sạch, không chạy sinh ảnh. Chất lượng mép với quầng sáng, cạnh mềm, pixel bán trong suốt ổn hơn—làm art game thường hợp hơn dịch vụ xóa nền phổ thông. Đường này chỉ cắt: bỏ nền, hình tiền cảnh giữ nguyên.

Lối vào thanh công cụ là Remove background — Super AI Matting. Chọn ảnh, chạy Super AI Matting, xuất kết quả trong suốt, nhập engine hoặc làm sprite tiếp đều được.

Bước 1: Bắt đầu từ sprite hoặc ảnh scene còn nền

Dùng bitmap còn nền gốc—nhân vật, HUD, icon phát sáng và môi trường chồng trên cùng một khung.

Bước 2: Chọn Remove background — Super AI Matting

Sau khi chọn ảnh, mở menu Remove background, chọn Super AI Matting.

Bước 3: Kiểm tra kết quả cắt

Đầu ra bỏ nền scene, mép art tiền cảnh và UI còn. Quầng sáng và vùng bán trong suốt thường sạch hơn cắt tự động nghiêng ảnh chụp.

Nền bàn cờ: nền đã bỏ, chỗ trong suốt nhìn thấy ô caro.

Đường này không vẽ lại pixel, chỉ cắt nội dung đã có trên ảnh nguồn. Sprite game có quầng, vệt pháp thuật hoặc icon cạnh mềm, cần vào engine thẳng, ít vòng lông mép, khác biệt này sẽ rõ.

Trích xuất nền

2026-07-16T14:40:00+08:00

Tóm lại: 3 bước

Extract Background dùng trên sprite scene đầy đủ: cần một tấm môi trường không nhân vật, không HUD, không gợi ý tương tác. Mở menu Extract, chọn model và kích thước, rồi sinh. Đầu ra là ứng viên nền dùng lại được; mép kiến trúc không nên kỳ vọng khớp pixel với ảnh gốc.

Extract Background để model vá scene lại trong điều kiện đã bỏ nhân vật tiền cảnh và UI, ra một tấm nghiêng về nền, art hay level sau này dùng được.

Bước 1: Bắt đầu từ một sprite scene đầy đủ

Dùng scene chồng môi trường, nhân vật, UI. Tấm dưới là ống kính làng, NPC, HUD và chữ trên màn vẫn còn.

Bước 2: Mở Extract Background và đặt model

Sau khi chọn ảnh, mở menu Extract, chọn Extract Background.

Trong hộp thoại AI Extract Background, chọn model (ví dụ GPT Image 2), đặt kích thước và chất lượng đầu ra, rồi bắt đầu trích.

Bước 3: Kiểm tra nền sạch

Kết quả bỏ nhân vật và UI, để lại tấm môi trường—nhà, đất, cây, trời—dùng lại làm nền được.

Nền trích ra thường không khớp pixel với ảnh nguồn. Ở ví dụ này, dáng nhà và một phần phong cách sẽ lệch so với khung gốc. Trước khi khóa bản, liếc một vòng (cần thì chỉnh nhẹ).

Dịch chữ trên ảnh bằng AI

2026-07-16T14:20:00+08:00

Tóm lại: 3 bước

Image Translate dùng trên lô sprite hoặc bitmap UI đã nướng chữ vào hình. Khi chữ cứ để trong ảnh cũng được, đây là đường bản địa hóa khá nhanh: chọn ngôn ngữ đích, chạy sinh, ra tấm cùng kích thước—scene nhìn chung còn, nhãn đổi ngôn ngữ. Đi theo sinh ảnh, không xuất riêng lớp chữ, bố cục và phong cách vẫn nằm trong pixel.

Image Translate dùng model sinh, viết lại chữ trong bitmap, rồi xuất một tài nguyên cùng kích thước. Lượt đầu không cần vẽ tay từng nhãn.

Bước 1: Bắt đầu từ một ảnh UI ngôn ngữ nguồn

Dùng giao diện game hoặc sprite scene đã có ngôn ngữ nguồn. Tấm dưới là giao diện tiếng Anh (tên địa điểm, gợi ý NPC, biển hiệu, túi đồ / cài đặt).

Bước 2: Mở Image Translate và đặt ngôn ngữ đích

Sau khi chọn ảnh, trên thanh công cụ mở Image Translate.

Trong hộp thoại AI Image Translate, chọn ngôn ngữ đích (ví dụ tiếng Nhật), xác nhận lớp, rồi chạy Translate.

Bước 3: Kiểm tra ảnh dịch cùng kích thước

Kết quả cùng kích thước ảnh nguồn. Chữ trên màn đổi sang ngôn ngữ đích (tên địa điểm, gợi ý NPC, biển cửa hàng / lối ra, túi đồ / cài đặt).

Nhãn tiếng Anh đổi sang tiếng Nhật; art scene vẫn trên tấm.

Khi chưa có công cụ hỗ trợ AI, xử lý sprite pixel ra sao? Phức tạp hơn tưởng tượng.

2026-07-15T18:00:00+08:00

Tóm lại

Đã có công cụ AI đủ tốt để xử lý frame animation nhân vật pixel và ảnh sprite. Để thấy cả chuỗi gọi nối thế nào, đã đi một vòng bằng chuỗi công cụ quen trước đó: sinh ảnh theo tham chiếu, cắt nền, căn chỉnh xuất, xem trước GIF, rồi đến sprite sheet cuối. Dưới đây ghi theo bước, và đánh dấu khúc mắc.

Thảo luận liên quan và sản phẩm hiện có

Trên Reddit tìm với từ khóa kiểu “pixel art character sprite sheet generator” sẽ thấy các bài như:

I built a tool for pixel style sprite sheet…

Cùng hướng còn một sản phẩm: SpriteCook.

Loại công cụ này lấp một lỗ điều phối tần suất cao trong quy trình sinh AI: gói «nhân vật + động tác → chuỗi frame / sprite sheet dùng được». Lâu dài, nhu cầu có thể bị dịch vụ chuyên hơn, đầu-cuối thu hẹp tiếp.

Để nắm chính chuỗi, dưới đây tách cùng một quy trình bằng công cụ phổ thông.

Công cụ dùng khi đi thử

Công cụ	Việc làm
Grok Image	Sinh ảnh nhanh, trong thời gian ngắn ra được vài hướng dự phòng
GPT Image 2	Chậm hơn, chất lượng ổn hơn; từ khóa hoặc tham chiếu đúng thì đầu ra tin hơn
Pixian.ai	Xóa nền; bản nâng cao cắt nền cỡ lớn đủ hơn
Figma	Cắt, căn, đặt tên và ghi hình cả chuỗi

Thứ tự đi thử

Trong cả chuỗi, lần gọi công cụ khoảng: Grok Image ×2, GPT Image 2 ×2, Figma ×2+, Pixian.ai ×2, Ezgif ×1 (cộng khoảng chín lần chuyển). Ảnh tiêu đề đi từ hai icon tĩnh ý tưởng đến GIF xem trước được trên Ezgif. Từ ý tưởng xuống animation xem trước được, thời gian rõ ràng dài, giữa đường còn hoàn và nhánh bỏ.

Bước 1: Grok Image, tham chiếu + prompt sinh ảnh pixel gốc

Dùng ảnh tham chiếu và prompt sinh ảnh gốc phong cách pixel:

Two icons share the same style—one for “Documents” and the other for “Experiments”—and both employ a gamified aesthetic. The “Documents” icon depicts a scroll shimmering with magical trails of light, while the “Experiments” icon features a weapon-forging tool, symbolizing a resource honed through the fires of experience.

Bước 2: Figma, cắt thành ảnh nhỏ độc lập

Trong Figma cắt icon đích thành một tấm nhỏ riêng, để sau sinh chuỗi frame.

Bước 3: GPT Image 2, sinh chuỗi frame

Dùng GPT Image 2 sinh chuỗi frame. Ràng buộc prompt sai (đòi frame đầu cuối giống nhau), thực tế chỉ được khoảng 5 frame dùng được; nền đen là đầu ra model.

Bước 4: Pixian, xóa nền

Xóa nền trên chuỗi frame.

Bước 5: Figma, căn từng frame, đặt tên và xuất

Căn trên-dưới và biên độ động tác từng frame cho khớp, đặt tên theo thứ tự rồi xuất. Đây là đoạn chi phí tay cao nhất trong cả chuỗi.

Bước 6: Thử sinh thẳng trong hội thoại ChatGPT

Sinh animation thử trong hội thoại, hiệu quả không đạt, bỏ đường này.

Nền đen, chưa xử lý trong suốt; scene game không dùng trực tiếp được.

Bước 7: Ezgif, ghép từng frame thành GIF trong suốt

Dùng Ezgif ghép GIF từng frame, nền trong suốt, để site hoặc máy xem trước động tác.

Bước 8: Dạng đích phía engine, sprite sheet chuỗi frame

Engine như Godot thực tế hay dùng một sprite sheet chuỗi frame đã xếp (PNG / WebP trong suốt).

Khúc mắc

Khúc mắc 1: Chi phí căn bằng tay ở bước 5 cao, kết quả không ổn

Điểm yếu lớn nhất của chuỗi nằm ở bước 5: phải căn vật bằng tay, giữ biên độ động tác khỏi nhảy. Tính nhất quán giữa frame do AI sinh không đoán trước được, bước này mang nhiều bất định và làm lại.

Khúc mắc 2: Phụ thuộc mạnh vào cắt nền sạch và xem trước lặp được

Quy trình không thiếu hai điều kiện trước:

Xóa nền đủ sạch, tin được
Xem trước GIF / animation nhanh, rồi sinh lại hoặc chỉnh nhẹ theo đó

Thiếu một thì căn phía sau và nối engine sẽ kẹt lặp.

Đối chiếu: dạng sản phẩm phổ biến

Đường chuỗi frame sprite nhân vật ổn hơn lúc này, phần nhiều kết hợp chỉnh xương / bind: sinh sau khi đã có ràng buộc động tác, bảo đảm giữa frame thường cao hơn «thuần prompt ra nhiều frame rồi chỉnh tay».

Công cụ một lần nhấn (xem dịch vụ cuối bài) thu điều phối, cắt nền, căn và xem trước vào sản phẩm. Chuỗi công cụ phổ thông thì phơi rõ khúc mắc từng bước.

Dịch vụ liên quan

Trích xuất phần tử UI

2026-07-15T17:15:00+08:00

Tóm lại: 3 bước

Extract UI Elements dùng trên một ảnh chụp scene game cụ thể: gọi model thị giác, rút UI ra rồi ghép vào một bitmap sprite. Số vùng và biên cần khít từng pixel thì không hợp—kết quả là xấp xỉ, phụ thuộc model đã chọn.

Extract UI Elements gọi model trích UI ngay trên ảnh hiện tại. Không cần viết prompt; thao tác trên giao diện xong là chạy được.

Trước khi trích, chuẩn bị ảnh scene hoặc sprite. Tấm dưới là ảnh nguồn demo bài này.

Chọn ảnh đích xong, mở menu trích xuất, chọn trích phần tử UI.

Chỉ để tham chiếu lối vào thao tác. Ảnh chụp là giao diện sản phẩm mới nhất tính đến 3 tháng 9 năm 2026.

Bước 2: Đặt model và tham số

Trong hộp thoại chọn model và kích thước xuất. Có GPT Image 2, Nano Banana / Nano Banana 2, Nano Banana Pro. Kích thước càng lớn, vật rút ra thường nhiều hơn, kiểu cũng đa dạng hơn.

Chỉ để tham chiếu lối vào thao tác. Ảnh chụp là giao diện sản phẩm mới nhất tính đến 3 tháng 9 năm 2026.

Bước 3: Xem kết quả trích

Sinh xong, kiểm tra tấm ghép. Đầu ra hiện tại là một lớp bitmap đục; trước khi nối bước sau, thường phải dọn một lần.

GPT Image 2, kích thước xuất 1K.

Tình huống hợp hơn: từ bitmap đến sprite sheet

Một bitmap UI dày hơn demo bước 1–3 ở trên hợp Extract UI Elements hơn. Model rút control và panel từ một ảnh nguồn, ghép lên một ảnh sprite; độ phong phú và độ khít biên đều cao hơn kết quả demo ở bước 3.

Ảnh nguồn: một bitmap UI rất dày.

Sprite sheet xuất, GPT Image 2, kích thước xuất 1K.

Sinh sprite sheet bằng AI, rồi xử lý thành art nhập được vào game engine

2026-07-15T10:00:00+08:00

Tóm lại

Đưa sprite sheet do AI sinh thành pixel art vào game được, thường kẹt ở hai loại: phân loại scene và vai trò ngữ nghĩa (khúc mắc 1), và sắp ảnh rời thành tài nguyên có cấu trúc vào được engine (khúc mắc 2). Hai loại này, VberAI tách, trích và dọn sẽ đỡ hơn. Phần sau mở các khúc mắc còn lại, cùng Rules kiểu Cursor, đặt tên và metadata.

Thảo luận trên Reddit

Reddit r/aigamedev có một thảo luận liên quan:

Using AI to generate sprite sheets and clean them up for game-ready pixel art

Thảo luận quanh cùng một quy trình: dùng AI sinh sprite sheet, rồi dọn thành pixel art vào game được. Khúc mắc hay gặp trong comment: kết quả sinh khó vào engine trực tiếp, frame animation chưa ổn, dọn xong vẫn phải xử lý nhiều bằng tay.

Khi sắp các quy trình trích như Layer Split, các khúc mắc này có thể tách thành điểm cản nhỏ hơn.

Phân tích khúc mắc

Khúc mắc 1: Sprite cần phân loại, cũng mang ngữ nghĩa scene

Sprite vào game thường phải xếp vào các mục đích khác nhau, ví dụ:

Kiến trúc scene / đồ trang trí: vị trí tương đối cố định, ít tương tác, thường không cần collision
Đối tượng tương tác / va chạm được: thường kèm collision, che khuất, thứ tự lớp, đôi khi còn đổi trạng thái

Vì vậy, trước khi «trông giống một sprite», tài nguyên đã ngầm mang phân loại và kỳ vọng hành vi. Model ảnh giỏi sinh hình hơn, ít trả lời có hệ thống «tấm này đóng vai gì trong scene». VberAI hiện cũng chưa biến phân loại và ngữ nghĩa scene thành năng lực hệ thống: tách, trích, sắp xếp làm được; phán «trang trí hay collider» vẫn chủ yếu rơi vào sau khi xuất, xử lý hàng loạt trong IDE.

Khúc mắc 2: Art nên quản bằng dữ liệu có cấu trúc, nhưng vẫn hay bị coi là ảnh rời

Art game cuối cùng phải vào thư mục engine và quan hệ tham chiếu. Dạng ổn hơn gần mô tả tài nguyên có cấu trúc: loại, mục đích, quan hệ, trường tìm được đủ. Đống bitmap vô danh khó đỡ tự động hóa phía sau.

Giai đoạn sinh AI thường ra một tấm hoặc một nhóm ảnh, thông tin cấu trúc bổ sung sau. Layer Split / vẽ khung của VberAI nâng độ khít biên (xem Layer Split), nhưng cách có cấu trúc vẫn nghiêng làm tay: lặp «chọn vùng, tách lớp, xác nhận» trên từng ảnh, chi phí tăng theo lượng. Vấn đề cốt lõi là bước xử lý có lắng thành cấu trúc dùng lại được không. Làm xong một lần chưa đủ.

Khúc mắc 3: Ngữ cảnh thường thức đưa vào model thế nào—trong cùng một ảnh giao diện, quy tắc không thống nhất

Trong cùng một ảnh giao diện, ràng buộc sinh của từng phần tử khác nhau:

Tấm đứng / avatar nhân vật: thường chỉ cần một kết quả, không cần idle, run, attack nhiều frame; sinh không ràng buộc lại hay thừa bảng trạng thái (xem ảnh tiêu đề)
Animation nhiều frame: cần ràng buộc nhất quán mạnh hơn (tỷ lệ, hướng, nhịp, keyframe), chi phí sinh lại và lọc cao hơn
Phần tử trên giao diện chỉ lộ một cục: sinh ảnh trực tiếp đôi khi vá được chỗ bị cắt; nếu chỉ tách bằng tay rồi trích, sẽ bị thiếu thông tin cục bộ trên ảnh gốc

Trái: trích bằng đánh tay trên VberAI, khung quá chặt, bên phải tòa bị cắt. Phải: sprite sheet GPT Image 2, tòa đủ, đống đất và cỏ dưới chân vẫn dính.

Ở đây thiếu cách dùng giống Cursor Rules: viết «chỉ cần một frame», «cần vòng chạy», «cho phép vá vùng che» thành ràng buộc ngữ cảnh dùng lại, đổi được, rồi giao model thực hiện. Ràng buộc thường thức nếu không vào ổn, kết quả dễ dừng giữa «nhìn chấp nhận được» và «trong engine dùng trực tiếp được».

Cùng thảo luận Reddit:

I tried doing this with nano banana. I was trying to animate a cartoony dinosaur running. It would create the sprite sheet, but I couldn’t get enough good frames to make a convincing run animation.

I ultimately just cut out the limbs and tried animating them as a 2d skeleton in Unity. Just like anything, I think it takes practice and creativity to make these things work.

Phản hồi này cùng một loại hạn: model ra được sprite sheet, chưa chắc sinh ổn đủ frame animation dùng được; quy trình cuối cùng lui về tách mảnh / xương 2D dễ kiểm soát hơn. Khoảng cách không chỉ ở chất lượng vẽ của model, cũng ở ngữ cảnh nhiệm vụ và tiêu chí nghiệm thu có vào chuỗi công cụ hay không.

Khúc mắc 4: Đặt tên tự động và metadata—đỡ MCP / IDE gọi

Art cuối cùng phải đóng gói vào engine. Muốn phối hợp MCP với IDE như Cursor, khả năng gọi được phụ thuộc nhiều hơn vào metadata sau tấm ảnh. Một bitmap đơn không đỡ được điều phối.

Điều phối hiệu quả thường dựa hai lớp:

Đặt tên có nghĩa: dùng tên lập ngữ cảnh ban đầu (đối tượng là gì, thuộc loại nào, dùng bước nào)
Metadata gắn sẵn đầy hơn: tìm, lọc, xử lý hàng loạt và gọi theo quy tắc (harness) theo loại tài nguyên

Ở điểm này VberAI đã có tiến triển rõ: đầu ra sau xử lý tự mang tên có nghĩa, tìm và quản lý tài nguyên trực tiếp hơn. Tên và metadata đẩy kết quả sinh gần hơn tới «tài sản có cấu trúc IDE / MCP tham chiếu được».

Kết luận

Tài nguyên art game vốn mang cấu trúc, nên hợp đưa vào quy trình phát triển kiểu sinh AI. Việc thực sự phải xử lý là harness có cấu trúc: ngữ nghĩa phân loại, metadata tìm được, quy tắc ngữ cảnh cấu hình được, và hệ đặt tên để engine với IDE tiếp sức.

VberAI Studio đã phủ một số khâu tách, trích và đặt tên tự động. Khúc mắc 1–3 vẫn dựa phán đoán bằng tay hơn, hoặc thiếu cấu hình có hệ thống; sau này nếu các ràng buộc đó thành cấu trúc dùng lại được, Agent gọi được, độ đủ của quy trình sẽ cao hơn hẳn so với tiếp tục khoét sâu thao tác tay từng lần.

Cắt theo lớp

2026-07-09T10:00:00+08:00

Tóm lại: 3 bước

Layer Split dùng trên bitmap đã chọn: kích thước cắt phải theo khung vẽ tay. Vẽ khung xong sẽ tách lớp tự động và AI cắt; tên file xuất còn khớp nội dung từng mảnh. Cùng thanh công cụ còn Auto-Layering (tách lớp tự động), không vẽ khung, phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa. Đường cắt tự động hết: xem Tách lớp tự động: ảnh thành nhiều lớp.

Khi vật bị che hoặc dính nhau, vẽ một khung vẫn tách được một món—ví dụ chỉ lấy nhà, không lấy cỏ và đất xung quanh.

Bước 1: Mở Layer Split từ thanh công cụ

Chọn ảnh trên canvas. Trên thanh công cụ khi đã chọn, mở lối lớp chồng (bên phải Extract). Bên trong là hai mục ngang cấp:

Layer Split (cắt theo lớp)—vẽ vùng bằng tay, rồi tách lớp tự động, AI cắt. Kích thước sinh theo khung đã vẽ.
Auto-Layering (tách lớp tự động)—không vẽ khung bằng tay, phát hiện mép rồi cắt ảnh, xuất file đặt tên có nghĩa.

Manual Layering trong Extract đã không còn. Layer Split là tên hiện dùng của quy trình đó: vẽ khung trước, rồi tách lớp và cắt.

Bước 2: Tách lớp hình và lớp chữ

Mở Layer Split xong, khung cả vùng chứa hình đích, rồi đánh lớp nào là hình, lớp nào là chữ. Khung quyết định kích thước sinh. Đánh riêng hình / chữ thì bước sau còn chỗ can thiệp.

Bước 3: Sinh kết quả xử lý

Khung và loại lớp đã xác nhận thì chạy sinh. Đầu ra theo các biên và nhãn này.

Scene phức tạp vẫn có thể chạm trần xử lý thêm. Chạy xong, ảnh xuất mang tên khớp từng mảnh, sau này tìm dễ hơn.

Video hướng dẫn

Làm Layer Split trên board đã chọn, từ thanh công cụ đến cắt theo khung:

Cũng cần tách lớp, nhưng không vẽ khung: Tách lớp tự động: ảnh thành nhiều lớp.

Bắt đầu

2026-06-26T10:00:00+08:00

Học làm game theo hướng AI first: trước hết nắm các chỗ hay kẹt khi sản xuất, rồi dùng khả năng sinh để tách khúc mắc, cuối cùng biến sản phẩm thành tài nguyên engine nhập trực tiếp được.

Trong quá trình sẽ đối chiếu các công cụ, nói rõ mỗi thứ làm được gì và kẹt ở đâu. VberAI Studio là hạt nhân trên đường này; thao tác gần với «dùng AI làm game trực tiếp».

Giao phần sản xuất nội dung tốn thời gian cho AI.

Bắt đầu

2026-06-26T10:00:00+08:00

Phần Thử nghiệm đặt các ghi chép trải nghiệm chi tiết hơn. Tài liệu thường nhắm một vấn đề cụ thể; ở đây hay viết cách đi trên một đường, và trải nghiệm trực tiếp nhất trên đường đó.

vibegame

Cocos Creator 2.x MCP

Tóm lại: 3 bước

Bước 1: Mở CocosCreator2.x MCP Server

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Bước 3: Gắn công cụ lập trình AI

Cocos Creator 3.x MCP

Tóm lại: 3 bước

Bước 1: Mở Cocos Creator MCP Server

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Bước 3: Gắn công cụ lập trình AI

Godot MCP

Tóm lại: 3 bước

Bước 1: Mở Godot MCP Server

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Bước 3: Gắn công cụ lập trình AI

Unity MCP

Tóm lại: 3 bước

Bước 1: Mở Unity MCP Server

Bước 2: Xác nhận Running, dùng cấu hình một lần nhấn

Bước 3: Gắn công cụ lập trình AI

MCP nối công cụ lập trình AI với game engine

Tóm lại: 3 bước

Bước 1: Chỗ thực sự chậm là ảnh cắt để đâu, không phải tấm ảnh

Bước 2: MCP chạy một dịch vụ trên máy

Bước 3: Gắn công cụ lập trình bằng cấu hình một lần nhấn, rồi mở trang engine tương ứng

Từ ảnh đến nhiều lớp: tách ảnh nhân vật thành lớp để chuẩn bị tài nguyên game nhanh hơn

Tóm lại

Tách lớp đã không còn khó

Nhập vào engine, ngữ cảnh lớp gốc phải giữ và đồng bộ

Giá trị công cụ theo hướng dọc nằm ở cơ chế chia sẻ ngữ cảnh dùng chung, bền

Kết luận

Figma sang Unity: sau AI First, không cần coi xử lý UI bằng tay là khoản thời gian lớn nhất

Tóm lại

Chi tiết bài gốc vẫn bám, một nửa đã không còn hiệu lực

Đối chiếu: sau AI First, điều nào còn đứng, điều nào không còn là trung tâm

Bộ này thực sự đổi đoạn nào

Kết luận

Figma sang Unity

Tóm lại: 6 bước

Bước 1: Lưu một bản .fig local

Bước 2: Import Project trong VberAI Studio

Bước 3: Tách lớp tự động

Bước 4: Xuất sang Unity

Bước 5: Chọn dạng xuất sang Unity

Bước 6: Kiểm tra kết quả xuất

PSD sang Unity

Tóm lại: 6 bước

Bước 1: Mở PSD đã tách lớp

Bước 2: Nhập PSD/PSB trong VberAI Studio

Bước 3: Tách lớp tự động

Bước 4: Xuất sang Unity

Bước 5: Chọn dạng xuất sang Unity

Bước 6: Kiểm tra kết quả xuất

PSD sang Godot

Tóm lại: 3 bước

Bước 1: Mở PSD đã tách lớp

Bước 2: Nhập PSD/PSB trong VberAI Studio

Bước 3: Xuất sang Godot

Video hướng dẫn

PNG sang PSD

Tóm lại: 3 bước

Bước 1: Tách lớp tự động

Bước 2: Xuất thành Photoshop PSD

Bước 3: Mở PSD

Cắt sprite sheet theo lưới

AI xóa nền

Tóm lại: 3 bước

Bước 1: Bắt đầu từ một tấm scene UI game

Bước 2: Chọn AI Background Removal

Bước 3: Kiểm tra phần tử giao diện còn không

Câu hỏi thường gặp

Dùng VberAI Studio có bắt buộc trả phí?

Trong VberAI Studio, nhập file .fig từ Figma thế nào?

Người mới có bắt đầu làm game nhỏ được không?

Tách lớp tự động: ảnh thành nhiều lớp

Tóm lại: 3 bước

Bước 1: Mở Auto-Layering

Bước 2: Xác nhận bắt đầu tách lớp

Bước 3: Kiểm tra lớp đã có tên

Bước 1: Lưu một bản `.fig` local

Bước 1: Lưu một bản `.fig` local

Bước 1: Lưu một bản `.fig` local