Cách dùng Cocos Creator triển khai nhanh game TON trong 5 phút (Phần 1)

Sự phổ biến của hệ sinh thái TON trong ngành công nghiệp game đã thu hút lượng lớn nhà phát triển tham trong đó. Tuy nhiên, từ góc độ kỹ thuật, các vấn đề như khả năng tương thích EVM và ngôn ngữ phát triển vẫn tồn tại đối với nhiều nhà phát triển để xây dựng ứng dụng trò chơi dựa trên lớp cơ bản. TON . Ngưỡng cao hơn. Là công cụ phát triển trò chơi blockchain tiên tiến nhất hiện nay, Zypher Network hỗ trợ mở rộng trò chơi Web2 thành dApps và đã phát triển lượng lớn plug-in. Nó hỗ trợ các nhà phát triển triển khai nhanh chóng các trò chơi dựa trên CocosCreator trong hệ sinh thái Telegram, giúp giảm đáng kể chi phí. chi phí của nhà phát triển dựa trên TON Ngưỡng phát triển trò chơi trực tuyến.

Tài liệu dành cho nhà phát triển: https://docs.zypher.network/blog/cocos-tg/

Điểm nóng mới trong lĩnh vực trò chơi trực Chuỗi: Hệ sinh thái TON

TON (Mạng mở) đang trở thành một trong chuỗi công khai phổ biến nhất trong thời gian gần đây. Nó đã thu hút lượng lớn sự chú ý trong thời gian ngắn thông qua sự ràng buộc độ sâu với Telegram, một nền tảng xã hội được hỗ trợ bởi 900 triệu người dùng. Các ứng dụng dựa trên các nhà phát triển cơ bản TON có thể được tích hợp liền mạch vào Telegram dưới dạng "chương trình nhỏ". Người dùng có thể trực tiếp sử dụng Telegram làm lối vào để truy cập và sử dụng các dAPP sinh thái TON khác nhau, giúp giảm đáng kể ngưỡng truy cập của người dùng.

Từ giai đoạn hiện tại, hệ sinh thái TON đang trở thành một điểm nóng mới cho các trò chơi nhỏ trên Chuỗi . Ngoài chi phí phát triển thấp và chi phí giao dịch tổng thể thấp trên Chuỗi TON , các trò chơi trên Chuỗi có thể tận dụng tối đa nguồn lưu lượng truy cập khổng lồ của Telegram. để chuyển đổi và phân tách người dùng, đồng thời "ứng dụng chương trình nhỏ" của Telegram có thể được kết hợp một cách tự nhiên với các sản phẩm trò chơi để làm phong phú thêm các chức năng mở rộng và hỗ trợ liền mạch việc lưu trữ dữ liệu, trò chơi tương tác và thanh toán giao dịch. Dựa trên điều này, các dự án trò chơi trên Chuỗi có thể tận dụng các chức năng này để cung cấp các mô hình kinh tế và lối chơi đa dạng.

Trên thực tế, sự phổ biến của một số trò chơi nhỏ cũng khẳng định quan điểm trên. Ví dụ, sự phổ biến của trò chơi nhấn dựa trên Telegram, đại diện nổi tiếng Notcoin đã thu hút hơn 35 triệu người dùng bằng cách thưởng cho người dùng nhấn màn hình. dữ liệu người dùng được tiết lộ. Người dùng tích lũy của nó đã đạt tới 200 triệu. Catizen, một trò chơi nhỏ dựa trên nhiệm vụ có chủ đề về mèo, có hơn 20 triệu người dùng và hơn 500.000 người dùng trả phí. Ngay cả giả mạo, Yescoin, cũng đã vượt quá 6 triệu người đăng ký.

Các trò chơi nhỏ trên Chuỗi và hệ sinh thái TON cũng đạt được thành công chung. Đánh giá từ dữ liệu người dùng, kể từ đầu năm 2024, được thúc đẩy bởi sê-ri trò chơi nhỏ phổ biến, hệ sinh thái TON đã bất ngờ xuất hiện vào giữa tháng 8. hơn 1.200 ví trên Chuỗi đã được kích hoạt (khoảng 1 triệu vào dữ liệu) và số lượng ví hoạt động hàng tháng là 4,2 triệu (khoảng 300.000 vào tháng 1).

