LẬP TRÌNH GAME với HTML5

Lập trình game với HTML 5 Giáo viên hướng dẫn: Nguyễn Quang Hưng.

NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN.

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

……………………………………………………………………………………

1 | Sinh viên thực hiện: Trần Xuân Mạnh.

Lập trình game với HTML 5 Giáo viên hướng dẫn: Nguyễn Quang Hưng.

* MỤC LỤC.

* MỤC LỤC.............................................................................................................................2

* DANH MỤC CÁC TỪ VIẾT TẮT..........................................................................................3

* DANH MỤC CÁC HÌNH. ......................................................................................................3

GIỚI THIỆU............................................................................................................................4

Chương I: Tổng quan công nghệ HTML5 và CSS3................................................................6

1. Cơ bản về HTML5 và CSS.............................................................................................6

2. Từ HTML đến HTML5.....................................................................................................6

3. CSS3 và Javascript.......................................................................................................12

4. HTML5 và CSS3...........................................................................................................13

a. Video và hiệu ứng Flash............................................................................................13

b. Công cụ thiết kế mới.................................................................................................14

c. Khả năng tương thích HTML5...................................................................................15

5. Kết luận.........................................................................................................................16

Chương II: Canvas 2D API...................................................................................................16

1. Vẽ ảnh và thao tác với pixel..........................................................................................17

a. Nạp và vẽ ảnh...........................................................................................................18

b. Thao tác với pixel......................................................................................................18

2. Chọn và di chuyển đối tượng........................................................................................19

a. Tạo cấu trúc dữ liệu...................................................................................................19

b. Các phương thức vẽ bằng context............................................................................20

c. Các sự kiện chuột của Canvas..................................................................................21

Chương III: Lập trình game xếp hình....................................................................................23

1. Giới thiệu game xếp hình..............................................................................................23

2. Tổng quát vài nét xây dựng game xếp hình..................................................................24

a. Xây dựng giao diện cho trò chơi................................................................................24

b. Xây dựng các hàm trong game.................................................................................27

2 | Sinh viên thực hiện: Trần Xuân Mạnh.

Lập trình game với HTML 5 Giáo viên hướng dẫn: Nguyễn Quang Hưng.

KẾT LUẬN............................................................................................................................32

* TÀI LIỆU THAM KHẢO......................................................................................................32

* DANH MỤC CÁC TỪ VIẾT TẮT.

HTML (HyperText Markup Language): Ngôn ngữ Đánh dấu Siêu văn

bản.

HTML DOM (Document Object Model for HTML).

CSS (Cascading Style Sheet).

DOM (Document Object Model).

API (Application Programming Interface).

RIA (Rich Internet Application).

* DANH MỤC CÁC HÌNH.

Hình 1: Minh họa CSS..........................................................................................................13

Hình 2: Ứng dụng HTML5 trong mobile................................................................................14

Hình 3: Các trình duyệt hỗ trợ HTML5 và CSS3...................................................................15

Hình 4: Mô tả các pixel trong ảnh gồm các giá trị RGBA......................................................19

Hình 5: Kết quả mô tả đoạn code trên..................................................................................23

Hình 6: Giao diện chính trò chơi xếp hình............................................................................24

3 | Sinh viên thực hiện: Trần Xuân Mạnh.