+2

#5 Bắt đầu custom Ezysmashers thành game wukong phiên bản việt Nam

Chào các bạn, ở phần trước chúng ta đã cùng tìm hiểu qua về cấu trúc thư mục ezySmashers rồi. Hôm nay chúng ta sẽ cùng đào sâu sơn và chạy thử ezySmasher trên unity nhé.

1 Mở application ezysmashers trên unity

image.png

Nhìn qua thì màn hình scene của chúng ta vẫn chưa có gì cả. Vì vậy các bạn hãy làm các bước sau :
Mở thư mục youngmonkeys > ezysmashers > _Project > Scene, tại đây các bạn có thể nhìn thấy các Scene của chúng ta đã được build sẵn :

image.png

Chúng ta thực hiện kéo Scene LoobyGameScene vào Hierarchy

image.png

Kết quả chúng ta có được, trông rất là đỉnh đúng không nào :

image.png

2 Chạy thử Ezysmasher

  • Các bạn mở màn PreloaderScenes bằng cách click chuột phải vào biểu tượng > chọn Open, màn hình sẽ hiển thị ra như sau :

image.png

  • CLick vào nút play để chơi thử, các bạn sẽ thấy chúng ta được đưa vào màn LoginScene, tại đây có thể thấy các bạn được đưa vào màn login quen thuộc. Các bạn bấm vào Quick Play thì nó chuyển qua màn LobbyScene cho phép chúng ta chọn nhân vật, chọn vũ khí và chọn phòng tham gia chiến đấu. Sau khi vào chơi, chúng ta sẽ được đưa vào màn Game2DScene và giao tranh với những người chơi khác.

Vậy là chúng ta đã chạy ezysmashers thành công. Và đây là lúc chúng ta cùng đi sâu hơn và tìm hiểu về nền tàng game MMO này

image.png

3 Thử một vài custom nhỏ cho tựa game, thay đổi background màn login

Vậy là giờ đây, chúng ta đã qua phần cài đặt và chạy thử game dưới local. Giờ đây là lúc chúng ta biến con game này thành của riêng mình thôi nào

Giả sử bạn mong muốn xây dựng một con game wukong, người chơi tham gia sẽ được chọn nhân vật là Thiên Mệnh Nhân. Bước đầu tiên là mình muốn thay đổi hình nền cho game. Sau một hồi tìm kiếm trên freepick thì mình cũng tìm được background cũng tạm gọi là dùng được :

image.png

Các bạn kéo ảnh vừa tải về vào mục _Project > Resources > Images. Tại đây bạn có thể thấy rất nhiều ảnh tài nguyên của hệ thống.

image.png

*Lưu ý : Bức ảnh của bạn phải có kích thước chia hết cho 4 (như hình của mình có kích thước là 1920x1080) nếu không nó sẽ báo warning, Các bạn hoàn toàn có thể lên mạng để convert lại kích thước hình ảnh của mình :

image.png

Các bạn bấm vào bức ảnh mình vừa upload, bên cạnh là cột Inspector, chúng ta để Sprirites Mode là Single :

image.png

Các bạn mở LoginScene, trong đó các bạn mở phần Canvas > Panel .

image.png

Nhìn sang cột Inspector, các bạn để ý mục Image, nhấn vào ô tròn mục Source Image , ở đây nó sẽ show ra cho chúng ta tất cả các ảnh nằm trong mục _Images, các bạn chọn ảnh mà mình vừa upload lên và xem kết quả nhé

image.png

Các bạn mở màn PreloaderScenes và chạy thử project, màn login của chúng ta đã thực sự thay đổi background. Như vậy là chúng ta đã hoàn thành thay đổi nhỏ trong ezySmashers, các bạn có thể thực hành thêm bằng cách custom một số nội dung của trò chơi như text, hình ảnh khác,... để làm quen với hệ thống.

image.png

Link tham khảo

Lời kết

Phần này chúng ta đã run được project EzySmashers và custom background màn login. Trong phần tới chúng ta sẽ tiếp thục có những thay đổi nhiều hơn. Các bạn cùng theo dõi mình làm game Wukong 2D phiên bản Việt nhé


All Rights Reserved

Viblo
Let's register a Viblo Account to get more interesting posts.