Hiện tại, hệ sinh thái TON cũng đã thu hút lượng lớn các nhà phát triển trò chơi Web2 và Web3 đổ xô trong đó với hy vọng thu được lợi nhuận sớm từ hệ thống được chú ý khổng lồ.

Rào cản kỹ thuật đối với mạng TON

Trên thực tế, TON sử dụng một máy ảo có tên TVM ( TON Virtual Machine). Các ngôn ngữ lập trình hợp đồng thông minh mà nó hỗ trợ chủ yếu là các bộ hướng dẫn Fun C và TVM (mặc dù Fun C trông rất giống ngôn ngữ C nhưng nhìn chung nó không được biết đến). hoặc được tôn trọng), các ngôn ngữ và kiến ​​trúc máy ảo này khá khác biệt so với EVM của Ethereum và ngôn ngữ lập trình Solidity. Đồng thời, thiết kế của TON bao gồm kiến ​​trúc blockchain đa luồng cho phép Chuỗi phân đoạn khác nhau chạy song song. Thiết kế của kiến ​​trúc này có thể cải thiện hiệu suất mạng nhưng nó cũng làm tăng độ phức tạp trong quá trình phát triển. Các nhà phát triển cần hiểu cách phối hợp hiệu quả dữ liệu và logic trên nhiều phân đoạn, điều này khó khăn hơn so với kiến ​​trúc Chuỗi đơn truyền thống.

Do đó, dù là nhà phát triển Web2 hay nhà phát triển Web3, đối diện lớp dưới cùng TON ít nhiều sẽ phải đối mặt với những ngưỡng phát triển nhất định.

Mạng Zypher

Zypher Network là giải pháp công cụ trò chơi thế hệ mới với công nghệ Bằng chứng không tri thức làm cốt lõi. Nó có thể giúp các nhà phát triển tham gia vào lĩnh vực blockchain dễ dàng hơn và mở rộng sâu hơn các chức năng trên Chuỗi theo cách mô-đun và có thể cắm được, để giảm đáng kể ngưỡng cho. các nhà phát triển xây dựng trò chơi blockchain. Đồng thời, dựa trên cơ sở Chuỗi hiện có, Zypher Network tiếp tục xây dựng một bộ cơ sở trò chơi cơ bản có thể phục vụ Gamefi và cung cấp hỗ trợ hoàn hảo cho hoạt động phi tập trung của trò chơi.

Ở giai đoạn này, Zypher Network đã ra mắt bộ công cụ SDK dịch vụ để phục vụ các nhà phát triển. Nhà phát triển có thể trực tiếp sử dụng các hàm không có kiến ​​thức "vốn có" để phát triển theo cách plug-in, chẳng hạn như Shuffle, Rollup, v.v. mà không cần phải hiểu về zero. - Kiến thức về độ phức tạp của mạch Phương pháp thân thiện với người dùng này có thể được triển khai ngay lập tức, giúp đơn giản hóa đáng kể quá trình phát triển. Đồng thời, bộ công cụ cung cấp nhiều tiện ích và mạch điện khác nhau mà các nhà phát triển có thể "lắp ráp" với nỗ lực mã hóa tối thiểu, tương tự như việc xây dựng bằng những viên gạch Lego. Phương pháp mô-đun cho phép tạo ra logic mạch tùy chỉnh để đáp ứng các yêu cầu cụ thể. Các nhà phát triển có thể bắt đầu với các thao tác cơ bản và dần dần xây dựng logic phức tạp hơn để đáp ứng nhu cầu của mình.

Ngoài ra, để thích ứng với hầu hết các tiêu chuẩn Chuỗi, đối với việc viết logic trò chơi, khung này còn hỗ trợ thêm các ngôn ngữ dành riêng cho miền (DSL) của bên thứ ba và máy ảo không có kiến ​​thức (ZKVM) và cung cấp tùy chỉnh trên Chuỗi cho các hệ thống này SDK đã được xác minh để cung cấp các tùy chọn tùy chỉnh và linh hoạt hơn.

