Xây dựng game bài online xì tố cho công ty cổ phần công nghệ hoàng hiệp – hà nội

LỜI CẢM ƠN Trong thời gian thực đồ án với giúp đỡ tạo điều kiện Trường Đại Học Công nghệ Thông Tin Truyền Thông - ĐH Thái Nguyên, góp ý bạn đặc biệt hướng dẫn trực tiếp, bảo tận tình thầy ThS Nguyễn Văn Việt em hồn thành đề tài với báo cáo thời gian quy định Bài báo cáo đồ án tốt nghiệp em thực 10 tuần, bước đầu em gặp nhiều khó khăn, bỡ ngỡ vốn kiến thức hạn chế nên nội dung đề tài tránh khỏi sai sót, em mong nhận đóng góp ý kiến, phê bình thầy cơ.Em xin chân thành cảm ơn! Thái Nguyên, ngày 05 tháng 05 năm 2017 Sinh viên thực Nguyễn Văn Nam LỜI CAM ĐOAN Nhận thức Đồ án tốt nghiệp sản phẩm hoàn thiện sinh viên CNTT trường, cần tới miệt mài thân hướng dẫn bảo tận tình Thầy giáo Em tổng hợp kiến thức học kinh nghiệm số liệu khảo sát thực tế nhằm hoàn thành Đồ án tốt nghiệp Em xin cam đoan: Những nội dung đồ án tốt nghiệp em thực trực tiếp hướng dẫn thầy giáo Ths Nguyễn Văn Việt Mọi tham khảo dùng đồ án trích dẫn rõ ràng tên tác giả, tên cơng trình, thời gian, địa điểm cơng bố danh mục tài liệu tham khảo Nội dung Đồ án em không chép nội dung Đồ án sản phẩm thân em nghiên cứu thực tế xây dựng lên Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, em xin cam đoan chịu hoàn toàn trách nhiệm trước Hội đồng bảo vệ MỤC LỤC LỜI CẢM ƠN LỜI CAM ĐOAN MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 SmartFoxServer 1.1.1 Tổng quan SmartFoxServer2X 1.1.2 SmartFoxServer 2X 1.2 Cocos Creator 18 1.2.1 Tổng quan Cocos Creator 18 1.2.2 Giao diện Cocos Creator 18 1.2.3 Các thành phần 22 CHƯƠNG II KHẢO SÁT VÀ PHÂN TÍCH THIẾT KẾ HỆ THỐNG 29 2.1 Khảo sát 29 2.1.1 Ý tưởng xây dựng 29 2.2 Phân tích thiết kế hệ thống 31 2.2.1 Tác nhân hệ thống 31 2.2.2 Biểu đồ use case hệ thống 32 2.2.3: Mô tả số Use Case 33 2.2.4 Biểu đồ trình tự 38 2.2.5 Biểu đồ lớp 42 CHƯƠNG III XÂY DỰNG GAME 44 3.1 Cài đặt công cụ 44 3.2 Thiết kế game 44 3.2.1 Client 44 3.2.2 Server 47 3.3 Hướng phát triển 53 kẾT LUẬN 54 TÀI LIỆU THAM KHẢO 55 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN 56 DANH MỤC HÌNH ẢNH Hình 1.1 Kiến trúc chung 10 Hình 1.2 Một ví dụ cách mở rộng cấu hình admintool 14 Hình 1.3 Hai điều khiển chạy khu luồng riêng biệt 14 Hình 1.4 Cấu trúc SmartFox Server 2X 16 Hình 1.5: Bảng điều khiển Cocos Creator 19 Hình 1.6: Bảng Resource Manager 19 Hình 1.7: Bảng Scene Manager 20 Hình 1.8: Bảng Layer Manager 20 Hình 1.9: Property Inspector 21 Hình 1.10: Toolbar 21 Hình 1.11: Prefab 22 Hình 1.12: Prefab 23 Hình 1.13: Animation 23 Hình 1.14: Atlas 24 Hình 1.15: Value type attribute 24 Hình 1.16: Reference type attribute 25 Hình 1.17 :Console 26 Hình 2.1 Biểu đồ Use Case hệ thống 32 Hình 2.2.Biểu đồ chi tiết Use Case chơi game 33 Hình 2.3 Biểu đồ trình tự đăng nhập 38 Hình 2.4 Xem thông tin cá nhân 39 Hình 2.5 Chọn quân tẩy 40 Hình 2.6:Chọn tố game 41 Hình 2.7 :đăng ký thoát game chơi 42 Hinh 2.8:chọn tố game 43 Hình 3.1: Giao diện làm việc Cocos Creator 44 Hình 3.2 Giao diện Login 45 Hình 3.3 Giao diện Lobby (Đăng nhập thành công) 45 Hình 3.4 Xây dựng file JavaScript 46 Hình 3.5 Chạy thử trình duyệt Web 46 Hình 3.6 Tải cài đặt SmartFox Server 2X 47 Hình 3.7 Xây dựng Zone game 47 Hình 3.8 Xây dựng Room game 48 Hình 3.9 Cài đặt chung 48 Hình 3.10 Build Java đuôi” jar” thư mục Extension riêng SmartFox Server 49 Hình 3.11 Gán code Java cho Zone 49 Hình 3.12 nối MySQL để lưu trữ đọc liệu 50 Hình 3.13 :Mở rộng zone game 51 Hình 3.14 Mở rộng room game 52 Hình 1.15: Thông tin người chơi cập nhật đăng nhập thành cơng 53 LỜI NĨI ĐẦU Ngày nay, với phát triển mạnh mẽ khoa học kỹ thuật, công nghệ thông tin ngày phát triển dần đóng vai trò quan trọng thiết yếu kinh tế trị quốc gia Đặc biệt phát triển vượt bậc lĩnh vực ngân hàng, quân giải trí Trong đó, lĩnh vực phát triển ứng dựng game giải trí đánh giá cao lợi nhuận mà thu Đi đôi với phát triển công nghệ kỹ thuật cao đòi hỏi cao khắt khe từ người dùng, không tương tác game chân thực mà đòi hỏi yêu cầu kết nối tương tác tới nhiều người thời gian thực Điều đặt thách thức lớn tới người sản xuất game sử dụng công cụ hỗ trợ đa tảng có khả đáp ứng cầu tương tác game người chơi mà cần hiệu xuất game với nhiều người dùng đâu Với thực tế vậy, em tìm hiểu sử dụng công cụ Cocos Creator SmartFox Server Và lý em chọn đề tài: “Xây dựng Game online "Xì Tố" cho cơng ty cổ phần cơng nghệ Hồng Hiệp – Hà Nội” CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 SmartFoxServer 1.1.1 Tổng quan SmartFoxServer2X SmartFoxSever sản phẩm phần mềm trung gian tốt cho việc tạo trò chơi đa người dùng, cộng đồng ảo game MMOS SmartFoxServer ứng dụng dịch vụ toàn diện để phát triển nhanh chóng game đa người dùng ứng dụng với Adobe Flash/ Flex/Air, Unity, HTML5,IOS, Windows phone 8, Android,Jaava, Windows 8,C++ nhiều SmartFoxServer kèm với tính phong phú, tài liệu chi tiết ấn tượng với chục ví dụ kèm mã nguồn nhà sản xuất cấp, gồm công cụ quản lý mạnh mẽ diễn đàn hỗ trợ tích cực Nền tảng SmartFoxServer sản phẩm gotoAndPlay(), công ty Italian thành lập năm 1999 chuyên sản xuất sáng tạo cơng nghệ trò chơi Trong năm đầu, công ty làm việc với cơng ty lớn khác Ý nước ngồi cung cấp ActionScript chuyên ngành phát triển phía máy chủ, xây dựng dựa Flash ứng dụng lớn Năm 2003 thời điểm định lịch sử phát triển công ty flash phát triển gotoand play.it cộng đồng phổ biến , cổng thơng tin hồn tồn dành riêng cho lĩnh vực Các dự án SmartFoxServer bắt đầu năm đưa vào mùa hè năm 2004 gotoAndPlay Nó gồm trung tâm đa người chơi với thành công lớn Họ cung cấp phiên giáo dục miễn phí với tên gọi SmartFoxServer Lite với hàng chục hướng dẫn miễn phí cho tất muốn tìm hiểu làm để tạo game đa người dùng Một vài tháng sau công ty phát hành thêm phiên khác SmartFoxServer Basic, SmartSoxServer PRO năm 2010 , SmartFoxServer 2x mà sản phẩm hàng đầu chuỗi sản phẩm Ngày hôm SmartSoxServer trung tâm hàng đầu cho việc tạo cho chơi quy môn lớn đa người dùng, game MMO cộng đồng mạng ảo Nhờ đơn giản sử dụng , tính linh hoạt hiệu xuất nó, mà SmartServer triển khai hàng tram dự án toàn giới Từ trờ chuyện đơn giản, trò chơi theo lượt đến xây dựng giới ảo khơng lồ trò chơi thời gian thực Như nói, SmartFoxServer sản phẩm cốt lõi tảng SmartFox Nó có sẵn phiên khác : Basic, Pro 2X Trong SmartFoxServer 2X sản phẩm đầu tảng SmartFoxServer 1.1.2 SmartFoxServer 2X SmartFoxServer SDK phát triển dựa ngôn ngữ lập trình Java Sử dụng SDK SmartFoxServer tạo game ứng dụng tảng khác cách sử dụng Java, Android, IOS, Adobe Flash/Flex/ Air, Unity , HTML5, Window phone 8, C++ v.v Nếu bạn phát triển trò chơi liên quan đến Casino Poker SmarFoxServer cơng cụ tốt để phát triển nhanh chóng thật ổn định  SmartFoxServer 2X hoạt động nào? - SmartFoxServer 2X phương pháp lập trình tiếp cận Client- Server - SmartFoxServer 2X sử dụng cách tiếp cận tổ chức kiện điều khiển cho xử lý yêu cầu từ phía client - Khái niệm kết nối thiết lập giữa server-client thực sử dụng lập trình socket  Đặc điểm SmartFoxServer! - Giao diện người dùng sử dụng Adminpanel để giám sát cấu hình SmartFoxServer 2X - BlueBox, RedBox công cụ đại diện mạng - Tầng vật lý sở mạnh mẽ  Các thành phần SmartFoxServer  Room( phòng) - Một khối xây dựng khuẩn khổ SFS2X đối tượng phòng Phòng cho phép xếp người chơi để họ nhìn thấy tương tác với nhau.Một game gọi phòng.Một phòng tạo phòng tĩnh hay phòng động.Người chơi tương tác với phòng cho trò chơi , cho tất tương tác phòng có liên quan với chương trình đặt tên chương trình mở rộng phòng Sử dụng điển hình phòng để tạo hình thức khác ứng dụng chat hay họp giới ảo nơi khác để thách thức bạn bè tất loại trò chơi - Có cách tạo phòng: + Tạo tĩnh( static) : cách thơng qua modul người cấu hình Zone công cụ admin Đây cách hữu ich để tạo phòng lâu dài Zone bạn, khởi tạo sau SmartFoxServer đưa + Tạo đông( dynamic): Phòng cs thể tạo bị phá hủy thơi gian chạy từ máy khách máy chủ, khơng có khách biệt phòng tạo từ bên khác Tuy nhiên, phía máy chủ tinh chỉnh số khía cạnh phòng mà Client khơng thể truy cập lý an ninh Trong hầu hết trường hợp , Client di chuyển từ phòng sang phòng sang phòng khác với điều kiện rời khỏi phòng trước tham phòng mới, chế độ mặc định - Có loại phòng bản: + Regular Room( phòng bản) : theo mặc định phòng tạo với cờ ingame đặt sai Bạn dùng phòng cho tất mục đích việc tạo tiền sảnh, trò chuyện, hội nghị + Game Rooms ( phòng trò chơi): ingame đặt room cung cấp vài tính bổ sung cần thiết cho hầu hết trò chơi + MMO Rooms: mở rộng từ chức phòng cách thêm khu vực yêu thích ( Aoi ngắn hạn) để xác định phạm vi cac kiện nhận người sử dụng.Các tham số Aoi đại diện cho khu vực mà người sử dụng ảnh hưởng lẫn ví dụ tin nhắn cơng khai, cập nhật biến người dùng Hình 1.1 Kiến trúc chung Một thành phần SmartFoxServer phiên 2X nhóm phòng: (room groups) Sơ đồ làm rõ tất nhóm phòng Như thấy phòng chứa Zone chúng trông giống cấp bậc thực cách tốt để đại diện cho cấu trúc chung nhóm phòng.Trong thực tế nhóm ID áp dụng cho phòng đóng vai trò “ thể loại” cho phép lọc tách loại phòng Tính cho phép Client hạn chế tầm nhìn quan sát địa phương tồn tất nhóm phòng Các trường hợp sử dụng nhiều : tách phòng trò chơi loại 10 Hình 2.7 :đăng ký game chơi 2.2.5 Biểu đồ lớp - Đối với game Xi Tố có số lớp sau : +Lớp cha SFSExtension,BaseServerEventHandler, BaseClientRequest Handler cung cấp smartFoxServer2x chứa hàm sử lý kiện ,yêu cầu từ lớp kế thừa + Lớp XiToZonExtension : lớp kế thừa SFSExtension chịu trách nhiệm xử lý yêu cầu liên quan đến trò chơi ví dụ đăng nhập tạo phòng + Lớp XitoRoomExtension: lớp kế thừa từ lớp cha SFSExtension chịu trách nhiệm xử lý yêu cầu liên quan đến phòng.Lớp tạo phòng game tạo +HandLogin: xử lý người dùng login vào game 42 +HandChooseRoom:sử lý người dùng chọn phòng để chơi +Lớp player:lưu trữ thông tin người chơi game +ListCard:lưu trưc Hinh 2.8:chọn tố game Trên sơ đồ lớp q trình phân tích game 43 CHƯƠNG III XÂY DỰNG GAME 3.1 Cài đặt công cụ - Sử dụng cài SmartFoxServer2X để tạo server mặc định cổng 8080 Hỗ trợ giao diện quản lý admintool với kiện bản cài đặt phân phối http://www.smartfoxserver.com/download/sfs2x#p=installer - Công cụ Netbean: cần cài đặt jdk( java development kit ) trước cài Netbean để viết mở rộng cho cài đặt Zone Extension - Xampp: phần mềm tạo localhost miễn phí sử dụng khơng gian ổ cứng máy tính thân người dùng để lưu trữ cài đặt website mà có người dùng nhìn thấy người dùng chia sẻ thông qua mạng lan cách config lại Xampp - Công cụ Cocos Creator: cơng cụ hồn tồn miễn phí để viết game tảng khác 3.2 Thiết kế game - Game “Xi tố ” cấu thành từ phần Client server 3.2.1 Client - Được xây dựng Cocos Creator Hình 3.1: Giao diện làm việc Cocos Creator 44 Hình 3.2 Giao diện Login Hình 3.3 Giao diện Lobby (Đăng nhập thành cơng) 45 Hình 3.4 Xây dựng file JavaScript Hình 3.5 Chạy thử trình duyệt Web 46 3.2.2 Server - server xây dựng dựa SmartFoxServer Zone game tạo giao diện ứng dụng Hình 3.6 Tải cài đặt SmartFox Server 2X Tại http://www.smartfoxserver.com/download/sfs2x#p=installer Hình 3.7 Xây dựng Zone game 47 Hình 3.8 Xây dựng Room game Hình 3.9 Cài đặt chung 48 Phần mở rộng game viết java để điều khiển yêu cầu game Sau viết song code java bulid thành file đuôi jar để chạy SmartFoxServer Hình 3.10 Build Java đi” jar” thư mục Extension riêng SmartFox Server Hình 3.11 Gán code Java cho Zone 49 Hình 3.12 nối MySQL để lưu trữ đọc liệu 50 Hình 3.13 :Mở rộng zone game 51 Hình 3.14 Mở rộng room game 52 Hình 1.15: Thơng tin người chơi cập nhật đăng nhập thành công 3.3 Hướng phát triển - Nâng cấp giao diện tương thích với nhiều tầng lớp người dùng - Bổ sung thêm nhiều Webgame thể loại để tạo thành trang Webgame đa dạng - Xây dựng thêm nhiều chức thách đấu, giao lưu chơi tổ đội - Xây dựng Webgame lớn phục vụ người chơi nơi 53 KẾT LUẬN Sau thời gian làm đồ án: “Xây dựng Game online "Xì Tố" cho cơng ty cổ phần cơng nghệ Hồng Hiệp – Hà Nội” em đạt kết quả:  Sử dụng thành thạo Cocos Creator SmartFox Server  Xây dựng tư lập trình game ứng dụng  Thực hành trải nghiệm sống lập trình  Nâng cao trình độ đọc hiểu tài liệu Tiếng Anh Sau năm học tập trường Đại học Công Nghệ Thông Tin Truyền Thông – Đại học Thái Nguyên em thầy cô giáo cung cấp truyền đạt kiến thức chuyên môn sâu sắc quý giá Nơi môi trường học tập, rèn luyện ý chí, độc lập, đầy sáng tạo tuổi trẻ, hành trang, kiến thức để chúng em bắt tay vào nghề nghiệp tương lai Em hy vọng đề tài tiền đề tạo kỹ làm việc nhóm, kỹ lập trình, xây dựng ý tưởng, tạo điều kiện trình làm việc học tập em Em xin chân thành cảm ơn ban giám hiệu, ban chủ nhiệm khoa, thầy cô giáo môn Công nghệ phần mềm hướng dẫn dạy chúng em suốt thời gian học tập trường, đặc biệt em xin cảm ơn thầy giáo ThS Nguyễn Văn Việt tận tình hướng dẫn, giúp đỡ em hồn thành đồ án Em xin chân thành cám ơn! 54 TÀI LIỆU THAM KHẢO [1] Cocos Creator, Chukong Technologies Inc, 2014-2016 ( http://cocos2d-x.org/docs/editors_and_tools/creator/index.html ) [2] SmartFoxServer, 2014-2017 ( http://docs2x.smartfoxserver.com ) 55 NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Thái Nguyên, ngày tháng năm 201 GIÁO VIÊN HƯỚNG DẪN 56 ... tài: Xây dựng Game online "Xì Tố" cho cơng ty cổ phần cơng nghệ Hồng Hiệp – Hà Nội CHƯƠNG CƠ SỞ LÝ THUYẾT 1.1 SmartFoxServer 1.1.1 Tổng quan SmartFoxServer2X SmartFoxSever sản phẩm phần mềm... 2.1.1 Ý tưởng xây dựng Đánh trò chơi có từ lâu , khơng cảm thấy chán người chơi tới đến , lẽ em xây dựng game Xì tố ” Em sử dụng Cocos Creator xây dựng Client game SmartFox Server xây dựng Server... phần mềm tiện ích phổ biến tương lai Càng ngày thị trường Web game phát triển, nhiều tựa game xây dựng môi trường Một thể loại game quân Do đó, em chọn xây dựng game chạy mơi trường wed Xì Tố