Source code game sắp xếp màu (kiểu water sort): nên sửa gì trước?
Lấy Mochi Monsters làm ví dụ: luật chơi, các file, file cấu hình duy nhất và những thay đổi cần build lại.

Mua source code game sắp xếp màu là lựa chọn hợp lý khi bạn muốn có một game kiểu water sort trên trang của mình mà không phải tự viết luật di chuyển, bộ tạo màn và hệ thống lưu. Mochi Monsters là gói như vậy: 60 màn trong ba thế giới, chế độ Endless (chơi vô tận), TypeScript dễ đọc và thư mục game sẵn sàng đưa lên host, giá niêm yết $39.
Luật đằng sau water sort, ball sort và Mochi Monsters là một: bạn chỉ được chuyển vào chỗ trống hoặc lên trên phần cùng màu. Điều làm template này khác template kia là mọi thứ xung quanh luật đó. Bài viết đi qua gói theo đúng thứ tự người mua gặp, và kết thúc bằng những thay đổi làm trong năm phút cùng những thay đổi cần lập trình viên.
Luật sắp xếp và hai biến thể thêm vào
Người chơi chạm vào một tổ, rồi một tổ khác. Nhóm bạn thạch ở trên cùng chỉ nhảy sang nếu tổ đích còn trống hoặc bạn trên cùng ở đó cùng loài. Màn chơi được giải khi mỗi tổ chỉ còn một loài. Hint, Undo và Restart (gợi ý, hoàn tác, chơi lại) có sẵn.
Hai cơ chế giúp 60 màn không có cảm giác như một màn lặp lại. Nắp vỏ sò che một tổ và mở ra khi bạn lấp đầy tổ đó bằng loài in trên nắp; Undo có thể đóng nó lại. Các tổ thủy triều liên kết đổi chỗ cho nhau khi một trong số đó trống, làm bàn chơi thay đổi ngay giữa kế hoạch của người chơi.
Với người mua, điều đáng giá là các cơ chế này đã được viết và kiểm thử sẵn. Thêm một biến thể như vậy vào game sắp xếp đơn giản là loại việc thường tốn thời gian hơn dự kiến, chủ yếu vì các trường hợp biên liên quan đến hoàn tác.
Chơi thử bản demo Mochi Monsters
Mã nguồn game sắp xếp màu gồm những gì
- 60 màn chiến dịch ở Sugar Meadow, Bubble Beach và Mushroom Village, mỗi thế giới 20 màn.
- Chế độ Endless dựng từ seed, mở sau màn 20.
- Album sưu tập, khu vườn tương tác và sáu chiếc mũ mua bằng Sugar Drops kiếm được khi chơi.
- Điều khiển bằng cảm ứng và chuột, lưu cục bộ và tùy chọn giảm chuyển động.
- Thư mục game/ sẵn sàng đưa lên host, mã nguồn JavaScript và TypeScript dễ đọc, cấu hình, bài kiểm thử và thông báo giấy phép.
- Hướng dẫn ngoại tuyến có hình minh họa bằng 14 ngôn ngữ, ảnh chụp màn hình bằng tiếng Anh.
Giao diện có 14 ngôn ngữ: tiếng Anh, Bồ Đào Nha, Tây Ban Nha, Pháp, Đức, Ý, Hà Lan, Ba Lan, Thổ Nhĩ Kỳ, Nga, Indonesia, Nhật, Hàn và tiếng Trung giản thể. Hướng dẫn tự hiển thị theo ngôn ngữ của người đọc.
Công nghệ dùng là TypeScript và JavaScript trên Canvas 2D, âm thanh bằng Web Audio. Các file gồm HTML, CSS, JavaScript, JSON, TypeScript, WebP, PNG và MP3.
Dự án được sắp xếp thế nào
Hãy xem gói này như ba lớp, mỗi lớp đòi hỏi mức công sức khác nhau.
Lớp 1: game đã đưa lên host
Thư mục game/ đã hoàn chỉnh. Tải nội dung lên host tĩnh HTTP(S) là chơi được. Ở lớp này không có gì cần build.
Lớp 2: file cấu hình
mochi.config.js nằm cạnh index.html. File này đặt tiêu đề trình duyệt, logo, ngôn ngữ khởi đầu và khóa lưu. Sửa một giá trị, tải file lên, tải lại trang. Vẫn không cần build.
Lớp 3: mã nguồn TypeScript
Luật chơi, hình ảnh, màn chơi và giá mũ nằm trong mã nguồn. Muốn đổi chúng thì phải sửa TypeScript và build lại bằng npm, cần Node.js 22.13 trở lên. Mã nguồn có công cụ tạo màn và 52 bài kiểm thử tự động bao quát luật chơi, màn chơi, lưu dữ liệu và bản dịch.
Nên sửa gì trước trong template game sắp xếp màu
Đây là thứ tự chúng tôi gợi ý, từ thay đổi không cần build đến việc của lập trình viên.
- Tiêu đề và logo trong mochi.config.js, để tab trình duyệt và màn hình bắt đầu mang thương hiệu của bạn.
- Ngôn ngữ khởi đầu trong cùng file đó, nếu phần lớn người chơi của bạn không nói tiếng Anh.
- Khóa lưu: đặt một lần trước khi ra mắt rồi để yên. Đổi khóa trên trang đang chạy sẽ khiến người chơi mất tiến trình.
- Hình ảnh và màu sắc của các bạn thạch, nếu bạn cần đổi giao diện toàn bộ. Việc này làm trong mã nguồn.
- Giá mũ và hệ thống phần thưởng, cũng nằm trong mã nguồn.
- Màn chơi mới, dùng công cụ tạo màn, sau đó chạy kiểm thử.
Với nhiều trang web, ba bước đầu là toàn bộ công việc. Ngược lại, đổi giao diện toàn bộ nghĩa là thay mọi sinh vật, tổ và nền trong cả ba thế giới, và phần lớn thời gian nằm ở đó. Hãy tính toán thật lòng trước khi hứa ngày giao với khách hàng.
Được phép white label: tên và logo của bạn, hoặc của khách hàng, có thể thay tên và logo của chúng tôi ở bất cứ đâu trong game.
Lưu trữ, nhúng vào trang và mở rộng thêm
Tải nội dung thư mục game/ lên bất kỳ host tĩnh HTTP(S) nào, đặt trong thư mục con cũng được. Không cần cơ sở dữ liệu, PHP hay dịch vụ Node.js để chơi. Mở file từ ổ đĩa bằng file:// sẽ không chạy, nên hãy thử từ một web server cục bộ hoặc thật.
Game chạy trên phiên bản hiện hành của Chrome, Edge, Firefox và Safari trên máy tính, máy tính bảng hoặc điện thoại. Tiến trình được giữ trong bộ nhớ cục bộ của trình duyệt, không đồng bộ giữa các thiết bị. Đây không phải ứng dụng ngoại tuyến có thể cài đặt: người chơi tải game từ địa chỉ web của bạn.
Gói không có dự án ứng dụng native. Nếu bạn muốn đưa game lên kho ứng dụng, kết nối với SDK của portal hoặc cài lên máy chủ của bạn, chúng tôi báo giá phần việc đó theo từng dự án.
Yêu cầu báo giá đổi giao diện, lưu trữ hoặc bản ứng dụng
Mochi Monsters không có những gì
Phiên bản này không có tài khoản trực tuyến, lưu trên đám mây, bảng xếp hạng toàn cầu, mua bằng tiền thật hay SDK quảng cáo. Không bao gồm dự án ứng dụng native, dịch vụ lưu trữ và phát triển theo yêu cầu. Ngoài ba thế giới không có chiến dịch nào khác để chơi; chế độ Endless là thứ giữ game tiếp tục sau đó.
Nếu bạn định hiển thị quảng cáo, giấy phép cho phép kiếm tiền bằng quảng cáo trên sản phẩm cuối của bạn, nhưng kết nối với mạng quảng cáo là việc bạn tự làm hoặc là việc chúng tôi nhận làm có báo giá.
Giấy phép và giá trong một đoạn
Mỗi lần mua cho bạn giấy phép vĩnh viễn, không độc quyền để dùng phiên bản này trong một sản phẩm cuối, của bạn hoặc của một khách hàng. Người chơi có thể chơi miễn phí hoặc qua mô hình kiếm tiền bằng quảng cáo. Bạn được sửa code, hình ảnh và âm thanh trong sản phẩm đó, nhưng không được bán lại hay chia sẻ riêng template, mã nguồn hoặc tài nguyên của nó, dù dưới dạng bộ kit hay nằm trong một sản phẩm khác dành cho lập trình viên. Hỗ trợ kéo dài 6 tháng, hoặc 12 tháng nếu mua gia hạn khi thanh toán, bao gồm cài đặt, sử dụng file và sửa các lỗi tái hiện được; giấy phép không hết hạn khi hết hỗ trợ. Giá niêm yết là $39; đến hết ngày 30/11/2026, chương trình Black Friday giảm 15% cho mọi template nên Mochi Monsters còn $33.15, và từ ngày 1/12 giá trở về mức niêm yết.
Câu hỏi thường gặp
Mochi Monsters có phải game water sort không?
Game dùng cùng luật cốt lõi: một nhóm chỉ được chuyển vào tổ trống hoặc lên trên một bạn cùng loài. Thay vì chất lỏng trong ống, người chơi xếp các sinh vật thạch vào tổ, có thêm nắp vỏ sò và tổ thủy triều.
Tôi có phải build game trước khi tải lên không?
Không. Tải nội dung thư mục game/ lên host HTTP(S). Phát triển trên mã nguồn là tùy chọn.
Tôi có thể đổi gì mà không cần build lại?
Tiêu đề trình duyệt, logo, ngôn ngữ khởi đầu và khóa lưu, tất cả trong mochi.config.js. Luật chơi, hình ảnh, màn chơi và giá mũ cần mã nguồn TypeScript và build lại bằng npm.
Tôi có thể thêm thế giới hoặc màn chơi không?
Phiên bản này có 60 màn trong ba thế giới. Thêm nữa nghĩa là sửa mã nguồn bằng công cụ tạo màn có sẵn. Các chiến dịch bổ sung không nằm trong gói.
Tiến trình của người chơi được lưu ở đâu?
Trong bộ nhớ cục bộ của trình duyệt đang dùng. Không bao gồm đồng bộ đám mây.
Game có chạy trên điện thoại không?
Có. Game chạy trên trình duyệt di động hiện hành với điều khiển cảm ứng, và trên máy tính bằng chuột.
Game sắp xếp màu hợp với ai, và nên xem thêm gì
Game sắp xếp màu hợp với các cổng game casual, trang dành cho gia đình và thương hiệu muốn một game nhẹ nhàng với lượt chơi ngắn. Game dễ nhìn trên điện thoại, và luật chơi gói gọn trong một câu.
Nếu bạn muốn game giải đố cần tính toán nhiều hơn, Beep Out là game giải đố đỗ xe 3D với 30 màn và cơ chế ghép hành khách, giá niêm yết $35. Nếu người chơi của bạn thích con số, Tenguin là game ghép số, nơi người chơi ghép hai số bằng nhau hoặc hai số cộng lại bằng mười, giá niêm yết $39.