Dựa trên bộ công cụ phát triển trên, các nhà phát triển có thể triển khai ứng dụng trên Chuỗi khác nhau với ngưỡng thấp dựa trên ngôn ngữ mà họ quen thuộc và dựa trên giải pháp công nghệ zk của Zypher Network để đảm bảo một số trò chơi Web2 vận hành hiệu quả và chi phí thấp. thậm chí có thể được mở rộng trực tiếp dựa trên công cụ cho dApps và triển khai vào Chuỗi.

Đồng thời, để cung cấp cho người dùng trải nghiệm zk cấp sản phẩm, Zypher đã đưa ra một mô hình kinh tế tập trung vào "cam kết"token, nghĩa là người chơi và xác minh trên Chuỗi(thợ đào mạng) có thể nắm bắt tài nguyên từ mạng bằng cách đặt token Zypher.

• Từ góc độ của thợ đào, mạng Zypher Network sẽ giao nhiệm vụ zkp cho họ (giúp các trò chơi trong mạng tiến hành xác minh không có kiến ​​thức và tải chúng lên Chuỗi tương ứng) và bạn sẽ được thưởng khi hoàn thành công việc xác minh không có kiến ​​thức. Thợ đào token Zypher càng đặt cọc nhiều thì khả năng xử lý song song nhiệm vụ không có kiến ​​thức càng mạnh và phần thưởng họ nhận được cho lần nhiệm vụ càng cao.
• Từ góc độ yêu thích của người chơi, bằng cách đặt token Zypher, bạn có thể tham gia miễn phí vào các trò chơi trên Chuỗi chất lượng cao. Bạn càng cam kết nhiều token báo thì bằng chứng của trò chơi sẽ được tạo ra càng nhanh, trải nghiệm trò chơi sẽ càng tốt hơn và. phần thưởng bạn có thể lĩnh nhận sẽ lớn hơn.

Dựa trên mô hình kinh tế đặt cược có khích lệ, nhiều người xác nhận được huy động tham gia vận hành mạng, nâng cao hơn nữa hiệu quả vận hành mạng và người chơi cũng có thể tích cực tham gia vào các trò chơi khác nhau nhờ khích lệ do đặt cược mang lại. thu hút người dùng tích cực trên quy mô lớn để có được trò chơi chất lượng cao.

Hiện tại, Zypher Network có thể hỗ trợ các nhà phát triển sử dụng Cocos Creator để phát triển trò chơi và nhanh chóng triển khai chúng lên Chuỗi TON . Sau đây là phần đầu tiên của hướng dẫn triển khai, tức là cách triển khai nhanh chóng các trò chơi được phát triển dựa trên Cocos Creator lên Telegram.

Hướng dẫn cho người mới bắt đầu: Triển khai nhanh trò chơi TON với Cocos Creator trong năm phút (Phần 1)

1. Hiểu Cocoscreator

Trang web chính thức

• Trang web chính thức của Cocos: https://www.cocos.com/

Địa chỉ tài liệu

• Tài liệu của Cocos Creator: https://docs.cocos.com/creator/manual/en/
• Tham khảo API của Cocos Creator: https://docs.cocos.com/creator/api/en/

Địa chỉ diễn đàn

• Diễn đàn chính thức của Cocos: https://forum.cocos.org/

