Báo cáo môn học môn công nghệ phần mềm đề tài xây dựng chương trình game 2d

  BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH - - BÁO CÁO MÔN HỌC  MÔN: CÔNG NGHỆ PHẦN MỀM  Đề Tài: Xây Dựng Chương Trình Game 2D Lớp: K15DCPM06 GVHD: Lý Quang Vinh Sinh Viên Thực Hiện: Hà Lâm Nhật Tú MSSV: 2108110156 Thành phố Hồ Chí Minh   CHƯ Ơ NG 1: TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lý chọn đề tài 1.2 Giới hạn phạm vi đề tài .5 1.3 Nội dung thực 1.4 Phương pháp tiếp cận CHƯ Ơ NG 2: CƠ SỞ LÝ THUYẾT 2.1 Tổng quan HTML 2.1.1   Đối tượng tham gia hệ thống 2.1.2   Lịch sử HTML 2.2 Nguyên tắc thiết kế Game Tank Battle City 2.2.1 Nguyên tắc 1: Thiết kế giao diện game chặt chẽ dễ sử dụng 2.2.2 Nguyên tắc 2: Game phải sử dụng cách mượt mà CHƯ ƠNG 3: NỘI DUNG THỰC HIỆN 10 3.1 Phân tích đề tài 10 3.1.1 Khái niệm game casual? 10 3.1.2 Cách chơi 10 3.2 Xác định yêu cầu .11 3.2.1 Giao tiếp hệ thống 11 3.2.2 Giao tiếp điều khiển 11 3.2.3 Giao tiếp giao diện .11 3.3 Kịch game 12 3.4 Sơ đồ quan hệ lớp .13 3.5 Thiết kế đặc tả chức 14 3.5.1 Biểu đồ Use-case: 14 3.6 Demo Game 17 3.6.1 Giao diện hình chờ Menu 17 3.6.2 Màn hình game play 17 3.6.3 Màn Hình Game Over 18 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d CHNG : KẾT LUẬN 19 4.1 Kết đạt đề tài 19 4.2 Hạn chế đề tài .19 4.3 Hướng phát triển đề tài 20 TÀI LIỆU THAM KHẢO 21 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d LI CẢM ƠN Để có kiến thức thàng công ngày hôm trước hết em xin chân thành cảm ơn quý Thầy Cô Trường Đại học Gia Định.Trong suốt thời gian qua tận tình bảo,giúp đỡ có nhiều ý kiến đóng góp giúp em hồn thành tốt cơng việc học tập Và em chân thành cảm ơn Thầy Lý Quang Vinh tận tình hướng dẫn tạo điều kiện giúp em hồn thành chương trình Vì khả có hạn thời gian hạn hẹp không tránh thiếu sót sai lầm Rất mong đóng góp ý kiến q thầy bạn để chương trình ngày hồn thiện hn Xin chõn thnh cm n BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d LI MỞ ĐẦU Hiện Công nghệ thông tin vô cng phát triển người sử dụng máy vi tnh điện thoại di động để làm việc giải tr Do việc xây dựng ứng dụng ngành công nghiệp đầy tiềm hứa hẹn nhiều phát triển vượt bậc ngành khoa học kỹ thuật Phần mềm, ứng dụng đa dạng phong phú hệ điều hành Các hệ điều hành Windows, MAC, Adroid, IOS, Hybrid, Web bases Mobile Application phát triển thị trường truyền thông Ngày nay, với phát triển nhanh chóng xã hội, nhu cầu giải tr ngày phổ biến, em chọn đề tài “Xây dựng ứng dụng game 2D” với mục đch nghiên cứu, tìm hiểu ứng dụng để đáp ứng nhu cầu giải tr đó, giúp cho người thư giãn thơng qua ứng dụng BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d CHNG 1: TNG QUAN V TÀI 1.1   Lý chọn đề tài Trong năm gần đây, khoa học kỹ thuật phát triển mạnh mẽ, cơng nghệ có bước tiến vượt bậc đặc biệt mảng điện thoại di động Điện thoại di động thiết bị tiện ch, dễ sử dụng, nhỏ gọn, sử dụng lúc, nơi Các App xuất ngày phát triển số lượng chất lượng Các ứng dụng điện thoại xuất nhằm phục vụ nhu cầu tất yếu người dng như: chơi game, nghe nhạc, chụp ảnh, quay video, xem phim… Nhu cầu người dng cao, App xuất nhiều Tuy nhiên, App làm có chất lượng tốt Gần nhu cầu giải tr người dng ngày cao muốn giải tr giải tỏa tinh thần sau ngày làm việc mệt nhọc Vì họ tìm đến hoạt động giải tr ngồi trời nhằm thư giãn đầu óc Tuy nhiên khơng phải có thời gian, hội tham gia hoạt động giải tr ngồi trời họ khơng thch xa Chnh mà họ tìm đến thú vui game điện thoại di động Do biết nhu cầu người dng mà tham gia xây dựng ứng dụng game xe tăng chiến đấu HTML nhằm phục vụ nhu cầu giải tr người sử dụng Game Tank Battle City thể loại game 2d thận thiện với người dng từ trò chơi dòng máy Nintendo phiên có độc đáo riêng bạn đến với cỗ máy xe tăng bảo vệ chiến đấu với kẻ địch 1.2   Giới hạn phạm vi đề tài Đề tài xây dựng game Tank Battle City sử dụng cơng cụ lập trình Visual Studio Code 1.3   Nội dung thực  Nội dung thực nghiên cứu c th nh sau: BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d 3.5 Thit k đặc tả chức Để hiểu rõ yêu cầu đề tài, nhóm nghiên cứu đề xuất phương án thiết kế biểu đồ để hiểu thêm cách thức hoạt động, cách xử lý đề tài 3.5.1 Biểu đồ Use-case: a)   Biểu đồ Use-case tổng quát:  Hình :Biểu đồ Use Case tổng quát  b)   Đặc tả Use-case “Play”  -   Tên use-case: Use-case Play game -   Người sử dụng: Người dng   Mục đích: Chức chức chơi game, chức sử dụng chnh ứng dụng - -   Dòng kiện: Hành động tác nhân   User vào ứng dụng   User nhấn vào button “Play”   Phản ứng hệ thống Hệ thống đưa giao diện chnh Hệ thống hiển thị hình chi game 14 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d - Cỏc yờu cầu đặc biệt: Khơng có -   Trạng thái hệ thống trước bắt đầu thực Use-case: Hệ thống hình menu game -   Trạng thái hệ thống sau thực Use-case: Hệ thống hiển thị hình chơi game chnh -   Điểm mở rộng: Khơng có c)   Đặc tả Use-case “Help”  -   Tên use-case: Use-case Help -   Người sử dụng: Người dng -   Mục đích: Chức giới thiệu thơng tin ứng dụng -   Dòng kiện: Hành động tác nhân Phản ứng hệ thống   User vào ứng dụng Hệ thống đưa giao diện chnh   User nhấn vào button “Hướng Dẫn” Hệ thống hiển thị hình giới thiệu chức game -   Các yêu cầu đặc biệt: Không có -   Trạng thái hệ thống trước bắt đầu thực Use-case: Hệ thống hình chnh -   Trạng thái hệ thống sau thực Use-case: Hệ thống hiển thị hình giới thiệu chức game -   Điểm mở rộng: 15 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d Khụng cú *Actor: Ngi chi -   Di chuyển xe tang -   Bắn đạn tiêu diệt kẻ địch hạ kẻ địch -   Thu thập vật phẩm để nâng cấp tăng lực chiến Kẻ địch   -   Tấn công xe tăng người chơi -   Di chuyển để tránh đường đạn người chơi Quản trò   -   Quản lý trị chơi -   Thêm, xóa chỉnh sửa cấp độ -   Thiết kế phát triển chc nng khỏc ca game 16 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d 3.6 Demo Game 3.6.1 Giao diện hình chờ Menu  Hình 4: Màn hình Menu Game -   Khi người chơi vào game hình chức game o   Play : Khi click vào Play hình trực tiếp chuyển đến hình chọn chế độ chơi cho người dng 3.6.2 Màn hình game play -Người chơi vào trận để chiến đấu với kẻ địch 17 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d Hỡnh 5: Mn hỡnh Game Play 3.6.3 Màn Hình Game Over -   Khi nhân vật chết bị kẻ địch bắn hình chuyển đến  Hình 6: Màn Hình Game Over  18 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d CHNG : KT LUN 4.1 Kt đạt đề tài    Trình bày tổng quan công nghệ HTML    Hiểu rõ tác dụng Animation    Hiểu rõ cách làm game HTML    Xử lý lỗi HTML    Xử lý âm game    Xử lý nhân vật game    Xử lý kẻ địch game    Xử lý vật phẩm game    Hoàn thành game Tank Battle City    Xây dựng trò chơi “Tank Battle City” có tnh giải tr cao hiệu giúp người chơi thoải mái sau ngày làm việc mệt nhọc    Chức đơn giản dễ sử dụng ph hợp với lứa tuổi 4.2 Hạn chế đề tài -   Chưa xử lý tối ưu buộc, liệu chưa xếp linh hoạt hợp lý -   Còn nhiều chức chưa hoàn thiện -   Chưa bắt hết lỗi hệ thống -   Chưa xử lý trạng thái hệ thống bị dừng thao tác số tồn việc đặt tên sử dụng linh hoạt điều khin 19 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d 4.3 Hng phỏt trin ca đề tài    Tương    Đồng tác người chơi thơng qua hệ thống hóa liệu ứng dụng offline hệ thống trực tuyến    Dữ liệu tối ưu hóa đến mức chi tiết    Tối ưu hóa nhân vật giúp nhân vật chuyển nhiều trạng thái nhân vt 20 BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d BĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2dBĂo.cĂo.mn.hỏằãc.mn.cng.nghỏằ.phỏĐn.mỏằãm.ỏằã.ti.xÂy.dỏằng.chặặĂng.trơnh.game.2d