[Phần 4] Tự tạo game web chỉ trong 30 phút với AI.

Chưa bao giờ tôi viết bài chăm chỉ đến thế này... Thế giới mới này thú vị quá nên việc đăng bài đều đặn cứ thế mà diễn ra.

Trước hết, các điểm cải thiện như sau:

1. Thêm chỉ số xác suất chí mạng và sát thương chí mạng vào nhân vật (người chơi, quái vật), trong trận chiến, tùy thuộc vào xác suất chí mạng mà sát thương mạnh hơn bình thường sẽ xảy ra.

1.1. Sửa đổi để có thể tăng xác suất chí mạng khi lên cấp.

2. Sửa đổi xác suất xuất hiện quái vật từ ban đầu (ngẫu nhiên đơn giản) thành gán trọng số cho quái vật và tạo ra quái vật theo trọng số.

2.1. Thêm số lượng quái vật từ 4 loại ban đầu lên 12 loại.

3. Thêm chức năng mua bình hồi máu (3 loại) tại cửa hàng sau trận chiến để có thể sử dụng vàng kiếm được.

3.1. Quản lý trạng thái hiện tại (idle, battle, shop) và bán kính UI theo trạng thái để chỉ có thể sử dụng cửa hàng sau trận chiến.

3.2. Thêm logic vào UI cửa hàng để có thể mua hàng tại cửa hàng và khôi phục HP của nhân vật.

(Thêm) 4. Thêm CSS phản hồi được xem xét trên thiết bị di động.

4.1. Khi yêu cầu CSS tương thích với phản hồi, nó đã được sửa đổi ngay lập tức. Tuyệt vời...

(Thêm) 5. Sửa đổi trạng thái hiển thị nút theo từng trạng thái.

5.1. Để khắc phục sự bất tiện như việc trò chơi bị khởi động lại vì tất cả các nút đều xuất hiện trong mọi trạng thái và phải nhấn start game một lần nữa..., các nút được thay đổi để xuất hiện phù hợp với từng trạng thái.

(Thêm 2) 6. Giải quyết vấn đề lượt chơi diễn ra 2 lần trong trận chiến.

6.1. Phần này đã được yêu cầu sửa đổi một lần, nhưng không có vấn đề gì với hàm battleTurn(). Tuy nhiên, khi xem xét các phần liên quan, sự trùng lặp giữa sự kiện onclick trong html và việc tiêm sự kiện bằng trình lắng nghe sự kiện trong main.js đã gây ra vấn đề, và khi vấn đề này được chuyển đến perplexity, tôi đã nhận được câu trả lời này ㅎㅎ

(Thêm 2) 7. Hiển thị tên người chơi và quái vật lên trên thanh máu trong trận chiến và thay đổi nền một cách nhỏ.
7.1. Có vẻ như nền mới phù hợp hơn. Tôi dự định sẽ sửa đổi để có thể đặt tên nhân vật khi bắt đầu trò chơi.

(Thêm 3) 8. Thêm mana cho người chơi và quái vật, giờ đây có thể đặt tên và chơi.
8.1. Đã sửa đổi để có thể đặt tên khi bắt đầu và trò chơi được tiến hành với tên đó.

8.2. Mana đã được thêm vào người chơi và quái vật và được phản ánh để hiển thị trên canvas.

8.3. Sau này, dự định cải thiện bằng cách mua kỹ năng ngẫu nhiên tại cửa hàng như kiểu roguelike và sử dụng chúng trong trận chiến (kỹ năng được mua như kiểu roguelike - mở rộng theo thứ tự cây kỹ năng cụ thể).

Thực ra, bây giờ thì khác với tiêu đề, tôi dành hơn 30 phút mỗi ngày.

Nếu không phân chia các file theo chức năng, có lẽ tôi đã phải chịu đựng ở giai đoạn này...

Tuy nhiên, sau khi hoàn thành công việc cho đến hôm nay, tôi nghĩ rằng mình đã hoàn thành được một trò chơi web đơn giản nhưng khá giống thật.

ㅎㅎ

Địa chỉ kiểm tra: https://ggoban.com/hof/