2. Giới thiệu phiên bản Cocoscreator (1. x cơ bản là không dùng được, đa số là 2. x, 3.

Cocos Creator là giải pháp phát triển trò chơi hoàn chỉnh, cung cấp hoàn cảnh phát triển tích hợp hỗ trợ phát triển trò chơi 2D và 3D. Cocos Creator sử dụng quy trình làm việc theo thành phần và dựa dữ liệu để đơn giản hóa sự phức tạp của quá trình phát triển trò chơi. Nó dựa trên công cụ Cocos 2d-x và có mở rộng và linh hoạt mạnh mẽ.

Các tính năng chính bao gồm:

• Thiết kế dựa trên thành phần: Nhà phát triển có thể nhanh chóng xây dựng logic trò chơi bằng cách kéo và thả các thành phần.
• Hỗ trợ đa nền tảng: Hỗ trợ xuất sang nhiều nền tảng, bao gồm Web, iOS, Android, Windows, Mac, v.v.
• Công cụ chỉnh sửa phong phú: Cung cấp trình chỉnh sửa cảnh, trình chỉnh sửa hoạt ảnh, trình chỉnh sửa hạt, trình chỉnh sửa mã, v.v.
• Hỗ trợ tập lệnh: Chủ yếu sử dụng JavaScript và TypeScript để viết logic trò chơi.

Các phiên bản chính của Cocos Creator và sự khác biệt của chúng

Sê-Ri Cocos Creator 1.x

Cocos Creator 1. x là phiên bản đầu tiên của Cocos Creator. Các tính năng chính của nó bao gồm:

• Chức năng cơ bản: chỉnh sửa cảnh cơ bản, hệ thống thành phần, biên tập hoạt ảnh.
• Hỗ trợ JavaScript: Chủ yếu sử dụng JavaScript làm ngôn ngữ kịch bản.
• Hệ thống plug-in cơ bản: cho phép nhà phát triển mở rộng chức năng soạn thảo.
• Hỗ trợ nền tảng web và gốc: Có thể xuất sang nền tảng web và gốc (iOS và Android).

Sê-Ri Cocos Creator 2.x

Sê-Ri Cocos Creator 2.x giới thiệu nhiều cải tiến và tính năng mới:

• Tối ưu hóa hiệu suất: Cải thiện hiệu suất động cơ, đặc biệt là trên thiết bị di động.
• Hỗ trợ TypeScript: Hỗ trợ TypeScript được giới thiệu để nâng cao khả năng bảo trì mã và an toàn kiểu.
• Tích hợp công cụ vật lý: Công cụ vật lý Box2D và Chipmunk tích hợp, hỗ trợ các hiệu ứng vật lý 2D.
• Tối ưu hóa quản lý tài nguyên: Hệ thống quản lý tài nguyên đã được cải tiến để giúp việc tải và quản lý tài nguyên hiệu quả hơn.
• Cải tiến hệ thống giao diện người dùng: Hệ thống bố cục và thành phần giao diện người dùng nâng cao, cung cấp khả năng chỉnh sửa giao diện người dùng mạnh mẽ hơn.

Sê-Ri Cocos Creator 3.x

Cocos Creator 3.x sê-ri là một phiên bản cập nhật lớn. Các tính năng chính bao gồm:

• Hỗ trợ 3D: Hỗ trợ đầy đủ việc phát triển trò chơi 3D và cung cấp các chức năng và công cụ chỉnh sửa 3D phong phú.
• Kiến trúc công cụ hợp nhất: tích hợp công cụ 2D và 3D để cung cấp các API và quy trình công việc nhất quán.
• Cập nhật công cụ kết xuất: Một công cụ kết xuất mới được giới thiệu, hỗ trợ các hiệu ứng nâng cao như PBR (kết xuất dựa trên vật lý), chiếu sáng toàn cầu và bóng tối.
• Hệ thống hoạt ảnh nâng cao: Cung cấp các chức năng chỉnh sửa và phát lại hoạt ảnh mạnh mẽ hơn, hỗ trợ các hiệu ứng hoạt ảnh phức tạp.
• Hỗ trợ đa nền tảng được tối ưu hóa: Quá trình xuất và xuất bản đã được tối ưu hóa hơn nữa để hỗ trợ nhiều nền tảng và thiết bị hơn.
• Cải tiến trình soạn thảo: Cung cấp các cơ chế mở rộng và plug-in trình soạn thảo phong phú hơn để nâng cao năng suất của nhà phát triển.

3. Bắt đầu dự án mã nguồn (nếu bạn đã mua bản sao mã nguồn), xem tài liệu để biết chi tiết

1. Cài đặt Cocos Creator

Nếu bạn chưa cài đặt Cocos Creator, vui lòng truy cập Tải xuống và cài đặt phiên bản mới nhất từ ​​trang web chính thức của Cocos .

2. Mở Cocos Creator

Sau khi cài đặt hoàn tất, hãy khởi động trình chỉnh sửa Cocos Creator.

3. Mở dự án

1. Dự án nhập khẩu :
   • Trong giao diện khởi động Cocos Creator nhấn nút Open Project.
   • Duyệt đến thư mục mã nguồn của dự án Cocos Creator mà bạn đã thu được, chọn thư mục và nhấn Chọn Thư mục.
2. Kiểm tra cấu hình dự án :
   • Sau khi dự án được mở thành công, hãy kiểm tra thư mục nội dung trong dự án để đảm bảo rằng tất cả các tệp tài nguyên đều ở đúng vị trí.
   • Kiểm tra Dự án -> Cài đặt dự án để đảm bảo độ phân giải của dự án và các cài đặt khác đáp ứng nhu cầu của bạn.

4. Chạy dự án

1. Chọn cảnh :
   • Trong thư mục tài sản, hãy tìm tệp cảnh chính của bạn (thường là tệp kết thúc bằng . fire hoặc . scene).
   • Bấm đúp vào tệp cảnh chính để mở nó trong trình chỉnh sửa.
2. Chạy dự án :
   • Nhấn nút Phát (nút tam giác màu xanh lá cây) ở đầu trình chỉnh sửa để xem trước và chạy dự án trong trình chỉnh sửa.
   • Nếu dự án đang chạy bình thường, bạn sẽ thấy màn hình trò chơi trong cửa sổ trò chơi của trình chỉnh sửa.

5. Xây dựng và xuất bản dự án lên Web Mobile

1. Mở bảng xây dựng :
   • Trong thanh menu trên cùng của trình chỉnh sửa, chọn Dự án -> Xây dựng.
2. Chọn nền tảng :
   • Trong bảng xây dựng, chọn Web Mobile làm nền tảng mục tiêu.
3. Đặt tùy chọn xây dựng :
   • Đường dẫn xây dựng : Đặt đường dẫn thư mục cho đầu ra bản dựng.
   • Cảnh bắt đầu : Chọn cảnh để tải khi trò chơi bắt đầu.
   • Loại nén gói chính : Chọn loại nén (chẳng hạn như Không có, Zip, JPG, v.v.).
   • Zip Compression Level : Nếu chọn kiểu nén Zip, bạn có thể thiết lập mức nén.
   • MD5 Cache : Kích hoạt bộ đệm MD5 và thêm giá trị băm MD5 vào tất cả các tệp tài nguyên để kiểm soát phiên bản và quản lý bộ đệm.
   • Bản đồ nguồn : Tạo tệp Bản đồ nguồn để dễ dàng gỡ lỗi.
   • Chế độ gỡ lỗi : Bật chế độ gỡ lỗi để giữ lại thông tin gỡ lỗi và đầu ra nhật ký trong mã đã phát hành.
   • Inline all Sprite Frames : Nội tuyến tất cả các khung sprite vào một tệp.
   • Hợp nhất tất cả các tệp JSON : Hợp nhất tất cả các tệp JSON thành một tệp.
4. Xây dựng dự án :
   • Nhấn nút Build để bắt đầu xây dựng dự án.
   • Sau khi quá trình xây dựng hoàn tất, tệp đầu ra của bản dựng sẽ được tạo trong đường dẫn bản dựng đã đặt.
5. Công bố dự án :
   • Tải các tệp đầu ra của bản dựng đã tạo lên máy chủ hỗ trợ HTTPS, chẳng hạn như Trang GitHub, Netlify, Vercel hoặc một dịch vụ lưu trữ trang web tĩnh khác.

6. Gỡ lỗi và tối ưu hóa

1. Kích hoạt Bản đồ nguồn :
   • Bật tùy chọn Bản đồ nguồn trong bảng xây dựng để tạo các tệp Bản đồ nguồn nhằm tạo điều kiện thuận lợi cho việc gỡ lỗi mã đã phát hành.
   • Sau khi xuất bản, bạn có thể sử dụng Bản đồ nguồn để gỡ lỗi mã của mình trong các công cụ dành cho nhà phát triển trên trình duyệt của bạn.
2. Kích hoạt bộ nhớ đệm MD5 :
   • Bật tùy chọn Bộ nhớ đệm MD5 trong bảng xây dựng để thêm hàm băm MD5 vào tất cả các tệp tài nguyên.
   • Điều này đảm bảo rằng khi người dùng cập nhật trò chơi, họ không tải nội dung cũ do vấn đề về bộ nhớ đệm.
3. Chế độ gỡ lỗi :
   • Bật tùy chọn Chế độ gỡ lỗi trong bảng xây dựng để lưu giữ thông tin gỡ lỗi và đầu ra nhật ký.
   • Trong quá trình phát hành, nếu cần gỡ lỗi, tùy chọn này có thể được bật trong bảng xây dựng.

7. Các hạng mục kiểm tra

1. Kiểm tra địa phương :
   • Kiểm tra các tệp đầu ra của bản dựng trên máy chủ cục bộ để đảm bảo hiệu suất và khả năng tương thích của trò chơi trên các trình duyệt khác nhau.
   • Bạn có thể sử dụng plug-in Live Server của VS Code hoặc các công cụ máy chủ cục bộ khác để thử nghiệm.
2. Kiểm tra trực tuyến :
   • Sau khi tải tệp đầu ra của bản dựng lên máy chủ, hãy kiểm tra phiên bản trực tuyến để đảm bảo rằng tất cả các chức năng đều hoạt động bình thường.

Thông qua các bước này, bạn có thể khởi động và xuất bản thành công mã nguồn dự án Cocos Creator lên nền tảng Web, đồng thời hiểu cấu hình và cách sử dụng các thuộc tính xuất bản như chế độ gỡ lỗi và bộ đệm MD5.

4. Lấy Protect Trump làm ví dụ, hướng dẫn triển khai back-end go code

Protect Trump là một trò chơi nhỏ được phát triển bởi Zypher Network và đội ngũ phát triển bên thứ ba. Trò chơi được triển khai trên TON thông qua công cụ cơ bản của Zypher Network.

1. Tạo cảnh mới, tạo nút trong cảnh và gắn tập lệnh GameLanch.ts.
(Mình cũng để ảnh bối cảnh giao diện chính ở đây để mọi người tải trước, không cần để ở đó đâu.)

2.GameLanch.ts.

Cấu hình thông tin trang trong file UIConfig .ts và sử dụng giao diện của ui Manager để điều khiển ui

thu thập dữ liệu 3.tg

Thêm phần nhập vào thư mục mẫu build - teleplates / web - mobile / index html .

Những phần giới thiệu liên quan cũng có trong kịch bản trò chơi. Thuận tiện sử dụng ở chế độ gỡ lỗi

//Tạo và chèn tập lệnh của SDK ứng dụng web Telegram

tảiTelegramSDK () {

// url này chuỗi = 'loadTelegramSDK'

trả lại Lời hứa mới (( giải quyết, từ chối) => {

if ( window [' Telegram '] && window [' Telegram ']. WebApp ) {

// SDK Telegram đã được tải

nhật ký bảng điều khiển (' Telegram SDK đã được tải: ', window [' Telegram ']);

cửa sổ [' Telegram ']. WebApp đã sẵn sàng ();

giải quyết();

trở lại ;

}

const script = document . createElement('script');

tập lệnh .src = 'https://telegram.org/js/telegram-web-app.js';

tập lệnh tải lên = () => {

nhật ký bảng điều khiển . (' SDK được tải thành công: ', window [' Telegram ']);

cửa sổ [' Telegram ']. WebApp đã sẵn sàng ();

// SDK được tải thành công

giải quyết();

};

tập lệnh . có lỗi = lỗi => {

console . log ('Tải SDK không thành công:', lỗi );

// Tải SDK không thành công

từ chối (lỗi);

};

đầu tài liệu .appChild( script );

});

}

processInitData () {

const initData = cửa sổ [' Telegram ']?. WebApp initData;

nếu ( initData ) {

const searchParams = URLSearchParams mới ( initData );

const WebAppData = {};

for ( const [ Key , value ] của searchParams .entry ()) {

WebAppData [ Key ] = giá trị;

}

console .log('WebAppData :', WebAppData );

// Lấy thông tin người dùng

const user = cửa sổ ['Telegram'].

console .log('User :', user );

// cái này WebAppData = WebAppData ;

// Xử lý thay đổi kích thước cửa sổ

cửa sổ [' Telegram ']. onEvent (' thay đổi kích thước ', hàm () {

//Cập nhật giao diện người dùng

console .log ('Cập nhật giao diện người dùng:');

});

.tgInitData = initData này;

} khác {

console . cảnh báo (' Telegram WebApp initData không khả dụng .');

}

}

async initTelegram () {

thử {

đang chờ .loadTelegramSDK ();

cái này.processInitData();

} bắt ( lỗi ) {

lỗi console . ('Không thể tải Telegram SDK:', lỗi);

}

}

Gửi cửa sổ thu được [' Telegram ']?. initData? đến máy chủ để xác minh.

4. Nói ngắn gọn về cấp bậc

Thêm tập lệnh UIRank .ts vào trang xếp hạng
Sau khi UIRank kế thừa lớp UIView, nó có thể quản lý trang thông qua uiManager

5. Nói ngắn gọn về phần thưởng

Giao diện chủ yếu treo 3 script

Xem kịch bản để biết nội dung cụ thể

Mã chia sẻ:

6. Sửa đổi trang khởi động Sửa đổi trang khởi động của trang trong mẫu.

Chủ yếu sửa đổi index.html và application.js

Đã thêm hình bối cảnh và thanh tiến trình

7. Phát hành trò chơi

https://docs.cocos.com/creator/3.8/manual/zh/editor/publish/publish-web.html

https://docs.cocos.com/creator/3.8/manual/zh/editor/publish/custom-project-build-template.html

Tham khảo hai tài liệu này. Hiện tại, bạn có thể xuất bản ra mắt công. Bạn có thể xuất bản từ dòng lệnh trong tương lai.

5. Bảo vệ mô tả mã phụ trợ Trump

1. Tổng quan

Là một ứng dụng back-end dựa trên ngôn ngữ Go và khung GORM, trò chơi Protect Trump chủ yếu được sử dụng để xử lý các chức năng như đăng nhập, tương tác trò chơi và lĩnh nhận phần thưởng cho người dùng ứng dụng Telegram Web. Ứng dụng giao tiếp với giao diện người dùng thông qua nhiều giao diện API RESTful và sử dụng cơ sở dữ liệu PostgreSQL để lưu trữ và quản lý dữ liệu người dùng, vệ sĩ, bùa lợi và thông tin phần thưởng.

2. Cấu trúc mục lục

hoàn cảnh. Cấu hình môi trường

4. Cấu hình và di chuyển cơ sở dữ liệu

Ứng dụng sử dụng GORM cho các hoạt động cơ sở dữ liệu và các mô hình dữ liệu sau sẽ được di chuyển tự động khi khởi động:

• Người dùng: Thông tin người dùng, bao gồm ID Telegram, tên người dùng, tiền vàng, v.v.
• Vệ sĩ: thông tin vệ sĩ, liên kết với người dùng.
• Buff: Hiệu ứng Buff (Buff), liên quan đến vệ sĩ.
• CoinRecord: kỷ lục tiền vàng.
• Người dùng được mời: Thông tin người dùng được mời.

Trong tệp .go chính, hãy kết nối và di chuyển cơ sở dữ liệu bằng mã sau:

5. Nhiệm vụ theo lịch trình

Ứng dụng này chứa hai nhiệm vụ theo lịch trình:

1. Nhiệm vụ dọn dẹp : Chạy 5 phút một lần để dọn sạch dữ liệu không hợp lệ hoặc hết hạn.
2. Nhiệm vụ cập nhật xếp hạng : Chạy mỗi phút một lần để cập nhật thứ hạng tiền vàng của người dùng

6.Phần mềm trung gian

1. Phần mềm trung gian xác thực

• Mô tả : Được sử dụng để xác minh xem dữ liệu khởi tạo Telegram trong yêu cầu có hợp lệ hay không.
• tham số :
  • tiếp theo: trình xử lý tiếp theo
  • bot Token: Token của robot Telegram

6. Các bước chi tiết để tạo Telegram Bot và Web App

1.Tạo Bot

1. Tìm kiếm BotFather
   • Mở Telegram và tìm kiếm Bot Father, đây là công cụ quản lý Bot chính thức của Telegram.
2. Bắt đầu cuộc trò chuyện
   • Nhập /bắt đầu để bắt đầu cuộc trò chuyện với BotFather.
3. Tạo một Bot mới
   • Gõ /newbot để tạo Bot mới.
4. Nhập tên Bot
   • Chọn tên và nhập ProtectRump.
5. Nhập tên người dùng Bot
   • Tên người dùng phải kết thúc bằng Bot hoặc _ bot. Ví dụ: ProtectRump Bot.
6. LưuToken
   • Sau khi tạo thành công, BotFather sẽ tạo Mã thông báo API. Hãy ghi lại Token này để thực hiện các bước tiếp theo.

2.Tạo ứng dụng web

1. Bắt đầu tạo ứng dụng web
   • Nhập /newapp vào BotFather để tạo Ứng dụng web mới.
2. Chọn Bot
   • Chọn Bot bạn vừa tạo, ví dụ ProtectRump Bot.
3. Nhập tên ứng dụng web
   • Nhập tên của Ứng dụng web của bạn.
   • description Sửa đổi mô tả của ứng dụng web. Đó là nội dung của Bot này có thể làm gì?
4. Tải ảnh lên
   • Nhập hình ảnh 640*360 làm biểu tượng của Ứng dụng web.
   • botpic sửa đổi avatar
5. Tải ảnh GIF lên
   • Nhập tệp GIF. Nếu không, bạn có thể nhập /empty để bỏ qua bước này.
6. Nhập URL ứng dụng web
   • Nhập địa chỉ trò chơi của bạn, chẳng hạn như https://protect-rump.zypher.game/.
7. Nhập tên ngắn
   • Chọn tên ngắn cho liên kết tới Ứng dụng web, chẳng hạn như ProtectRump.
8. Hoàn thành việc tạo
   • Sau khi tạo thành công, bạn sẽ nhận được liên kết Ứng dụng web của mình, chẳng hạn như me/protectRump Bot/protectRump.

Qua các bước trên, bạn đã tạo thành công Telegram Bot và Ứng dụng web. Tiếp theo, bạn có thể tích hợp trò chơi trong Ứng dụng web của mình và tương tác với trò chơi bằng giao diện Ứng dụng web của Telegram.

3. Cấu hình hoàn cảnh thử nghiệm

https://core.telegram.org/bots/webapps #us-in-g-bots-in-the-test-environment

(Chưa xong)

Tóm tắt

Là trình chỉnh sửa trò chơi chính thống hiện nay, Cocos Creator đang ngày càng được nhiều nhà phát triển áp dụng. Các chức năng mạnh mẽ, quy trình quen thuộc dành cho nhà phát triển, hoàn cảnh phát triển linh hoạt và hỗ trợ đa nền tảng rộng rãi khiến nó trở nên rất phổ biến trong lĩnh vực phát triển trò chơi. Thông qua khả năng tương thích với Cocos Creator và tích hợp với mạng TON , Zypher Network đang hạ thấp đáng kể ngưỡng để các nhà phát triển trò chơi triển khai và di chuyển ứng dụng sang mạng TON , đơn giản hóa hơn nữa các vấn đề phức tạp. Và sau khi trò chơi được triển khai thành công, giải pháp Bằng chứng không tri thức sẽ hỗ trợ trò chơi vận hành mượt mà hơn và với chi phí thấp hơn.

Khi Zypher Network mở rộng sang nhiều hệ sinh thái trên Chuỗi hơn, nó cũng sẽ trở thành cơ sở hạ tầng trò chơi quan trọng nhất trong kỷ nguyên Web3.