Khác biệt giữa các bản “Bài 8: Thiết kế màn hình chờ cho trò chơi”

Từ ChipFC Wiki
Bước tới: chuyển hướng, tìm kiếm
(Tạo trang mới với nội dung “Category:Scratch nâng cao ==Mục tiêu== * Học sinh hiểu được khái niệm màn hình chào trong ứng dụng. * Học sinh thiết kế…”)
 
 
Dòng 9: Dòng 9:
 
Trong bài này, chúng ta sẽ thiết kế một màn hình khởi đầu trò chơi, gọi là màn hình chờ. Giao diện của màn hình này có thể như sau
 
Trong bài này, chúng ta sẽ thiết kế một màn hình khởi đầu trò chơi, gọi là màn hình chờ. Giao diện của màn hình này có thể như sau
 
    
 
    
[[Tập tin:bai8-1.jpg|120px|nhỏ|giữa|Hình 1: Ví dụ về màn hình chờ của trò chơi]]
+
[[Tập tin:bai8-1.png|120px|nhỏ|giữa|Hình 1: Ví dụ về màn hình chờ của trò chơi]]
  
 
Ý tưởng thiết kế ở đây, là ban đầu khi nhấn vào lá cờ màu xanh, tất cả các nhân vật của trò chơi đều ẩn đi và chỉ có màn hình chờ hiện ra mà thôi. Trên màn hình chờ chúng ta có thể thiết kế một nút nhấn, ví dụ là nút START (nghĩa là bắt đầu). Khi nhấn vào nút này, tất cả những gì thuộc về màn hình chờ sẽ ẩn đi. Một thông báo bắt đầu trò chơi sẽ được gửi cho tất cả các đối tượng thuộc về trò chơi (xe tăng, vật cản, …) và các đối tượng này sẽ hiện ra.  
 
Ý tưởng thiết kế ở đây, là ban đầu khi nhấn vào lá cờ màu xanh, tất cả các nhân vật của trò chơi đều ẩn đi và chỉ có màn hình chờ hiện ra mà thôi. Trên màn hình chờ chúng ta có thể thiết kế một nút nhấn, ví dụ là nút START (nghĩa là bắt đầu). Khi nhấn vào nút này, tất cả những gì thuộc về màn hình chờ sẽ ẩn đi. Một thông báo bắt đầu trò chơi sẽ được gửi cho tất cả các đối tượng thuộc về trò chơi (xe tăng, vật cản, …) và các đối tượng này sẽ hiện ra.  
Dòng 16: Dòng 16:
 
Trong hướng dẫn này, chúng ta sẽ chọn hình nền từ thư viện có sẵn của Scratch. Tuy nhiên học sinh có thể chủ động thiết kế màn hình khác nếu muốn. Chúng ta sẽ chọn vào đối tượng sân khấu và sau đó, '''''Chọn phông nền từ thư viện'''''
 
Trong hướng dẫn này, chúng ta sẽ chọn hình nền từ thư viện có sẵn của Scratch. Tuy nhiên học sinh có thể chủ động thiết kế màn hình khác nếu muốn. Chúng ta sẽ chọn vào đối tượng sân khấu và sau đó, '''''Chọn phông nền từ thư viện'''''
 
    
 
    
[[Tập tin:bai8-2.jpg|120px|nhỏ|giữa|Hình 2: Chọn màn hình chờ từ hình nền có sẵn của thư viện]]
+
[[Tập tin:bai8-2.png|120px|nhỏ|giữa|Hình 2: Chọn màn hình chờ từ hình nền có sẵn của thư viện]]
  
 
Chúng ta có thể chọn màn hình '''''blue sky''''' và nhấn OK
 
Chúng ta có thể chọn màn hình '''''blue sky''''' và nhấn OK
 
      
 
      
[[Tập tin:bai8-3.jpg|120px|nhỏ|giữa|Hình 3: Chọn hình nền blue sky và nhấn OK]]
+
[[Tập tin:bai8-3.png|120px|nhỏ|giữa|Hình 3: Chọn hình nền blue sky và nhấn OK]]
  
 
Tiếp tục thêm 1 nút nhấn để tạo nút bắt đầu cho trò chơi bằng cách chọn '''''Chọn nhân vật từ thư viện'''''
 
