:
Đây cách bạn thêm đoạn văn HTML.
Nhưng số thẻ đặc biệt lại khơng có thẻ đóng liệu khai báo nằm thuộc t nh (v dụ thẻ ) Cha đẻ HTML Tim Berners-Lee, người khai sinh World Wide Web chủ tịch World Wide Web Consortium (W3C – tổ chức thiết lập chuẩn môi trường Internet) Các thiết lập cấu trúc HTML vận hành phát triển World Wide Web Consortium (W3C) Bạn kiểm tra tình trạng ngơn ngữ lúc trang W3C’s website 2.1.2 Lịch sử HTML HTML tạo Tim Berners-Lee, nhà vật lý học trung tâm nghiên cứu CERN Thụy Sĩ Hiện nay, HTML trở thành chuẩn Internet tổ chức W3C (World Wide Web Consortium) vận hành phát triển Bạn tự tìm kiếm tình trạng HTML thời điểm Website W3C Phiên HTML xuất năm 1991, gồm 18 tag HTML Phiên HTML 4.01 xuất năm 1999 Sau đó, nhà phát triển thay HTML XHTML vào năm 2000 Đến năm 2014, HTML nâng cấp lên chuẩn HTML5 với nhiều tag thêm vào markup, mục đ ch để xác định rõ nội dung thuộc loại (v dụ như: , , ,…) Theo Mozilla Developer Network HTML Element Reference có khoảng 140 tag Tuy nhiên vài tag số bị tạm ngưng (do khơng hỗ trợ trình duyệt 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ẽ dễ sử dụng Cách thiết kế giao diện cho ứng dụng vấn đề quan trọng người chơi Ngồi ra, bạn cịn cần phải quan tâm đến bố cục game cho hợp lý để người d ng dễ dàng tiếp cận thông tin cần thiết sử dụng Bởi ứng dụng thiết kế khơng tốt người d ng khó tiếp cận nội dung theo ý muốn người chơi Từ đó, người chơi nhanh chóng khỏi ứng dụng khơng muốn quay lại có nhu cầu Về cách phân chia tổ chức, trước Game thiết kế, nhóm đề tài định hình số khung giao diện thường gặp thiết kế chúng trở thành giao diện 2.2.2 Nguyên tắc 2: Game phải sử dụng cách mượt mà Các cử chỉ, hành động nhân vật ch nh kẻ th phải thực thi cách trơn tru, tác giả tận dụng để xây dựng cách điều khiển nút bấm bàn ph m nhằm giúp cho người d ng thao tác dễ dàng 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 “trị chơi thơng thường”) thuật ngữ sử dụng để tựa game làm nhắm đến đại chúng, bao gồm người t chơi game Nó hồn tồn trái ngược với game “hardcore” (trò chơi hạng nặng), dạng trò chơi nhắm đến game thủ rành rẽ game dành nhiều thời gian cho game Hình 1: Ví dụ 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 mở đầu trị chơi có hướng dẫn nhỏ để người bắt đầu mà không nhiều thời gian Chỉ cần chơi vài vòng người chơi bắt đầu quen thuộc với quy tắc game để bắt đầu trò chơi 10 Các vòng chơi tăng dần mức độ khó kèm theo có vật phẩm ph hợp để người sử dụng để chinh phục trò chơi cách dễ dàng Các game cịn cho phép người chơi chơi lại giữ nguyên thành t ch bị mạng 3.2 Xác định yêu cầu 3.2.1 Giao tiếp hệ thống Hệ thống cần phải có đầy đủ chức ứng dụng chơi game Các nút điều khiển phải liên kết chặt chẽ 3.2.2 Giao tiếp đ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ượng 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 đặc biệt phải phục vụ đầy đủ chức người d ng chơi game 3.2.3 Giao tiếp giao diện Giao diện phải sử dụng hình ảnh sắc nét, mượt mà, lạ, dễ nhìn Giao diện phải xếp nút điều khiển, hình ảnh, chữ cách ngăn nắp, gọn gàng đặc biệt 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 hình thiết bị điện thoại khác 11 3.3 Kịch game Game Tank Battle City game casual với bối cảnh xe tăng chiến đấu, với nhiệm vụ tiêu diệt kẻ địch bảo vệ Nhưng chuyện không đơn giản thế, đường có kẻ địch khác muốn chiếm cứ, nhiệm vụ bạn sống sót đến cuối c ng để chiến đấu bảo vệ Khi chạy game, hệ thống chuyển đến giao diện menu, người d ng cần ấn vào nút Play hệ thống chuyển tới giao diện khác Khi vào game, người chơi bắt đầu điều người chơi ấn nút W S A D để lên, xuống, trái, phải Space để bắn 12 3.4 Sơ đồ quan hệ lớp Hình : Sơ đồ quan hệ lớp Class Main: Đây class để xử lý tiến trình bắt đầu game kết thúc game - - Class EnemyMove: Đây class xử lý di chuyển Enemy - Class GameController: Đây class lưu trữ enemy xử lý random Enemy - Class GamePlayController: Đây class d ng để xử lý di chuyển nhân vật, kịch hoạt Laze xử lý va chạm với enemy , HP, âm … - Class EnemyState : Đây class d ng để xử lý va chạm enemy, xử lý số điểm, gây sát thương, âm , chuyển động… Class Laze: Là class để xử lý bay viên đạn xử lý va chạm với enemy - 13 3.5 Thiết 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: Biểu đồ Use-case tổng quát: a) Hình :Biểu đồ Use Case tổng quát Đặc tả Use-case “Play” b) - 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 chơi game 14 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 tả Use-case “Help” c) - 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 User vào ứng dụng - User nhấn vào button “Hướng Dẫn” Phản ứng hệ thống Hệ thống đưa giao diện ch nh Hệ thống hiển thị hình giới thiệu chức game Các 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 Khơng có *Actor: Người chơi - 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 chức khác game 16 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 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 o 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 Hình 5: Màn 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 CHƯƠNG : KẾT LUẬN 4.1 Kết đạ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 hồ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 khiển 19