Lập Trình Android Game Với Game Maker Studio (Phần 3)

Ở phần 2, mình đã hướng dẫn các bạn cách tạo các event và hoàn thành xong một trò chơi né chướng ngại vật trên android. Ở phần này, chúng ta hãy cùng nhau tìm hiểu sâu hơn về các tính năng khác trong GMS2 mà bạn có thể sử dụng để nâng cấp trò chơi lên một cột mốc chuyên nghiệp hơn, hãy cùng mình tìm hiểu nhé. Trong phần 3 sẽ bỏ qua một số định nghĩa cơ bản đã được trình bày, hãy chắc chắn rằng các bạn hiểu phần 2 trước khi thực hành phần 3 nhé.

Thay đổi font chữ hiển thị trong game

Ở phần trước mình có hướng dẫn các bạn sử dụng hàm draw_text() để ghi thông tin về điểm số và level lên màn hình, nhưng nếu chỉ sử dụng hàm này không mà chưa cài đặt font thì dòng chữ hiển thị ra GUI sẽ rất xấu và nhìn không bắt mắt, đó cũng là lý do mình hướng dẫn các bạn cách đổi font chữ trong game.

1. Thêm font chữ (ẤN ALT+F)

Thêm và tùy chỉnh font chữ cho hợp lý

2. Sử dụng các hàm build-in để thay đổi font chữ hiển thị thành font vừa cài đặt, ở ví dụ bên dưới mình sẽ chỉnh sửa lại font cho màn hình oGameOver mà chúng ta đã làm ở phần 2

//Căn lề: FONT
draw_set_halign(fa_center);

//Cài font2
draw_set_font(gameFont2);
//Chuyển màu đỏ
draw_set_color(c_red); 
//Ghi game over
draw_text(360,310,"GAME OVER");

//Cài font1
draw_set_font(gameFont1);
//Chuyển màu trắng
draw_set_color(c_white);
//Thông báo điểm
draw_text(360,510,"FINAL SCORE \n"+string(oCircle.myscore));

3. Chạy thử

Sau khi chỉnh màu, kiểu chữ trong game và chạy trên PC sẽ ra kết quả như thế này

Thêm âm thanh cho trò chơi

Một thành phần quan trọng không kém trong game đó là âm thanh, các bạn có thể tự thiết kế âm thanh cho game hoặc tải các âm thanh đã được tạo sẵn miễn phí tại đây (không bản quyền)

1. Thêm sound (ẤN ALT+U)

Import âm thanh của các bạn tại vùng khoanh đỏ, sau đó hãy đặt tên cho phù hợp

2. Sau khi thêm âm thanh, để phát âm thanh khi xảy ra một event nào đó (vd: ấn nút, va chạm, nhạc nền, ...) các bạn hãy sử dụng hàm audio_play_sound(<TÊN sound>,<ĐỘ ƯU TIÊN>,<LẶP LẠI>). Ở ví dụ bên dưới mình sẽ thêm dòng lệnh sau vào Collision Event của oCircle (quả bóng)

//Khi quả bóng va chạm với chướng ngại vật, phát âm thanh kết thúc trò chơi
audio_play_sound(overSound,1,false);

3. Tương tự các bạn có thể chèn dòng lệnh như trên vào bất kỳ event nào các bạn muốn phát ra âm thanh

Làm cho chướng ngại vật trở nên đa dạng hơn

Các bạn biết rằng, đối tượng oWall của chúng ta chỉ sử dụng duy nhất 1 sprite và lúc nào nó cũng xuất hiện với kích thước như nhau, như vậy thì thật là nhàm chán đúng không? Vậy làm thế nào để object oWall của chúng ta mang nhiều màu sắc trong game để người chơi hứng thú hơn.

1. Import tất cả các hình ảnh (sprite) mà bạn muốn chướng ngại vật sử dụng, chuyển tốc độ khung hình (Speed) về 0.

Ở đây mình sử dụng 9 hình ảnh (kích thước như nhau) để làm những chướng ngại vật khác nhau

2. Chỉnh sửa Step Event của oFunction (nếu bạn không biết oFunction là gì, xem lại phần 2)

//1000 điểm = 1 level up
level=floor(oCircle.myscore/1000)+1;

//Tính vận tốc di chuyển của oWall
levelSpeed=8+level*1.3;

//Khi hết thời gian đếm ngược
if (delay==0){
	
	//Reset thời gian đếm ngược, min=40
	delay=max(40,100-level*10);
	
	//Lấy vị trí ngẫu nhiên
	var xx=random_range(0,520);

    //Tạo oWall
	with (instance_create_layer(xx,-200,"Instances",oWall)){
		//Lấy hình ảnh ngẫu nhiên: CHỨC NĂNG MỚI
		image_index=random_range(0,8);
		
		//Kích thước object ngẫu nhiên (tăng theo cấp): CHỨC NĂNG MỚI
		image_xscale=random_range(0.3+oFunction.level/10,0.8+oFunction .level/10);
		image_yscale=image_xscale;
		
		//Tốc độ của oWall
		speed=oFunction.levelSpeed;	
		
		//Hướng đi: trên -> dưới
		direction=point_direction(0,0,0,1);
	}
	
} else delay--;

