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

Ngày nay, với sự pháttriển nhanh chóng của xã hội, nhu cầu giải tr ngày càng phổ biến, vì vậy 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 về ứng dụng

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC GIA ĐỊNH

Thành phố Hồ Chí Minh

CHƯ ƠNG 1: TỔNG QUAN VỀ ĐỀ TÀI 5

1.1 Lý do chọn đề tài 5

1.2 Giới hạn và phạm vi của đề tài 5

1.3 Nội dung thực hiện 5

1.4 Phương pháp tiếp cận 6

CHƯ ƠNG 2: CƠ SỞ LÝ THUYẾT 7

2.1 Tổng quan về HTML 7

2.1.1   Đối tượng tham gia hệ thống 7

2.1.2   Lịch sử của HTML 7

2.2 Nguyên tắc thiết kế Game Tank Battle City 9

2.2.1 Nguyên tắc 1: Thiết kế giao diện game chặt chẽ và dễ sử dụng 9

2.2.2 Nguyên tắc 2: Game phải được sử dụng một cách mượt mà 9

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 về điều khiển 11

3.2.3 Giao tiếp về giao diện 11

3.3 Kịch bản game 12

3.4 Sơ đồ quan hệ giữa các lớp 13

3.5 Thiết kế đặc tả chức năng 14

3.5.1 Biểu đồ Use-case: 14

3.6 Demo Game 17

3.6.1 Giao diện mà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

CHƯƠNG 4 : KẾT LUẬN 19

4.1 Kết quả đạt được của đề tài 19

4.2 Hạn chế của đề tài 19

4.3 Hướng phát triển của đề tài 20

TÀI LIỆU THAM KHẢO 21

LỜI CẢM ƠN

Để có được những kiến thức và thàng công như ngày hôm nay trước hết em xin chânthành cảm ơn quý Thầy Cô Trường Đại học Gia Định.Trong suốt thời gian qua đã tậntình chỉ bảo,giúp đỡ và có nhiều ý kiến đóng góp giúp em hoàn thành tốt công việc họctập của mình

Và em chân thành cảm ơn Thầy Lý Quang Vinh đã tận tình hướng dẫn và tạo mọi điềukiện giúp em hoàn thành chương trình này

Vì khả năng có hạn và thời gian hạn hẹp cho nên sẽ không tránh được những thiếu sót vàsai lầm Rất mong được sự đóng góp ý kiến của quý thầy cô và các bạn để chương trìnhngày càng hoàn thiện hơn.

Xin chân thành cảm ơn

LỜI MỞ ĐẦU

Hiện nay Công nghệ thông tin vô cng phát triển thì mọi người đều sử dụng máy vi tnhhoặc điện thoại di động để làm việc và giải tr Do đó việc xây dựng các ứng dụng đang làmột ngành công nghiệp mới đầy tiềm năng và hứa hẹn nhiều sự phát triển vượt bậc củangành khoa học kỹ thuật Phần mềm, ứng dụng hiện nay rất đa dạng và phong phú trêncác hệ điều hành Các hệ điều hành Windows, MAC, Adroid, IOS, Hybrid, Web basesMobile Application đã rất phát triển trên thị trường truyền thông Ngày nay, với sự pháttriển nhanh chóng của xã hội, nhu cầu giải tr ngày càng phổ biến, vì vậy 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 về ứng dụng trên

để có thể đáp ứng nhu cầu giải tr đó, giúp cho mọi người có thể thư giãn thông qua ứngdụng

CHƯƠNG 1:   TỔNG QUAN VỀ ĐỀ TÀI

Gần đây nhu cầu giải tr của người dng ngày càng cao ai cũng muốn giải trgiải tỏa tinh thần sau những ngày làm việc mệt nhọc Vì thế họ tìm đến các hoạtđộng giải tr ngoài trời nhằm thư giãn đầu óc Tuy nhiên không phải ai cũng có thờigian, cơ hội để mà tham gia các hoạt động giải tr ngoài trời hoặc là họ không thch

đi xa Chnh vì thế mà họ tìm đến thú vui bằng các game ngay trên điện thoại diđộng của mình Do biết được nhu cầu của người dng mà tôi tham gia xây dựng mộtứng dụng game xe tăng chiến đấu trên HTML nhằm phục vụ nhu cầu giải tr củanhững người sử dụng

Game Tank Battle City là 1 thể loại game 2d rất thận thiện với người dng từcác trò chơi trên dòng máy Nintendo và mỗi phiên bản đều có sự độc đáo riêng bạn

sẽ đến với 1 cỗ máy xe tăng bảo vệ căn cứ của mình và chiến đấu với các kẻ địch

Đề tài xây dựng game Tank Battle City sử dụng công cụ lập trình Visual StudioCode

 Nội dung thực hiện nghiên cứu cụ thể như sau:

-  Xây dựng hệ thông ứng dụng lạ, độc , dễ nhìn.

