Lời giới thiệu

Lần này, chúng ta sẽ tạo một màn hình pháo hóa trong một thành phố.

screenshot

BƯỚC 1: Tạo một tên lửa bay về phía con trỏ chuột

Nhãy nhập những hình nền khác nhau cho trò chơi

Danh sách liệt kê hoạt động

  • Bắt đầu một dự án Scratch. Xóa chú mèo bằng cách click chuột phải và chọn lệnh “Delete”
  • Thay thế phông nền với outdoor/city-with-water (ngoài trời/thành phố trong nước)
  • Sử dụng lệnh Upload sprite from file (tải hình ảnh từ file) {.blockgrey} để thêm một tên lửa cho dự án.
  • Làm ẩn tên lửa khi click vào lá cờ màu xanh lá cây.

Bây giờ chúng ta cần tạo một tên lửa di chuyển về phía con trỏ chuột khi click.

  • Thêm một khối điểu khiển when space key pressed và ở đó làm cho tên lửa xuất hiện và lướt về phía con trỏ chuột.

khi nhấn vào @
ẩn

khi nhấn phím [phím cách v]
hiện
lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây

Chạy thử dự án của bạn

Chọn vào lá cờ màu xanh lá cây, đặt con trỏ chuột lên sân khấu.

Tên lửa có xuất hiện và di chuyển đến con trỏ chuột?
Chuyện gì sẽ xảy ra khi ta không di chuyển chuột và nhấn vào khoảng không một lần nữa?

Danh sách hoạt động

  • Pháo hoa không bay từ bên này sang bên kia, do đó đảm bảo rằng nó luôn lướt về phía con trỏ chuột từ phía dưới màn hình. Trước khi chúng ta cho hiển thị tên lửa, dùng khối go to block để giúp nó di chuyển tới đáy màn hình nhưng giữ nguyên vị trí theo chiều dọc.

khi nhấn vào @
ẩn

khi nhấn phím [phím cách v]
nhảy tới x:(x của chuột) y:(-200)
hiện
lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây

Chạy thử dự án của bạn

Click vào lá cờ màu xanh, đặt trỏ chuột vào màn hình và nhấn phím cách.
Tên lửa có bay về phía trỏ chuột từ dưới màn hình? Chuyện gì xảy ra khi ta di chuyển chuột và nhấn vào khoảng không một lần nữa?

Danh sách hoạt động

  • Cuối cùng, hãy thực hiện công việc này bằng cách dùng chuột thay vì dấu cách. Để thực hiện nó, chúng ta có thể dùng lệnh trong một khối forever if mouse down (luôn luôn nếu dùng chuột).
    Sau đó hoán đổi khối when space key pressed (khi ấn chuột) bằng khối when flag clicked (khi click vào lá cờ) và hãy chắc chắn rằng tên lửa được ẩn đi khi mọi thứ khởi động.

khi nhấn vào @
ẩn
lặp mãi mãi
   nếu <chuột đã nhấn?> thì
      nhảy tới x:(x của chuột) y:(-200)
      hiện
      lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây
   end
end

Chạy thử dự án của bạn

Click vài lá cờ màu xanh lá, sau đó nhấn chuột trên sân khấu. Click một lần nữa tại một điểm khác.

Hãy thử!

  1. Thử làm cho một vài tên lửa chậm hoặc nhanh hơn các tên lửa khác một chút.
  2. Thử thay đổi nơi tên lửa di chuyển để khiến nó trượt về phía con trỏ chuột hơi có hình vòng cung.

Lưu dự án của bạn

BƯỚC 2: Làm cho tên lửa phát nổ

Danh sách hoạt động

  • Bước đầu tiên để làm cho tên lửa phát nổ là làm nó tạo ra một tiếng nổ Resources/bang.wav trước khi nó bắt đầu di chuyển, sau đó ẩn đi khi nó tới vị trí con trỏ chuột. Nhập một đoạn âm thanh vào thẻ Sounds (âm thanh) và click nút Upload sound from file (Tải âm thanh từ file).

khi nhấn vào @
ẩn
lặp mãi mãi
   nếu <chuột đã nhấn?> thì
      nhảy tới x:(x của chuột) y:(-200)
      chơi âm thanh [bang v]
      hiện
      lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây
      ẩn
   end
end

  • Bước tiếp theo, làm cho tên lửa truyền một thông điệp mới khi nó phát nổ. Chúng ta sẽ nghe thông điệp này sau.