Tiếp tục thêm 1 nút nhấn để tạo nút bắt đầu cho trò chơi bằng cách chọn '''''Chọn nhân vật từ thư viện'''''
 
      
 
      
[[Tập tin:bai8-4.jpg|120px|nhỏ|giữa|Hình 4: Chọn thêm nút nhấn để bắt đầu trò chơi]]
+
[[Tập tin:bai8-4.png|120px|nhỏ|giữa|Hình 4: Chọn thêm nút nhấn để bắt đầu trò chơi]]
  
 
Chúng ta có thể chọn một nút nhấn như hình bên dưới
 
Chúng ta có thể chọn một nút nhấn như hình bên dưới
 
      
 
      
[[Tập tin:bai8-5.jpg|120px|nhỏ|giữa|Hình 5: Lựa chọn nút nhấn bắt đầu cho trò chơi]]
+
[[Tập tin:bai8-5.png|120px|nhỏ|giữa|Hình 5: Lựa chọn nút nhấn bắt đầu cho trò chơi]]
  
 
Giao diện các đối tượng và sân khấu của chương trình lúc này như sau:
 
Giao diện các đối tượng và sân khấu của chương trình lúc này như sau:
 
   
 
   
[[Tập tin:bai8-6.jpg|120px|nhỏ|giữa|Hình 6: Giao diện sân khấu và các đối tượng]]
+
[[Tập tin:bai8-6.png|120px|nhỏ|giữa|Hình 6: Giao diện sân khấu và các đối tượng]]
  
 
2.2 Ẩn toàn bộ các đối tượng của trò chơi khi nhấn vào sự kiện lá cờ
 
2.2 Ẩn toàn bộ các đối tượng của trò chơi khi nhấn vào sự kiện lá cờ
 
Ban đầu, tất cả các đối tượng của trò chơi phải ẩn đi. Để làm được hiệu ứng này, chúng ta sẽ hiện thực sự kiện khi nhấn vào lá cờ cho tất cả các đối tượng của trò chơi. Ví dụ cho xe tăng như sau:
 
Ban đầu, tất cả các đối tượng của trò chơi phải ẩn đi. Để làm được hiệu ứng này, chúng ta sẽ hiện thực sự kiện khi nhấn vào lá cờ cho tất cả các đối tượng của trò chơi. Ví dụ cho xe tăng như sau:
 
   
 
   
[[Tập tin:bai8-7.jpg|120px|nhỏ|giữa|Hình 7: Ẩn xe tăng đi khi nhấn vào lá cờ]]
+
[[Tập tin:bai8-7.png|120px|nhỏ|giữa|Hình 7: Ẩn xe tăng đi khi nhấn vào lá cờ]]
  
 
Chương trình cho vật cản, được bắt đầu khi nhấn và lá cờ. Do đó, chúng ta cần thay đổi như sau:
 
Chương trình cho vật cản, được bắt đầu khi nhấn và lá cờ. Do đó, chúng ta cần thay đổi như sau:
 
   
 
   
[[Tập tin:bai8-8.jpg|120px|nhỏ|giữa|Hình 8: Chương trình cho vật cản khi nhấn vào lá cờ]]
+
[[Tập tin:bai8-8.png|120px|nhỏ|giữa|Hình 8: Chương trình cho vật cản khi nhấn vào lá cờ]]
  
 
Đến đây, khi khởi động trò chơi và nhấn vào lá cờ, chúng ta chỉ có màn hình chờ ban đầu mà thôi
 
Đến đây, khi khởi động trò chơi và nhấn vào lá cờ, chúng ta chỉ có màn hình chờ ban đầu mà thôi
 
   
 
   
[[Tập tin:bai8-9.jpg|120px|nhỏ|giữa|Hình 9: Màn hình chờ trò chơi]]
+
[[Tập tin:bai8-9.png|120px|nhỏ|giữa|Hình 9: Màn hình chờ trò chơi]]
  
 
Để đảm bảo mỗi lần chơi lại, để màn hình chờ luôn luôn là blue sky, chúng ta hiện thực thêm sự kiện lá cờ cho chính sân khấu như sau:
 
Để đảm bảo mỗi lần chơi lại, để màn hình chờ luôn luôn là blue sky, chúng ta hiện thực thêm sự kiện lá cờ cho chính sân khấu như sau:
 
   
 
   
[[Tập tin:bai8-10.jpg|120px|nhỏ|giữa|Hình 10: Hiện thực sự kiện lá cờ cho sân khấu]]
+
[[Tập tin:bai8-10.png|120px|nhỏ|giữa|Hình 10: Hiện thực sự kiện lá cờ cho sân khấu]]
  
 
'''''Lưu ý:''''' Cần phải chọn vào sân khấu, sau đó chọn vào nguyên bản để lập trình.
 