xây dựng để rút ra các kinh nghiệm để xây dựng game của mình được tốthơn, chế độ phục vụ tốt hơn

CHƯƠNG 2:   CƠ SỞ LÝ THUYẾT2.1 Tổng quan về HTML

2.1.1   Đối tượng tham gia hệ thống

HTML là viết tắt của cụm từ  Hypertext Markup Language  (tạm dịch là Ngônngữ đánh dấu siêu văn bản). HTML được sử dụng để tạo và cấu trúc các thành phầntrong trang web hoặc ứng dụng, phân chia các đoạn văn, heading, titles, blockquotes… và HTML không phải là ngôn ngữ lập trình

Một tài liệu HTML được hình thành bởi các phần tử HTML (HTML Elements)được quy định bằng các cặp thẻ (tag và attributes) Các cặp thẻ này được bao bọc bởi một dấu ngoặc ngọn (v dụ <html>) và thường là sẽ được khai báo thành mộtcặp, bao gồm thẻ mở và thẻ đóng V dụ, chúng ta có thể tạo một đoạn văn bằngcách đặt văn bản vào trong cặp tag mở và đóng văn bản  <p> và </p> :

<p>Đây là cách bạn thêm đoạn văn trong HTML.</p>

 Nhưng một số thẻ đặc biệt lại không có thẻ đóng và dữ liệu được khai báo sẽ nằmtrong các thuộc tnh (v dụ như thẻ <img>)

Cha đẻ của HTML là Tim Berners-Lee, cũng là người khai sinh ra World WideWeb và chủ tịch của World Wide Web Consortium (W3C – tổ chức thiết lập racác chuẩn trên môi trường Internet) Các thiết lập và cấu trúc HTML được vận hành

và phát triển bởi World Wide Web Consortium (W3C) Bạn có thể kiểm tra tìnhtrạng mới nhất của ngôn ngữ này bất kỳ lúc nào trên trang W3C’s website

2.1.2  Lịch sử của HTML

HTML được tạo ra bởi Tim Berners-Lee, một nhà vật lý học của trung tâm nghiêncứu CERN ở Thụy Sĩ Hiện nay, HTML đã trở thành một chuẩn Internet được tổchức W3C (World Wide Web Consortium) vận hành và phát triển Bạn có thể tựtìm kiếm tình trạng mới nhất của HTML tại bất kỳ thời điểm nào trên Website củaW3C

Phiên bản đầu tiên của HTML xuất hiện năm 1991, gồm 18 tag HTML Phiên bảnHTML 4.01 được xuất bản năm 1999 Sau đó, các nhà phát triển đã thay thế HTML bằng XHTML vào năm 2000.

Đến năm 2014, HTML được nâng cấp lên chuẩn HTML5 với nhiều tag được thêmvào markup, mục đch là để xác định rõ nội dung thuộc loại là gì (v dụ như:

<article>, <header>, <footer>,…)

Theo Mozilla Developer Network  thì  HTML Element Reference  hiện nay cókhoảng hơn 140 tag Tuy nhiên một vài tag trong số đó đã bị tạm ngưng (do khôngđược hỗ trợ bởi các trình duyệt hiện hành)

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ẽ và dễ sử dụngCách thiết kế giao diện cho ứng dụng là một trong những vấn đề rất quan trọngđối với người chơi Ngoài ra, bạn còn cần phải quan tâm đến bố cục của game saocho hợp lý để người dng dễ dàng tiếp cận các thông tin cần thiết khi sử dụng Bởiứng dụng thiết kế không tốt thì người dng sẽ khó tiếp cận được những nội dung theođúng ý muốn của người chơi Từ đó, người chơi sẽ nhanh chóng thoát ra khỏi ứngdụng và cũng sẽ không muốn quay lại khi có nhu cầu

Về cách phân chia và tổ chức, trước khi Game được thiết kế, nhóm đề tài đãđịnh hình một số khung giao diện thường gặp và thiết kế chúng trở thành giao diện.2.2.2 Nguyên tắc 2: Game phải được sử dụng một cách mượt màCác cử chỉ, hành động của nhân vật chnh cũng như kẻ th phải được thực thimột cách trơn tru, do đó tác giả đã tận dụng để xây dựng cách điều khiển bằng nút bấm trên bàn phm nhằm giúp cho người dng có thể thao tác dễ dàng nhất

CHƯƠNG 3: NỘI DUNG THỰC HIỆN

3.1 Phân tích đề tài

3.1.1 Khái niệm game casual?

Game casual (nghĩa đen là “trò chơi thông thường”) là thuật ngữ được sửdụng để chỉ những tựa game được làm ra nhắm đến đại chúng, bao gồm cả nhữngngười t chơi game Nó hoàn toàn trái ngược với game “hardcore” (trò chơi hạngnặng), là dạng trò chơi nhắm đến những game thủ rành rẽ về game và dành nhiềuthời gian cho game

 Hình 1: Ví dụ về các game sử dụng casual 

