BÁO cáo bài tập lớn môn học lập TRÌNH MẠNG đề tài game bắn xe tăng

I HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO BÀI TẬP LỚN MÔN HỌC: LẬP TRÌNH MẠNG Nhóm 04 Đề tài: Game bắn xe tăng Giảng viên: Thầy Nguyễn Trọng Khánh Sinh viên thực hiện: Lã Trung Hiếu Lê Dương Hưng MỤC LỤC Phan Quang Hiếu : B18DCCN225 Chu Đức Chính : B18DCCN082 Hồ Sĩ Lâm : B18DCCN322 I II III I DANH SÁCH THÀNH VIÊN VÀ ĐÓNG GÓP IV VI Thành viên Phan Quang Hiếu (nhóm trưởng) VIII Chu Đức Chính X Lê Dương Hưng XI Lã Trung Hiếu XIII Hồ Sĩ Lâm V VII Đóng góp - Game Engine IX - Làm giao diện đăng ký,đăng nhập,chọn phòng - Thiết kế database - API đăng nhập, đăng ký XII - Vẽ xe tăng XIV - Làm báo cáo PHÂN TÍCH U CẦU ĐỀ BÀI II XV XVI Mơ tả toán XVII - Game bắn xe tăng nhiều người chơi Gồm Server nhiều Client Phía Client XVIII + Để chơi người chơi phải login vào tài khoản từ máy client XIX + Sau login thành cơng giao diện lên danh sách phòng XX + Để thách đấu người chơi khác chọn vào phịng(Một phịng có tối đa player) XXI + Sau chọn phòng, player vào phịng thi đấu với - Phía Server XXII + Kết trận đấu lưu vào server Phạm vi phần mềm XXIII Người dùng có trình duyệt truy cập vào địa trang web trị chơi để chơi Cơng nghệ sử dụng • Client: HTML, CSS, JS, thư viện sockei.io.js • Server: node js, soket.io • Database: mongodb XXIV III PHÂN TÍCH THIẾT KẾ TỔNG QUAN HỆ THỐNG Các tác nhân (actor) tác động vào hệ thống XXV - Người chơi (player) XXVI Biểu đồ use case XXVII XXVIII Mô tả chức (use case) - UC1 - Register: Người chơi đăng ký tài khoản để đăng nhập vào hệ thống - UC2 - Login: Người chơi đăng nhập vào hệ thống - UC3 - Choose room: Người chơi chọn phòng để bắn - UC4 - Bắn XXIX IV PHÂN TÍCH THIẾT KẾ CHI TIẾT HỆ THỐNG Viết kịch Scenario XXX Kịch đăng ký Player chọn vào form login Server hiển thị giao diện login bao gồm: Tên tài khoản, mật khẩu, nút đăng ký, nút đăng nhập Player chọn vào nút Đăng ký Server hiển thị form Đăng ký bao gồm: input Tên tài khoản, input mật khẩu, button Đăng ký Player điền đầy đủ thông tin vào form Đăng ký Server kiểm tra thông tin nhập, hiển thị form Đăng nhập XXXI Exception: Player điền account tồn sở liệu Server không hiển thị thông báo “Tài khoản tồn tại” XXXII Kịch đăng nhập Player chọn vào form Đăng nhập Server hiển thị giao diện login bao gồm: tên tài khoản, mật khẩu, nút đăng nhập, nút đăng ký Player điền đầy đủ thông tin form Server kiểm tra thông tin bắt đầu giao diện game XXXIII Exception: Player điền sai thông tin tài khoản Server hiển thị thông báo “Sai thông tin đăng nhập” Player nhập lại thông tin XXXIV Kịch chơi game Các Player chọn phịng mà muốn để thi đấu với Server lắng nghe, đưa player vào phòng vừa chọn Player sử dụng phím điều hướng click để bắn Server cập nhật trạng thái, tính tốn vị trí đường đạn bắn ra, lượng máu Player XXXV Kịch xem phòng Player đăng nhập Server trả trang chủ bao gồm danh sách số phịng có sẵn Player xem số lượng Player có phịng(mặc định 4) 2 Biểu đồ lớp XXXVI XXXVII XXXVIII Biểu đồ XXXIX Chức nă User controller 1.1: handleRegisterO 1.1.1: checkValid 1.1.2: find XL XLI XLII visitor XLIII XLIV isplay register d XLV XLVI User controller XLVII XLVIII User XLIX L LXI LX - Chức đăng nhập LI LII LIII LIV Visitor display login I LV LVI Socket LVII LVIII 1.1.1: cneckva ue V - Chức chơi game - Chức tăng level (Tăng hp+dame) KIẾN TRÚC HỆ THỐNG VÀ CÀI ĐẶT HỆ THỐNG Kiên trúc hệ thông Kiến trúc hệ thống theo mơ hình MVC Cài đặt hệ thơng Game bắn tank cài đặt dạng client-server, sử dụng giao thức TCP/IP Sau mở server server lắng nghe tiếp nhận kết nối từ client Mỗi client tương đương với người chơi Client gửi yêu cầu xử lý lên server nhận kết từ server trả Cơ chê hoạt động game - Với phịng server có biết tồn cục(roomData) để lưu thông tin xe tank (tọa độ xe, hp, atk, id người chơi), viên đạn (tọa độ đạn, tốc độ, atk, id người chơi), hành động người chơi (lên, xuống, trái, phải, góc nịng súng, bắn) phòng - Khi người chơi đăng nhập chọn phịng gửi thơng tin lên server, server thêm người chơi vào phòng nguời chơi chọn, tạo biến xe tăng, biến hành động tương ứng với người chơi lưu vào biến toàn cục - Cứ khoảng thời gian (15ms) server tính toán tọa độ xe tăng, viên đạn, kiểm tra va chạm, kiểm tra hp người chơi (