'''''Lưu ý:''''' Cần phải chọn vào sân khấu, sau đó chọn vào nguyên bản để lập trình.
Dòng 56: Dòng 56:
 
Chúng ta sẽ hiện thực một chương trình nhỏ cho nút nhấn. Khi nút nhấn này được nhấn vào, thì nó sẽ ẩn đi, đổi phông nền khác. Sau đó, một tin nhắn BatDauTroChoi sẽ được gửi đến cho tất cả các đối tượng trong trò chơi. Ngoài ra, khi nhấn vào lá cờ để bắt đầu lại trò chơi, thì nút nhất này được hiện ra cũng như phông nền được thay đổi thành blue sky. Chương trình cho nút nhấn này như sau:
 
Chúng ta sẽ hiện thực một chương trình nhỏ cho nút nhấn. Khi nút nhấn này được nhấn vào, thì nó sẽ ẩn đi, đổi phông nền khác. Sau đó, một tin nhắn BatDauTroChoi sẽ được gửi đến cho tất cả các đối tượng trong trò chơi. Ngoài ra, khi nhấn vào lá cờ để bắt đầu lại trò chơi, thì nút nhất này được hiện ra cũng như phông nền được thay đổi thành blue sky. Chương trình cho nút nhấn này như sau:
 
   
 
   
[[Tập tin:bai8-11.jpg|120px|nhỏ|giữa|Hình 11: Chương trình cho nút nhấn màu xanh]]
+
[[Tập tin:bai8-11.png|120px|nhỏ|giữa|Hình 11: Chương trình cho nút nhấn màu xanh]]
  
 
Sau cùng, các đối tượng nhận được thông báo BatDauTroChoi sẽ hiện ra. Riêng đối tượng vật cản, nó sẽ bắt đầu xây trên sân khấu của trò chơi. Chương trình cho xe tăng sẽ như sau:
 
Sau cùng, các đối tượng nhận được thông báo BatDauTroChoi sẽ hiện ra. Riêng đối tượng vật cản, nó sẽ bắt đầu xây trên sân khấu của trò chơi. Chương trình cho xe tăng sẽ như sau:
 
   
 
   
[[Tập tin:bai8-12.jpg|120px|nhỏ|giữa|Hình 12: Chương trình hiện lại xe tăng khi nhận thông báo BatDauTroChoi]]
+
[[Tập tin:bai8-12.png|120px|nhỏ|giữa|Hình 12: Chương trình hiện lại xe tăng khi nhận thông báo BatDauTroChoi]]
  
 
Chương trình cho vật cản sẽ như sau:
 
Chương trình cho vật cản sẽ như sau:
 
   
 
   
[[Tập tin:bai8-13.jpg|120px|nhỏ|giữa|Hình 13: Chương trình của vật cản]]
+
[[Tập tin:bai8-13.png|120px|nhỏ|giữa|Hình 13: Chương trình của vật cản]]
  
 
Như vậy, thay vì bắt đầu vẽ ra bản đồ khi nhấn và lá cờ, vật cản sẽ bắt đầu được vẽ ra khi có thông báo '''''BatDauTroChoi'''''.
 
Như vậy, thay vì bắt đầu vẽ ra bản đồ khi nhấn và lá cờ, vật cản sẽ bắt đầu được vẽ ra khi có thông báo '''''BatDauTroChoi'''''.

Bản hiện tại lúc 05:52, ngày 10 tháng 11 năm 2018


Mục tiêu

  • Học sinh hiểu được khái niệm màn hình chào trong ứng dụng.
  • Học sinh thiết kế được màn hình chào.
  • Học sinh áp dụng vào trò chơi đã được học.

Nội dung chi tiết

Trong bài này, chúng ta sẽ thiết kế một màn hình khởi đầu trò chơi, gọi là màn hình chờ. Giao diện của màn hình này có thể như sau

Hình 1: Ví dụ về màn hình chờ của trò chơi

