8 puzzle game play documents

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NÔNG LÂM TP.HCM KHOA CÔNG NGHỆ THÔNG TIN  BÁO CÁO MƠN HỌC: LẬP TRÌNH TRÊN THIẾT BỊ DI ĐỘNG ĐỀ TÀI: LẬP TRÌNH GAME 8-PUZZLE TRÊN ANDROID Giảng viên : Phạm Công Thiện Sinh viên : Bùi Trọng Nghĩa Cao Thành Đạt Trần Văn Triều Lớp : DH13DT - 13130059 - 13130150 - 13130098 Lập trình Android: Games 8-Puzzle MỤC LỤC Lập trình Android: Games 8-Puzzle Giới thiệu game 8-Puzzle: Kể từ máy tính xuất hiện, games trở thành ứng dụng phổ biến thị trường Cùng với đa dạng phong phú thể loại game lựa chọn, cần tập trung vào yếu tố phù hợp với tảng di động (điện thoại di động, máy tính bảng, vv… ), đặc biệt quan tâm đến game phát triển nhóm người Với tiềm to lớn thị trường di động, khơng ngạc nhiên có nhiều nghiên cứu ý tưởng đưa nhằm mục đích tạo nên game di động hấp dẫn nhiều người chơi Nhằm đáp ứng điểm trên, nhóm em xây dựng nên game 8-Puzzle trò chơi thuộc thể loại trí tuệ Có thể giúp người chơi nâng cao khả tư ghi nhớ tốt  Hướng dẫn chơi: Khi bắt đầu trò chơi, hình hiển thị vng (hoặc chữ nhật tùy hình ảnh) có trống, xếp thành hình hồn chỉnh cho người chơi ghi nhớ, sau ứng dụng đổi chỗ trống với ô số tạo thành trạng thái Nhiệm vụ người chơi phải di chuyển ô số cho trở trạng thái “WIN” (trạng thái hoàn chỉnh ban đầu) Trong chơi người chơi reset để chơi lại từ đầu, chọn ảnh khác, thay đổi độ khó, hiển thị số thứ tự ảnh,… Khi người chơi chiến thắng, ứng dụng game thông báo số bước người chơi di chuyển thời gian hoàn thành puzzle Phát nhạc chúc mừng cho phép bắt đầu game Kỹ 1.1 thuật source code: Cấu trúc project:  Vì project 8-puzzle project tương đối đơn giản nên thư mục bao gồm file java Class: - PuzzleView: Class xử lý ứng xử games 8-puzzle - MainActivity: Class xử lý giao diện (giao diện bắt đầu), cài đặt âm thanh, … MainActivity extends Activity class - AppThread: extends Thread, class đảm nhận việc chạy tiến trình games Cây thư mục project gồm phần quan trọng: - Thư mục manifect: chứa file AndroidManifest.xml file cài đặt cấu hình cho ứng dụng - Thư mục app: gồm (những) package(s) chứa source code ứng dụng Lập trình Android: Games 8-Puzzle - Thư mục res (resources): chứa thư mục nhỏ lưu trữ tài nguyên mà ứng dụng sử dụng drawable (hình ảnh, hiển thị), layout (định dạng hiển thị) , raw (âm thanh) Những file truy cập vào lệnh R.. VD: R.drawable.button1 2.1 Cây thư mục project 1.2 Thư mục AndroidManifest.xml:  Cấu hình cho ứng dụng game icon chính, activity khởi chạy đầu tiên, nhãn ứng dụng,… Lập trình Android: Games 8-Puzzle 2.2 File AndroidManifest.xml 1.3 Lớp PuzzleView:  Là class xử lý cho ứng xử games 8-puzzle  Object PuzzleView nhận vào object MainActivity làm context để xử lý dựa MainActivity  Method init(Bitmap image): method nhận vào ảnh sau chia nhỏ ảnh dựa theo cài đặt độ khó, sau hiển thị hình games 2.3 File PuzzleView Lập trình Android: Games 8-Puzzle 2.3.1 Phương thức init(Bitmap image)  Xác định WIN_STATE:  Khi vị trí mảnh ghép mảnh trơng vị trí nó, ta duyệt hết vị trí mảnh ghép lại xem chúng có vị trí hay khơng, khơng games chưa trạng thái WIN_STATE 2.3.2 Xác định WIN_STATE Lập trình Android: Games 8-Puzzle Method onTouchEvent(MotionEvent me): override từ View.onTouchListener() dùng xử lý kiện người chơi chạm hình để di chuyển mảnh ghép 2.3.3 Phương thức onTouchEvent(MotionEvent me)  Method reset(): cài đặt lại số giá trị để bắt đầu lại games 2.3.4 Phương thức reset() Lập trình Android: Games 8-Puzzle  Method update(): 2.3.5 Phương thức update() 1.4 Lớp MainActivity:  Xử lý giao diện bắt đầu, lấy option người dùng cho thiết lập games (hình ảnh, âm thanh,…)  Method openMenu(): Cài đặt phương thức chọn ảnh (từ thư viện, chụp ảnh, hay ảnh mặc định, âm bật hay tắt),… Lập trình Android: Games 8-Puzzle 2.4.1 Lớp MainActivity  Một số button khai báo khởi tạo dựa vào id button giao diện chính, button thêm kiện tương ứng với chức nó:  Phát nhạc nhạc chuyển động thông qua MediaPlayer SoundPool (2 lớp android cung cấp) 2.4.2 Khai báo xử lý button Lập trình Android: Games 8-Puzzle  Method takePhoto() method getPhoto(): chụp ảnh chọn ảnh từ thư viện ảnh người dùng 2.4.3 Phương thức takePhoto() getPhoto() 1.5 Lớp AppThread: Kế thừa lớp cha Thread chạy luồng thực thi ứng dụng games  Method drawCanvas(Canvas canvas): vẽ hình gồm mảnh ghép người chơi bắt đầu games 10 Lập trình Android: Games 8-Puzzle 2.4.4 Phương thức drawCanvas(Canvas canvas)  Method run(): override từ lớp cha Thread: khai báo lệnh thực thi tiến trình chạy 2.4.5 Phương thức run() 11 Lập trình Android: Games 8-Puzzle 1.6 File layout.menu.xml:  Khai báo giao diện chương trình, gồm components Component Tree: 2.5 Open file menu.xml 2.6 Component Tree 1.7 Thư mục raw:  Thường chứa files âm sử dụng ứng dụng 12 Lập trình Android: Games 8-Puzzle 2.7 Thư mục raw 1.8 Thư mục values: Chứa số file xml cấu hình cho ứng dụng  Ví dụ file strings.xml quy định tên hiển thị ứng dụng 13 Lập trình Android: Games 8-Puzzle 2.8 File values.strings.xml 1.9 File build.gradle(Module:app):  Quy định số thuộc tính ứng dụng, VD: phiên SDK, version,… 2.9 File build.gradle 14 Lập trình Android: Games 8-Puzzle 1.10 Thư mục drawable:  Chứa số file ảnh, file xml cần thiết cho việc cấu thành giao diện ứng dụng 2.10 Thư mục drawable  Những thư mục res truy cập thông qua R. code file java android:@/ file xml 15 Lập trình Android: Games 8-Puzzle Demo hướng dẫn ứng dụng games:  Hình ảnh icon hình điện thoại:  Trò chơi bắt đầu với hình chín chọn chức chơi khác như: I Chụp ảnh II Chọn ảnh từ thư viện ảnh III Chơi với ảnh mà app có sẵn 16 Lập trình Android: Games 8-Puzzle Hình 3.1 : Ảnh hình game  Ở hình người chơi mở nhạc game tắt nhạc game cách nhấp vào biểu tượng nhạc chuông  Bên cạnh người chơi xem cách chơi nhấp vào [HELP] 17 Lập trình Android: Games 8-Puzzle  Trò chơi hiển thị hình thơng báo cách chơi cho người chơi hiểu cách chơi game  Khi người chơi chọn vào chức chụp hình 18 Lập trình Android: Games 8-Puzzle Hình 3.2 : Ảnh người chơi chụp dùng để tiến hành chơi game  Màn hình camera xuất người chơi chụp ảnh tùy ý để tiến hành chơi  Sau nhấp vào nút Ok Màn hình game xuất Hình 3.3: Màn hình game sau nhấp vào nút OK hình 3.2  Người chơi tiến hành xếp hình để hình trở dạng hồn chỉnh (hình 3.3 mức Super Easy), người chơi có thêm hỗ trợ vị trí ảnh bạn giữ nút tác vụ để chọn phần hiển thị số cho ảnh 19 Lập trình Android: Games 8-Puzzle Hình 3.4: Các chức người dùng giữ nút tác vụ  Người chơi [New] lại game, chơi lại nhấp vào nút [Retry], chỉnh lại độ khó cho game [Difficulty] hiển thị số thứ tự cho hình [Show Number] để người chơi dễ dàng việc hồn thành q trình xếp mảnh ghép Hình 3.5: Người dùng chọn chế độ khó game  Games có mức độ chơi : Easy, Medium, Hard, Super Easy, để người chơi trải nghiệm 20 Lập trình Android: Games 8-Puzzle Hình 3.6: Ảnh người dùng chọn độ khó [Easy] Hình 3.7: Ảnh người dùng chọn chế độ [Medium] 21 Lập trình Android: Games 8-Puzzle Hình 3.8: Người chơi chọn chế độ [Hard] Hình 3.9: Người chơi chọn trợ giúp hiển thị số thứ tự ảnh  Người dùng chọn chế độ chọn ảnh từ thư viện ảnh Hình 3.10: Ảnh chọn chức chọn ảnh từ thư viện ảnh  Ứng dụng cho người chơi chọn ảnh thư viện ảnh 22 Lập trình Android: Games 8-Puzzle Hình 3.11: Ảnh người chơi chọn ảnh để tiến hành xếp  Người dùng chọn ảnh mặc định trò chơi Hình 3.12: Ảnh người chơi chọn chế độ mặc định game 23 Lập trình Android: Games 8-Puzzle Hình 3.13: Ảnh mặc định trò chơi Hình 3.14: Người chơi hồn thành săp xếp ảnh hình 3.13 24 Lập trình Android: Games 8-Puzzle Hình 3.15: Thơng báo chiến thắng  Ở hình thơng báo chiến thắng: trò chơi thơng báo thời gian số bước di chuyển người chơi chơi 25 ... Games 8-Puzzle MỤC LỤC Lập trình Android: Games 8-Puzzle Giới thiệu game 8-Puzzle: Kể từ máy tính xuất hiện, games trở thành ứng dụng phổ biến thị trường Cùng với đa dạng phong phú thể loại game. .. ứng dụng game icon chính, activity khởi chạy đầu tiên, nhãn ứng dụng,… Lập trình Android: Games 8-Puzzle 2.2 File AndroidManifest.xml 1.3 Lớp PuzzleView:  Là class xử lý cho ứng xử games 8-puzzle. .. ảnh III Chơi với ảnh mà app có sẵn 16 Lập trình Android: Games 8-Puzzle Hình 3.1 : Ảnh hình game  Ở hình người chơi mở nhạc game tắt nhạc game cách nhấp vào biểu tượng nhạc chng  Bên cạnh người