BỘ LAO ĐỘNG THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG NGHỀ ISPACE -o0o KHOA: CÔNG NGHỆ THÔNG TIN NGÀNH: LẬP TRÌNH MOBILE ĐỒ ÁN TỐT NGHIỆP MINI GAME SQUARE KING GVHD : LÊ HỒNG KỲ SVTH : NGUYỄN XUÂN TIÊN – 97510010023 LÊ THANH HÙNG – 97510010014 BÙI PHÚ VINH – 9751001003 ĐỖ XUÂN SINH - 9751001004 HỒ CHÍ MINH, năm 2015 ĐỒ ÁN GAME MOBIE: SQUARE KING LỜI CẢM ƠN Trước tiên, em xin gửi lời cảm ơn đến tất quý thầy cô tham gia giảng dạy Trường Cao đẳng nghề CNTT iSpace truyền đạt kiến thức hữu ích làm sở cho em thực đồ án Em xin chân thành cảm ơn đến thầy Lê Hồng Kỳ, người tận tình hướng dẫn, tạo điều kiện thuận lợi để em hoàn thành tốt đồ án Sau em xin gửi lời biết ơn sâu sắc đến gia đình tạo điều kiện cho em suốt trình học tập thực đồ án Hồ Chí Minh, tháng 06 năm 2015 Trân trọng GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING TÓM TẮT ĐỒ ÁN SquareKing game thuộc thể loại mini game đòi hỏi cẩn thận, thông minh người chơi Game dưa theo game dots&boxes tiếng Game bao gồm khối ô vuông, người chơi theo lượt đi, tìm cách để trở thành người cuối khoanh tròn ô vuông giành thêm lượt Ngoài ô vuông chứa vật phẩm may mắn ( xui xẻo ) mà người chơi cộng trừ số điểm tương ứng Sau khoanh hết tất ô vuông , người có số điểm cao giành chiến thắng GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING MỤC LỤC MỤC LỤC HÌNH MỞ ĐẦU Ngày nay, điện thoại di động vật dụng thiếu sống Nó chức nghe gọi, mà thực hầu hết công việc mà máy tính làm, phục vụ cho nhu cầu văn phòng, giải trí công việc Đặc biệt ngành phần mềm, game lĩnh vực đặc biệt, có bước phát triển mạnh mẽ, mà nhu cầu giải trí thiết bị di động người sử dụng ngày tăng cao Do đó, lập trình game thiết bị di động xu hướng tất yếu nhà làm phần mềm Điện thoại Android với số lượng người dùng đông đảo, với đa dạng cấu hình, đa dạng chủng loại, mảnh đất màu mỡ cho nhà phát triển game Do đó, google hỗ trợ Android nhiều thư viện để lập trình game hiệu quả, kể đến OpenGL, thư viện đồ họa mạnh mẽ Với phát triển mạnh mẽ Android, lập trình game Android, hội cho lập trình viên lớn Vì vậy, nhóm chọn đồ án “Lập trình game Android” Trong đồ án này, nhóm trình bày nhìn lập trình game Android xây dựng chương trình demo GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING CHƯƠNG 1: TỔNG QUAN 1.1 TÌNH HÌNH TRONG VÀ NGOÀI NƯỚC Dot & Box game trí tuệ đời năm 1889 nhà toán học Édouard Lucas Với đơn giản cách chơi ( cần cấy bút chì giấy ) tạo cho người thời điểm trò chơi thú vị Game có nhiều phiên hầu hết dạng game flash chơi máy tính: • Boxo miniclip : Boxo game mini có cách chơi hấp dẫn, người chơi thay phiên gạch đường thẳng vào ô, người gạch đường thẳng để đóng thành ô ăn ô có thêm lượt đi, giành số điểm cao giành chiến thắng • Dot and boxes : Dot and boxes phiên game đơn giản với đường kẻ ô vuông, người ăn nhiều ô vuông chiến thắng Ở nước em chưa thấy phiên Dot & Box 1.2MỤC ĐÍCH ĐỒ ÁN Đồ án tập trung tạo trò chơi đơn giản hấp dẫn, chơi , đặc biệt tạo không cần dùng1 engine khác Đồ án gồm 03 chương: - Chương 1: Trình bày tổng quan bao gồm: tình hình nước liên quan đến trò chơi - Chương 2: Phân tích thiết kế trò chơi - Chương 3: Xây dựng trò chơi hoàn chỉnh GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ 2.1 PHÂN TÍCH Vì cấu trúc trò chơi gốc đơn giản, nên phiên Square King không thay đổi nhiều cách chơi, lối chơi khác nhiều Square King viết hoàn toàn code Android ( không sử dụng engine hỗ trợ từ bên thứ ) Các hình thiết kế hoàn toàn xml , animation xml, 2.2 THIẾT KẾ 2.2.1 Thiết kế hình mở đầu Giống game khác, nhóm em thiết kế hình mở đầu bao gồm logo với tiến trình(progress bar) Nhóm sử dụng “Async Task” “progress bar” để tạo hình Hình 2.1 Màn hình mở đầu GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 2.2.2 Giao diện Ở phần nhóm em thiết kế logo trò chơi (ImageView) kết hợp với nút bấm ( Image button) để thể hình này.Kết hợp bên RelativeLayout bên LinearLayout Hình 2.2 Màn hình menu GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 2.2.3 Giao diện người chơi (Chơi với máy) Vì chơi với máy nên nhóm em chọn mức độ khác - Mức độ dễ: Chỉ cần cao điểm máy thắng Mức độ bình thường: Phải ăn hết thắng Mức độ khó: Ăn hết không ăn phải bom Hình 2.3 Chọn mức độ chơi GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING Hình 2.4 Dễ Hình 2.5 Thường Hình 2.6 Khó 2.2.4 Giao diện người chơi ( Trên máy) Đây giao diện trò chơi, tạo GridView chứa 25 ô vuông giống nhau, ô vuông vật phẩm ngẫu nhiên ( bom, sao,bọ, tiền vàng) có mức thưởng phạt ( cộng trừ điểm ) khác Phần hoàn toàn xử lí kiện GridView chạm vào cạnh left right ô kề ( bottom top ) vẽ đường thẳng chúng Hình 2.7 Giao diện người GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 10 Hình 2.8 Tắt âm Hình 2.9 Tắt nhạc Hình 2.10 Bật tất Người chơi tắt âm nhạc cách nhấn menu 2.2.5 Màn hình giúp đỡ Phần dialog hình ảnh tóm tắt cách chơi game sử dụng CustomDialog với imageview Hình 2.11 Giao diện Help GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 24 Sau chọn Install Và đợi thời gian Lưu ý phần cần có kết nối mạng để cài đặt Hình 3.24 Màn hình cài đặt gói mở rộng extras Vậy cài đặt xong môi trường để lập trình Android GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 25 3.2 VIẾT XỬ LÍ 3.2.1 Tạo project Mở eclipse chọn File - > New -> Android Application Project Hình 3.25 Tạo Project GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 26 Chọn Next -> Next sau chọn biểu tượng cho trò chơi next nhấn finish Hình 3.26 Chọn biểu tượng cho trò chơi 3.2.2 Tạo hình mở đầu ( SplashScreen ) Mỗi trò chơi có hình để giới thiệu để xử lí thời gian trễ hệ thống tải liệu trò chơi, Ở nhóm em dùng file class để xử lí hình Sử dụng Progressbar , TextView Hình 3.27 Các tập tin SplashScreen GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 27 Tập tin LoadingTask có chức xử lí đa tiến trình AsyncTask để xử lí phần loading 100% progress bar interface LoadingTaskFinishedListener để sử dụng sau Gọi phương thức xử lí downloadResources() xử lí đếm từ đến 100% Thread.sleep(100) Tập tin SplashScreen đơn giản cần implement giao diệnLoadingTaskfinishListener để sử dụng Gọi phương thức xử lí onTaskFinished GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 28 3.2.3 Giao diện hình trò chơi Phần xử lí Activity bao gồm ImageButton ImageView để hiển thị logo trò chơi Màn hình xử lí xml với Relativelayout LinearLayout Tập tin OptionMenu implement OnClickListener để xử lí tương tác menu trò chơi Dùng Switch case để xử lí GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 29 3.2.4 Giao diện ngườichơi với máy (AI) Đây phần xử lí giao diện người chơi với máy, người chơi lựa chọn từ menu trò chơi Với giao diện có lựa chọn cấp độ chơi : bình thường , dễ khó tập tin LevelActivity Cách xử lí mục tương tự với xử lí hình nên em không đề cập lại Xử lí người dùng chọn cấp độ: Khi người dùng chọn cấp độ chơi , hình gửi thông điệp mở hình người chơi lên thông qua câu lệnh Intent GVHD: LÊ HỒNG KỲ NHÓM 30 ĐỒ ÁN GAME MOBIE: SQUARE KING - Tập tin OnePlay : tập tin giao diện chơi game thức với máy sử dụng điều khiển GridView gồm 25 ô, số ô chứa vật phẩm ( bom,vàng, kim cương, bọ) - Về phần xử lí máy chơi : Nhóm em dùng AsyncTask với tập tin Common để xử lý máy tự động chơi với phương thức autoplay(i,j) i j tọa độ máy đánh người chơi đánh xong chi tiết xem source code kèm theo GVHD: LÊ HỒNG KỲ NHÓM 31 ĐỒ ÁN GAME MOBIE: SQUARE KING Ở tập tin OnePlay có phương thức xử lí như: OpenBoxo ( cạnh ô vuông đánh hết) - SetcurrentTurn :Xử lí chuyển lượt chơi người chơi máy không khoanh hình vuông lượt chơi GVHD: LÊ HỒNG KỲ NHÓM 32 ĐỒ ÁN GAME MOBIE: SQUARE KING - - setImageLineAnimation ( xử lí chuyển động vẽ đường nối ) phương thức xử lí người chơi máy vẽ đường nối hình vuông - Showwinerform( xử lí thông tin người thắng cuộc) Onclick ( xử lí người chơi máy chạm vào cạnh hình vuông hay người chơi nhân nút chơi lại ) GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING - 33 Cuối onCreate xử lí âm thông báo người chơi chọn mức độ chơi Các phương thức AlertDialog xử lí tập tin Common 3.2.5 Giao diện người chơi Màn hình giao diện người chơi giống y hệt hình OnePlay khác số điểm như: Không có phần Máy chơi( autoplay,AsyncTask) Có thêm phương thức CheckisFinish,ChecktoDraw Ở nhóm em không nhắc lại phần giống với OnePlay Mà tập trung vào phương thức thêm vào Phương thức CheckisFinish (kiểm tra tất ô hình mở) GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING - 34 Phương thức ChecktoDraw (xử lí kiểm tra ô hoàn thành kiểm tra số cạnh vẽ 4) GVHD: LÊ HỒNG KỲ NHÓM 35 ĐỒ ÁN GAME MOBIE: SQUARE KING 3.2.6 Giao diện hình giúp đỡ Đây hình giúp người chơi hiểu sơ cách chơi trò chơi Ở nhóm em sử dụng Dialog với ImageView Dành riêng Activity để xử lí giao diện Sau dùng intent để chuyển qua hình từ OptionMenu GVHD: LÊ HỒNG KỲ NHÓM 36 ĐỒ ÁN GAME MOBIE: SQUARE KING 3.2.7 Các tập tin khác Ngoài trò chơi chúng em sử dụng tập tin như: - BoxoAdapter : adapter ô trò chơi - FlipAnimation FlipAnimationFactory (Xử lí lúc lật ô trò chơi) - Tập tin Constant: Đặt giá trị số MediaSound: Quản lý âm trò chơi Section : Đặt map trò chơi ( vị trí ô có vật phẩm trò chơi) GVHD: LÊ HỒNG KỲ NHÓM ĐỒ ÁN GAME MOBIE: SQUARE KING 37 KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN KẾT QUẢ ĐẠT ĐƯỢC: Qua trình nghiên cứu trò chơi Square King, đồ án làm số công việc sau: - Nghiên cứu boar game, làm game đơn giản chạy hệ điều hành Android - Nghiên cứu GridView xử lí game board Android - Hoàn thành sản phẩm game chơi mà thú vị hấp dẫn HƯỚNG PHÁT TRIỂN: Do thời gian làm đồ án có hạn, vàchưa có nhiều kinh nghiệm nên trò chơi thiếu số phần phát triển thêm : - Làm chế độ chơi game trực truyến ( Thông qua Google Play Service) Làm chế độ chơi game thông qua bluetooth, sóng wifi nội GVHD: LÊ HỒNG KỲ NHÓM 38 ĐỒ ÁN GAME MOBIE: SQUARE KING TÀI LIỆU THAM KHẢO [1] Android Gridview [2] Async with progressbar [3] Dot & Box game [4] SinhvienIT.com BẢNG PHÂN CHIA CÔNG VIỆC STT Công việc Xử lí người chơi với máy,hỗ trợ xử lí game Người phụ trách Nguyễn Xuân Tiên người chơi, Màn hình mở đầu, Các hình menu, xử lí Lê Thanh Hùng chuyền động trò chơi Xử lí người chơi, âm thanh, đồ họa Xử lí tập tin khác , xử lí giao diện Đỗ Xuân Sinh Bùi Phú Vinh hình GVHD: LÊ HỒNG KỲ NHÓM [...]... LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 15 Hình 3.6 Chọn thư mục để làm việc Giao diện Eclipse như sau: Hình 3.7 Giao diện Eclipse GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 16 B3.2 Cài ADT : Bạn vào phần Help -> Install New Software Hình 3.8 Chọn Install New Software Hình 3.9 Nhấn chọn Add GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 17 Hình 3.10 Nhập tên ADT... KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 18 Và chọn OK : Hình 3.12 Giao diện sau khi chọn đường dẫn ADT Sau đó chọn Select All Hình 3.13 Chọn Select All GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 19 Sau đó bạn chọn Next 2 lần Hình 3.14 Giao diện xác nhận cài đặt Chọn I accept Hình 3.15 Giao diện sau khi xác nhận GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 20 Chọn Finish... GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 13 B1 Cài đặt JDK: Hình 3.2 Cài đặt JDK B2 Giải nén Eclipse và copy ADT vào thư mục Eclipse Hình 3.3 Giải nén tập tin Eclipse GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 14 Hình 3.4.Sao chép ADT vào thư mục Eclipse B3 Chạy Eclipse và bắt đầu cài Android Plugin B3.1 Chạy Eclipse với quyền của Administrator Hình 3.5 Chạy Eclipse... code kèm theo GVHD: LÊ HỒNG KỲ NHÓM 2 31 ĐỒ ÁN GAME MOBIE: SQUARE KING Ở tập tin OnePlay có các phương thức xử lí như: OpenBoxo ( khi 4 cạnh ô vuông đã được đánh hết) - SetcurrentTurn :Xử lí chuyển lượt chơi của người chơi và máy khi không khoanh được hình vuông trong lượt chơi của mình GVHD: LÊ HỒNG KỲ NHÓM 2 32 ĐỒ ÁN GAME MOBIE: SQUARE KING - - setImageLineAnimation ( xử lí chuyển động khi... 3.17 Giao diện cảnh báo truy cập GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 21 Chọn Yes để khởi động lại Eclipse Hình 3.18 Chọn Yes và khởi động lại Eclipse Giao diện chương trình Eclipse sẽ xuất hiện biểu tượng như sau Hình 3.19 Giao diện Eclipse sau khi cài đặt ADT GVHD: LÊ HỒNG KỲ NHÓM 2 22 ĐỒ ÁN GAME MOBIE: SQUARE KING Chọn biểu tượng hình mũi tên đi xuống chỗ gạch đỏ ở hình 3.19... ứng với các phiên bản Android bạn muốn Hình 3.21 Cập nhật phiên bản Android GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 23 Chọn Install Hình 3.22 Màn hình các gói đã tải Chọn Accept All Hình 3.23 Màn hình chọn Accept All GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 24 Sau đó chọn Install Và đợi 1 thời gian Lưu ý phần này cần có kết nối mạng để cài đặt Hình 3.24 Màn hình... extras Vậy là chúng ta đã cài đặt xong môi trường để lập trình Android GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 25 3.2 VIẾT XỬ LÍ 3.2.1 Tạo project Mở eclipse chọn File - > New -> Android Application Project Hình 3.25 Tạo mới Project GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING 26 Chọn Next -> Next sau đó chọn biểu tượng cho trò chơi và next rồi nhấn finish Hình 3.26 Chọn... ÁN GAME MOBIE: SQUARE KING 28 3.2.3 Giao diện màn hình trò chơi Phần này xử lí bằng một Activity bao gồm các ImageButton và ImageView để hiển thị logo trò chơi Màn hình này được xử lí bằng xml với Relativelayout và LinearLayout Tập tin OptionMenu implement OnClickListener để xử lí tương tác các menu trong trò chơi Dùng Switch case để xử lí GVHD: LÊ HỒNG KỲ NHÓM 2 ĐỒ ÁN GAME MOBIE: SQUARE KING. .. NHÓM 2 30 ĐỒ ÁN GAME MOBIE: SQUARE KING - Tập tin OnePlay : là tập tin giao diện chơi game chính thức với máy sử dụng điều khiển GridView gồm 25 ô, một số ô sẽ chứa các vật phẩm bất kì ( bom,vàng, kim cương, bọ) - Về phần xử lí máy chơi : Nhóm em dùng AsyncTask cùng với 1 tập tin Common để xử lý máy tự động chơi với phương thức autoplay(i,j) i và j là tọa độ máy đánh khi người chơi đã đánh xong chi tiết...ĐỒ ÁN GAME MOBIE: SQUARE KING 11 2.2.6 Màn hình thoát Đơn giản là Alert Dialogthông báo khi người dùng nhấnnút trở về Hình 2.12 Sự kiện nút thoát GVHD: LÊ HỒNG KỲ NHÓM 2 12 ĐỒ ÁN GAME MOBIE: SQUARE KING CHƯƠNG 3: XÂY DỰNG CHƯƠNG TRÌNH 3.1 CÀI ĐẶT 3.1.1 Chuẩn bị hệ điều hành Hệ điều hành Win 7/8 3.1.2Chuẩn