Ý tưởng thiết kế ở đây, là ban đầu khi nhấn vào lá cờ màu xanh, tất cả các nhân vật của trò chơi đều ẩn đi và chỉ có màn hình chờ hiện ra mà thôi. Trên màn hình chờ chúng ta có thể thiết kế một nút nhấn, ví dụ là nút START (nghĩa là bắt đầu). Khi nhấn vào nút này, tất cả những gì thuộc về màn hình chờ sẽ ẩn đi. Một thông báo bắt đầu trò chơi sẽ được gửi cho tất cả các đối tượng thuộc về trò chơi (xe tăng, vật cản, …) và các đối tượng này sẽ hiện ra.

Thiết kế màn hình chờ

Trong hướng dẫn này, chúng ta sẽ chọn hình nền từ thư viện có sẵn của Scratch. Tuy nhiên học sinh có thể chủ động thiết kế màn hình khác nếu muốn. Chúng ta sẽ chọn vào đối tượng sân khấu và sau đó, Chọn phông nền từ thư viện

Hình 2: Chọn màn hình chờ từ hình nền có sẵn của thư viện

Chúng ta có thể chọn màn hình blue sky và nhấn OK

Tập tin:Bai8-3.png
Hình 3: Chọn hình nền blue sky và nhấn OK

Tiếp tục thêm 1 nút nhấn để tạo nút bắt đầu cho trò chơi bằng cách chọn Chọn nhân vật từ thư viện

Hình 4: Chọn thêm nút nhấn để bắt đầu trò chơi

Chúng ta có thể chọn một nút nhấn như hình bên dưới

Hình 5: Lựa chọn nút nhấn bắt đầu cho trò chơi

Giao diện các đối tượng và sân khấu của chương trình lúc này như sau:

Hình 6: Giao diện sân khấu và các đối tượng

2.2 Ẩn toàn bộ các đối tượng của trò chơi khi nhấn vào sự kiện lá cờ Ban đầu, tất cả các đối tượng của trò chơi phải ẩn đi. Để làm được hiệu ứng này, chúng ta sẽ hiện thực sự kiện khi nhấn vào lá cờ cho tất cả các đối tượng của trò chơi. Ví dụ cho xe tăng như sau:

Hình 7: Ẩn xe tăng đi khi nhấn vào lá cờ

Chương trình cho vật cản, được bắt đầu khi nhấn và lá cờ. Do đó, chúng ta cần thay đổi như sau:

Hình 8: Chương trình cho vật cản khi nhấn vào lá cờ

Đến đây, khi khởi động trò chơi và nhấn vào lá cờ, chúng ta chỉ có màn hình chờ ban đầu mà thôi

Hình 9: Màn hình chờ trò chơi

Để đảm bảo mỗi lần chơi lại, để màn hình chờ luôn luôn là blue sky, chúng ta hiện thực thêm sự kiện lá cờ cho chính sân khấu như sau:

Hình 10: Hiện thực sự kiện lá cờ cho sân khấu

Lưu ý: Cần phải chọn vào sân khấu, sau đó chọn vào nguyên bản để lập trình.

Hiện lại các đối tượng trò chơi khi nhấn vào nút bắt đầu

Chúng ta sẽ hiện thực một chương trình nhỏ cho nút nhấn. Khi nút nhấn này được nhấn vào, thì nó sẽ ẩn đi, đổi phông nền khác. Sau đó, một tin nhắn BatDauTroChoi sẽ được gửi đến cho tất cả các đối tượng trong trò chơi. Ngoài ra, khi nhấn vào lá cờ để bắt đầu lại trò chơi, thì nút nhất này được hiện ra cũng như phông nền được thay đổi thành blue sky. Chương trình cho nút nhấn này như sau:

Hình 11: Chương trình cho nút nhấn màu xanh

Sau cùng, các đối tượng nhận được thông báo BatDauTroChoi sẽ hiện ra. Riêng đối tượng vật cản, nó sẽ bắt đầu xây trên sân khấu của trò chơi. Chương trình cho xe tăng sẽ như sau:

Hình 12: Chương trình hiện lại xe tăng khi nhận thông báo BatDauTroChoi

Chương trình cho vật cản sẽ như sau:

Hình 13: Chương trình của vật cản

Như vậy, thay vì bắt đầu vẽ ra bản đồ khi nhấn và lá cờ, vật cản sẽ bắt đầu được vẽ ra khi có thông báo BatDauTroChoi.

Bài tập về nhà

Học sinh thiết kế thêm nhiều nút nhấn ở màn hình chờ để giới thiệu tác giả, cũng như giới thiệu luật chơi của trò chơi.