3.1.2 Cách chơi

 Những game casual thường có quy tắc chơi vô cng đơn giản Thường khi

mở đầu trò chơi sẽ có những hướng dẫn nhỏ để mọi người có thể bắt đầu mà khôngmất quá nhiều thời gian Chỉ cần chơi một vài vòng là người chơi đã bắt đầu quenthuộc với những quy tắc trong game để bắt đầu trò chơi

Các vòng chơi sẽ tăng dần mức độ khó nhưng kèm theo đó sẽ có các vật phẩm ph hợp để mọi người có thể sử dụng để chinh phục trò chơi một cách dễ dàng Cácgame này còn cho phép người chơi có thể chơi lại nhưng vẫn giữ nguyên thành tchnếu bị mất mạng.

3.2 Xác định yêu cầu3.2.1 Giao tiếp hệ thống

Hệ thống cần phải có đầy đủ chức năng của một ứng dụng chơi game

Các nút điều khiển phải được liên kết chặt chẽ

3.2.2 Giao tiếp về điều khiển

Các điều khiển phải đầy đủ, dễ dàng sử dụng để người dng không bị ngượngkhi sử dụng ứng dụng

Các điều khiển cần phải có hệ thống quản lý rõ ràng, liên kết chặt chẽ với nhau

và đặc biệt phải phục vụ được đầy đủ các chức năng khi người dng chơi game

3.2.3 Giao tiếp về giao diện

Giao diện phải sử dụng các hình ảnh sắc nét, mượt mà, mới lạ, dễ nhìn

Giao diện phải sắp xếp các nút điều khiển, các hình ảnh, các chữ một cách ngănnắp, gọn gàng và đặc biệt là phải phân bố hợp lý không bị loạn

Đặc biệt giao diện cần phải ph hợp với màn hình các thiết bị điện thoại khácnhau

3.3 Kịch bản game

Game Tank Battle City là một game casual với bối cảnh là xe tăng chiến đấu,với nhiệm vụ là tiêu diệt những kẻ địch và bảo vệ căn cứ

 Nhưng mọi chuyện không đơn giản như thế, ở mỗi một con đường đều có những

kẻ địch khác và muốn chiếm căn cứ, nhiệm vụ của bạn là sống sót đến cuối cng đểchiến đấu và bảo vệ căn cứ

Khi chạy game, hệ thống sẽ chuyển đến giao diện menu, ở đây người dng chỉcần ấn vào nút Play là hệ thống sẽ chuyển tới một giao diện khác

Khi vào game, người chơi sẽ bắt đầu ở màn đấy và điều đầu tiên người chơi cóthể ấn những nút như W S A D để đi lên, xuống, trái, phải và Space để bắn

3.4 Sơ đồ quan hệ giữa các lớp

 Hình 2 : Sơ đồ quan hệ giữa các lớp

thúc game

Enemy

vật, kịch hoạt Laze và các xử lý va chạm với enemy , HP, âm thanh …

lý số điểm, gây sát thương, âm thanh , chuyển động…

với enemy

3.5 Thiết kế đặc tả chức năng

Để hiểu rõ hơn về yêu cầu của đề tài, nhóm nghiên cứu đề xuất phương án thiết

kế các biểu đồ để hiểu thêm về cách thức hoạt động, cách xử lý của đề tài

3.5.1 Biểu đồ Use-case:

 Hình 3 :Biểu đồ Use Case tổng quát 

game

-  Các yêu cầu đặc biệt:

Không có

Hệ thống đang ở màn hình menu game

Hệ thống hiển thị ra màn hình chơi game chnh

các chức năng trong game

Không có

Hệ thống đang ở màn hình chnh

Hệ thống hiển thị màn hình giới thiệu các chức năng trong game

người chơi

khác của game

3.6 Demo Game

3.6.1 Giao diện màn hình chờ Menu

 Hình 4: Màn hình Menu Game

chọn chế độ chơi cho người dng

3.6.2 Màn hình game play

-Người chơi sẽ vào trận để chiến đấu với kẻ địch

 Hình 5: Màn hình Game Play

3.6.3 Màn Hình Game Over

 Hình 6: Màn Hình Game Over 

CHƯƠNG 4 : KẾT LUẬN4.1 Kết quả đạt được của đề tài

quả giúp người chơi thoải mái sau nhưng ngày làm việc mệt nhọc

4.2 Hạn chế của đề tài

hoạt hợp lý

một số tồn tại trong việc đặt tên và sử dụng linh hoạt các điều khiển

4.3 Hướng phát triển của đề tài

nhân vật

TÀI LIỆU THAM KHẢO

[1] Janine Suvak -  Lập Trình Game Với Unity

4 All-in-One, Multi-Platform Game Development 2nd Edition - 2013

Beginner's Guide - 2013

[11]http://www.unity3dstudent.com/

[11]http://unity3d.com/learn[11]http://vietgamedev.net

http://forum.unity3d.com/threads/26785-Unity-Jump-Start-Video-Tutorials