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

Bất ngờ nhưng thú vị nên được thôi.

Giờ đây, các câu hỏi về lỗi nhỏ và chỉnh sửa nhỏ dần xuất hiện nên

Mình nghĩ sẽ khó để ghi lại tất cả các câu hỏi, nhưng hãy thử ghi lại xem sao.

Q13. Trong game trên, hãy thêm vùng canvas để hiển thị hình nền, nhân vật và quái vật phía trên vùng giao diện điều khiển.

-> Sau đó, để thêm đồ họa, yêu cầu này đã được gửi và vùng canvas được thêm vào, đồng thời các chức năng cần thiết được tách riêng ra và thêm vào 3 tệp. Lúc này, các chức năng vẽ nền, nhân vật và quái vật được thêm vào cùng với thanh máu (healthbar) phía trên nhân vật và quái vật. (Tuyệt vời!), hero, goblin, orc, troll, dragon, background cần được chuẩn bị riêng nên đã tạo một tab mới và yêu cầu tạo ảnh trên perplexity (mô hình flux, kiểu illustrator).

Khi nhập bằng tiếng Hàn, hình ảnh không được tạo ra bình thường nên đã yêu cầu như sau:

Q13.1. fantasy, hero, right side, 2d pixel, 100x100size, character draw

Q13.2. fantasy, goblin, right side, 2d pixel, 100x100size, character draw

Q13.3. fantasy, orc monster, left side, 2d pixel, 100x100size, draw it.

13.4. fantasy, troll monster, left side, 2d pixel, 100x100size, draw it.

13.5. fantasy, dragon monster, left side, 2d pixel, 100x100size, draw it.

13.6. fantasy, forest, width 800pixel, height 400pixel, draw images

Q14. Hãy xuất toàn bộ mã nguồn một lần nữa.

-> Yêu cầu xuất toàn bộ mã nguồn để phản ánh.

Q15. Phần cuối của tệp game.js bị thiếu. Hãy xuất lại chỉ tệp này.

-> Có một phần nhỏ bị thiếu ở cuối tệp game.js nên yêu cầu xuất lại chỉ tệp này.

Q16. Tệp game.js quá dài. Có thể tách nó thành từng chức năng chính không?

-> Vì một tệp js quá dài nên yêu cầu tách theo chức năng để quản lý dễ hơn và đã được phản ánh như sau:

Vâng, tất nhiên rồi. Tệp game.js có thể được tách thành từng chức năng chính để dễ quản lý hơn. Hãy thử tách tệp như sau:

characters.js: Định nghĩa lớp Character, Player, Monster
items.js: Định nghĩa lớp Weapon, Armor và dữ liệu liên quan
game.js: Lớp Game và logic chính của game
ui.js: Các hàm liên quan đến giao diện người dùng (vẽ canvas, cập nhật trạng thái, v.v.)
main.js: Các hàm liên quan đến khởi tạo và chạy game

Q17. Tệp main.js bị thiếu. Hãy xuất lại chỉ tệp này.

-> Tệp thứ 5 cuối cùng cũng bị thiếu ở cuối nên yêu cầu xuất lại.

Q18. Hãy xuất lại mã nguồn html để bao gồm các tệp js đã tách.

-> Yêu cầu xuất mã nguồn html bao gồm các tệp đã tách.

Q19. Có lỗi là thanh máu (healthbar) không được hiển thị trên canvas trong khi chiến đấu. Hãy kiểm tra và sửa mã nguồn.

-> Mặc dù hiển thị bình thường nhưng thanh máu chỉ xuất hiện lúc đầu và không xuất hiện trong khi chiến đấu nên yêu cầu sửa lỗi.

Q20. Có lỗi xảy ra khi vẽ monsterImage trong ui.js. Hãy sửa lỗi.

-> Có lỗi xảy ra trong quá trình thực hiện chức năng nên yêu cầu sửa lỗi.

Đến đây là kết thúc công việc trong giờ ăn trưa và kết quả hoạt động tốt.

https://ggoban.com/hof/