khi nhấn vào @
ẩn
lặp mãi mãi
   nếu <chuột đã nhấn?> thì
      nhảy tới x:(x của chuột) y:(-200)
      chơi âm thanh [bang v]
      hiện
      lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây
      ẩn
      thông báo [explode v]
   end
end

Chạy thử dự án của bạn

Click vào lá cờ màu xanh.
Hãy chắc chắn rằng tên lửa phát ra âm thanh và ẩn khi tới vị trí con trỏ chuột.

Danh sách hoạt động

  • Tạo một hình mới từ File, Resources/firework1.png
  • Khi nhận được thông điệp về vụ nổ, nó sẽ tự ẩn đi và di chuyển tới vị trí quả tên lửa, sử dụng khối go to, tự hiện ra và lại biến mất sau một giây.

khi tôi nhận được thông báo [explode v]
ẩn
nhảy tới [rocket v]
hiện
đợi (1) giây
ẩn

Chạy thử dự án của bạn

Bắn một quả tên lửa khác.

Nó có được thay thế bằng hình vụ nổ khi phát nổ không?
Chuyện gì sẽ xảy ra khi bạn giữ chuột trong lúc di chuyển nó? (Đừng lo lắng, chúng ta sẽ sửa lỗi đó sau).

Lưu dự án của bạn

BƯỚC 3: Làm cho mỗi vụ nổ trở nên độc đáo

khi tôi nhận được thông báo [explode v]
ẩn
đặt hiệu ứng [màu v] là (lấy ngẫu nhiên trong khoảng (1) tới (200))
nhảy tới [rocket v]
hiện
đợi (1) giây
ẩn

Chạy thử dự án của bạn

Click vào lá cờ màu xanh.

Mỗi vụ nổ có một màu khác nhau không?

Danh sách hoạt động

  • Hãy thêm một số hình ảnh khác nhau cho vụ nổ bằng các sử dụng Resources/firework2.pngResources/firework3.png, rồi chuyển đổi chúng cho mỗi tên lửa một lần nữa trước khi hiển thị nó.

Chạy thử dự án của bạn

Click vào lá cờ xanh lá.

Mỗi tên lửa có một hình ảnh vụ nổ khác nhau không?

Danh sách hoạt động

  • Cuối cùng, hãy làm cho vụ nổ lớn hơn sau khi tên lửa phát nổ! Thay vì chờ trong một giây, đặt kích thước của sprite 5% trước khi hiển thị nó, và sau khi nó đã được thể hiện, tăng kích thước 2 fifty times, sử dụng lệnh repeat.

khi tôi nhận được thông báo [explode v]
ẩn
đặt hiệu ứng [màu v] là (lấy ngẫu nhiên trong khoảng (1) tới (200))
nhảy tới [rocket v]
hiện
đặt kích thước là (5)%
lặp lại (50) lần
   thay đổi kích thước một lượng (2)
end
ẩn

Chạy thử dự án của bạn

Click vào lá cờ màu xanh lá.

Hình ảnh vụ nổ có lan ra từ trung tâm và lớn dần lên không?

Hãy thử!

Lưu dự án của bạn

Step 4: Sửa lỗi phát thông tin

Bạn có nhớ rằng lúc trước chúng ta đã có một lỗi liên quan tới việc giữ chuột?
Vấn đề này xuất hiện bởi khi tên lửa phát thông tin vụ nổ của nó, nó sẽ ngay lập tức lặp lại nếu có vòng lặp và di chuyển trở lại phía dưới sân khấu, nó diễn ra trước khi vụ nổ được chuyển tới vị trí của tên lửa.

Danh sách hoạt động

  • Để sửa lỗi này, chúng ta có thể thay thế các khối truyền phát bằng một khối truyền và chờ. Bằng cách này, vòng lặp sẽ không lặp lại tới khi vụ nổ kết thúc.

khi nhấn vào @
ẩn
lặp mãi mãi
   nếu <chuột đã nhấn?> thì
      nhảy tới x:(x của chuột) y:(-200)
      chơi âm thanh [bang v]
      hiện
      lướt tới x:(x của chuột) y:(y của chuột) trong (1) giây
      ẩn
      thông báo [explode v] và đợi
   end
end

Chạy thử dự án của bạn

Click vào lá cờ màu xanh lá, giữ chuột và di chuyển quanh sân khấu.

Hình ảnh vụ nổ xuất hiện ở đúng nơi và vào đúng thời điểm không?

Lưu dự án của bạn

Tuyệt vời, bạn đã hoàn thành, giờ hãy thưởng thức trò chơi!

Đừng quên chia sẻ trò chơi của bạn với những người thân bằng cách click “Share” (chia sẻ) trên thanh menu!