3. Mỗi khi khởi động trò chơi, GMS2 sẽ cung cấp cho chúng ta một seed, những hàm random ở bước 2 sẽ dựa vào seed để trả về những giá trị ngẫu nhiên. Tuy nhiên seed này sẽ không thay đổi ngay cả khi bạn thoát trò chơi và vào lại, vì vậy những giá trị ngẫu nhiên là như nhau ở mọi thời điểm chơi trò chơi này. Nhằm tránh hiện tượng trên, tại Create Event của oFunction, các bạn hãy thêm dòng randomize();

randomize() sẽ đảm nhiệm chức năng thay đổi seed mỗi khi trò chơi bắt đầu. 

4. Chạy thử

Các vật thể được sinh ra với kích thước và hình dạng ngẫu nhiên

Nhập tên người chơi

Phần này sử dụng hàm get_string_async(<Title>,<DefaultName>) để tạo cửa sổ cho người dùng nhập dữ liệu trên cả PC và android và trả về một danh sách gần như là Map trong Java. Chính vì vậy chúng ta sử dụng một Event mới: Async - Dialog nhằm phân tích danh sách này và trả về đúng dữ liệu mà người dùng nhập vào, các bạn có thể tìm hiểu sâu hơn tại đây.

1. Tạo thêm 1 nút (object) oChangeName (xem cách tạo nút tại phần 1), và thêm vào đó 4 event như sau

2. Create Event: Tạo 2 biến, một biến lưu trữ tên người chơi, một biến tạm lưu trữ giá trị trả về

//BIẾN GLOBAL (có thể sử dụng trong mọi room): tạo giá trị mặc định của tên người chơi
global.name="Defaut";

//Biến tạm lưu giá trị của Map
msg="";

3. Draw Event: In thông tin người chơi ra màn hình

//Dòng này nhằm hiển thị nút "oChangeName"
draw_self();

//Chỉnh font
draw_set_halign(fa_center);
draw_set_font(gameFont1);

//Ghi thông tin người chơi ra màn hình
draw_text(360,y-80,"Welcome, "+string(global.name));

4. Left Pressed Event: Hiển thị cửa sổ nhập tên khi ấn chuột trái

//Lưu giá trị nhập liệu vào biến tạm trước
msg=get_string_async("Type your name: ","Defaut name");

5. Xử lí dữ liệu trả về của Map (Nâng cao nên không cần hiểu rõ)

//Xử lí giá trị ở bước 4
var mapId = ds_map_find_value(async_load, "id");
if mapId == msg
   if ds_map_find_value(async_load, "status")
      if ds_map_find_value(async_load, "result") != ""
         global.name = ds_map_find_value(async_load, "result");

Thành quả chạy thử trên Android

Bảng điểm

GMS2 hỗ trợ một hàm build-in cho phép bạn lưu các giá trị tên người chơi và điểm số vào một table, và nó sẽ tự động sắp xếp từ điểm cao tới thấp, để hiển thị table

1. Tạo một object để hiển thị table chứa danh sách người chơi đứng top, sau khi tạo xong kéo thả object này vào room HighScore

Create Event để đọc danh sách người chơi mỗi khi truy cập room HighScore

Draw Event để vẽ bảng điểm trong room HighScore 

2. Tạo một object để lưu danh sách người chơi đứng top vào file, object này sẽ được tạo mỗi khi trò chơi kết thúc nhằm lưu lại điểm của người chơi hiện tại

Tạo object SaveHighScore (không dùng Sprite)

Cuối cùng, trong Collision Event của oCircle khi va chạm với oWall, hãy thêm dòng kiểm tra sau để lưu điểm số của người chơi

//Lưu điểm khi trò chơi kết thúc
if (!instance_exists(SaveHighScore))
	instance_create_layer(0,0,"GameOver",SaveHighScore);

Thành quả chạy thử trên Android khi ấn vào room HighScore

Tạm Kết

Qua phần này, các bạn đã có thể hiểu thêm được một số thành phần trong GMS2 và dựa vào đó để bổ sung những tính năng còn thiếu trong game của mình, nếu các bạn thấy chủ đề hay, hãy chia sẽ bài viết và đánh giá 5 sao để mình có thêm động lực hướng dẫn các bạn nhiều tính năng chuyên nghiệp hơn nữa. Cuối cùng, cảm ơn các bạn đã đọc bài viết và chúc các bạn thành công.
Demo phần 4 (phần cuối): giới thiệu về shader, nâng cấp trò chơi để quả bóng có thể bắn vỡ chướng ngại vật, hiển thị thanh máu như thế nào, ...

Game đã hoàn chỉnh: Android  PC

Tài nguyên sử dụng trong game (Đã update phần 1+2+3): Resource

Project (GMS2_ProjectFile): Part 1+2 (5000 views phần 4 mình sẽ update Project cuối cùng_bản đầy đủ tính năng)

• PROGRAM_CODE
• GMS2
• Game
• Hướng dẫn
• Lập trình
• Game Maker
• Game Make